@import url(parts.css);


/* common */
/* -------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	font: 12px "MS PGothic","Osaka",arial,helvetica,sans-serif;
	*font-size: small;
	*font: x-small;
	color: #333;
	text-align: center;
	background: #fff;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size: 100%;
	line-height: 130%;
}
p, ul, ol, dl, address, blockquote, table, div {
	font-size: 100%;
	line-height: 150%;
}

p.capmenu {
	text-indent:-3.6em;
	padding-left:3.6em;
}

p.capmenu1 {
	text-indent:-4em;
	padding-left:4em;
}

p.cap1 {
	text-indent:-1em;
	padding-left:1em;
}

p.cap2 {
	padding-left: 1.3em;
	text-indent: 1em;
}

p.cap3 {
	text-indent: 1em;
}

input, select, textarea, button {
	font-size: 100%;
	vertical-align: middle;
}
ul {
	list-style-type: none;
}
img {
	border: 0;
	display: block;
}
a img {
	display: inline;
	vertical-align: top;
}


/* link */

a:link,
a:visited,
a:active {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}



/* container */
/* -------------------------------------------------------- */

#container {
	width: 100%;
	min-width: 980px;
	text-align: center;
}



/* header */
/* -------------------------------------------------------- */

#header {
	width: 100%;
	text-align: center;
	background: url(../img/h_bg_01.gif) repeat-x left top;
}
#headerInr {
	width: 980px;
	height: 181px;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	margin: 0 auto;
	background: url(../img/h_bg.gif) no-repeat left top;
	position: relative;
}


/* h-logo */

#h-logo {
	width: 295px;
	position: absolute;
	top: 45px;
	left: 9px;
}


/* h-txt */

#h-txt {
	width: 178px;
	position: absolute;
	top: 95px;
	left: 408px;
}


/* h-font */

#h-font li {
	position: absolute;
}
#h-font .ttl {
	width: 80px;
	text-align: right;
	color:#fff;
	top: 62px;
	left: 568px;
}
#h-font .btn-m {
	width: 37px;
	height: 18px;
	top: 60px;
	left: 654px;
}
#h-font .btn-l {
	width: 37px;
	height: 18px;
	top: 60px;
	left: 697px;
}
#h-font li a {
	width: 37px;
	height: 18px;
	text-decoration: none;
	background: url(../img/h_font_btn.gif) no-repeat left top;
	display: block;
	zoom: 1;
	overflow: hidden;
}
#h-font .btn-m a:link,
#h-font .btn-m a:visited,
#h-font .btn-m a:active {
	background-position: left bottom;
}
#h-font .btn-m a:hover {
	background-position: left bottom;
}
#h-font .btn-l a:link,
#h-font .btn-l a:visited,
#h-font .btn-l a:active {
	background-position: right top;
}
#h-font .btn-l a:hover {
	background-position: right bottom;
}


/* h-search */

#h-search li {
	position: absolute;
}
#h-search .box {
	width: 162px;
	height: 20px;
	padding: 1px 0 0 0;
	background: url(../img/h_search_box.gif) no-repeat 0 0;
	top: 60px;
	left: 752px;
}
#h-search .box input {
	width: 152px;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0 5px;
	background: transparent;
	border: 0;
}
#h-search .btn {
	width: 45px;
	height: 20px;
	top: 60px;
	left: 918px;
}


/* h-navi */

#h-navi {
	width: 200px;
	position: absolute;
	top: 109px;
	left: 613px;
}
#h-navi li {
	padding: 0 0 0 3px;
	float: left;
}


/* h-lang */

#h-lang {
	width: 150px;
	position: absolute;
	top: 114px;
	left: 827px;
}
#h-lang li {
	padding: 0 0 0 5px;
	float: left;
}


/* global-navi */

#global-navi {
	position: absolute;
	top: 139px;
	left: 2px;
	z-index:1000;
}
#global-navi li {
	float: left;
	position:relative;
}
#global-navi li.nav1 {
	width:174px;
}
#global-navi li.nav2 {
	width:196px;
}
#global-navi li.nav3 {
	width:182px;
}
#global-navi li.nav4 {
	width:167px;
}
#global-navi li.nav5 {
	width:157px;
}
#global-navi li.nav6 {
	width:100px;
}
#global-navi li ul {
	font-size:11px;
	color:#fff;
	background:#2b5127;
	position:absolute;
	top:42px;
	left:0;
	display:none;
}
#global-navi li ul li {
	width:100%;
	border-bottom:solid 1px #53714f;
}
#global-navi li ul li a {
	white-space:nowrap;
	text-decoration:none;
	color:#fff;
	padding:4px 12px;
	display:block;
}
#global-navi li ul li a:hover {
	text-decoration:underline;
	color:#fff;
}


/* #header.type1 */

#header.type1 {
	font-family:Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif;
	background-image: url(../img/201703/h_bg_01.gif);
}
#header.type1 #headerInr {
	background-image: url(../img/201703/h_bg.jpg);
}
#header.type1 #h-font .ttl {
	top: 78px;
}
#header.type1 #h-font .btn-m,
#header.type1 #h-font .btn-l,
#header.type1 #h-search .btn,
#header.type1 #h-search .box {
	top: 76px;
}
#header.type1 #h-navi ul {
	width:200px;
	height:30px;
	display:table;
	table-layout:fixed;
}
#header.type1 #h-navi li {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	padding:0;
	float:none;
}
#header.type1 #h-navi li a {
	font-size:12px;
	text-decoration:none;
	color:#fff;
}
#header.type1 #h-navi li a:hover {
	opacity:0.7;
}
#header.type1 #global-navi > li > a {
	width:100%;
	height:42px;
	font-size:11px;
	line-height:1.2;
	text-decoration:none;
	color:#fff;
	display:table;
}
#header.type1 #global-navi > li.on > a,
#header.type1 #global-navi > li.over > a,
#header.type1 #global-navi > li > a:hover {
	background:#4f0b0f;
}
#header.type1 #global-navi > li > a > span {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
#header.type1 #global-navi li ul {
	color:#006566;
	background:#d1fa00;
}
#header.type1 #global-navi li ul li {
	border-bottom:solid 1px #c1ea00;
}
#header.type1 #global-navi li ul li a {
	color:#006566;
}



/* contents */
/* -------------------------------------------------------- */

#contents {
	width: 964px;
	text-align: left;
	margin: 0 auto 30px auto;
}


/* track-list */

#track-list {
	width: 964px;
	font-size: 90%;
	list-style-type: none;
	text-align: left;
	color: #666;
	margin: 0 auto;
	padding: 12px 0 0 0;
}
#track-list li {
	padding: 0 3px 3px 0;
	float: left;
}
#track-list li a,
#track-list li span {
	margin: 0 3px 0 0;
}
#track-list li a:link,
#track-list li a:visited,
#track-list li a:active {
	color: #666;
	text-decoration: none;
}
#track-list li a:hover {
	color: #666;
	text-decoration: underline;
}



/* main */
/* -------------------------------------------------------- */

#main {
	width: 735px;
	float: left;
}



/* side */
/* -------------------------------------------------------- */

#side {
	width: 220px;
	float: right;
}



/* footer */
/* -------------------------------------------------------- */

#footer {
	width: 100%;
	text-align: center;
	padding: 60px 0 10px 0;
	background:#4a822e;
}


/* f-img */

#f-img {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	position:relative;
}
#f-img img {
	position:absolute;
	top:-82px;
	left:0;
}


/* f-btn */

#f-btn {
	width: 980px;
	text-align: right;
	margin: 0 auto 10px auto;
}
#f-btn a {
	padding: 0 0 0 15px;
	background: url(../img/icon_pagetop_01.gif) no-repeat left center;
}
#f-btn a:link,
#f-btn a:visited,
#f-btn a:active {
	color: #fff;
	text-decoration: none;
}
#f-btn a:hover {
	color: #fff;
	text-decoration: underline;
}


/* f-navi */

#f-navi-block {
	width: 100%;
	text-align:center;
	margin: 0 0 5px 0;
	background: #dfe466;
}
#f-navi {
	width: 980px;
	font-size: 12px;
	line-height: 14px;
	text-align:center;
	color: #4a822e;
	margin: 0 auto;
}
#f-navi li {
	padding: 3px 10px 2px 10px;
	border-left: solid 1px #4a822e;
	display:inline-block;
}
#f-navi li:last-child {
	border-right: solid 1px #4a822e;
}
#f-navi a:link,
#f-navi a:visited,
#f-navi a:active {
	color: #4a822e;
	text-decoration: none;
}
#f-navi a:hover {
	color: #4a822e;
	text-decoration: underline;
}
#f-add-block {
	width:980px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
#f-add {
	width:300px;
	font-size: 12px;
	line-height:1.3;
	color:#fff;
	padding: 4px 0 2px 0;
	border-left: 0;
	position:absolute;
	top:-50px;
	right:30px;
}


/* f-copy */

#f-copy {
	width:980px;
	font-size: 10px;
	text-align:left;
	color:#fff;
	margin:0 auto;
}



/* clear */
/* -------------------------------------------------------- */

.pkg:after, #h-navi:after, #h-lang:after, #global-navi:after, #track-list:after, #contents:after, #f-navi:after, .s-navi:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg, #h-navi, #h-lang, #global-navi, #track-list, #contents, #f-navi, .s-navi { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #h-navi, * html #h-lang, * html #global-navi, * html #track-list, * html #contents, * html #f-navi, * html .s-navi { height: 1%; }
.pkg, #h-navi, #h-lang, #global-navi, #track-list, #contents, #f-navi, .s-navi { display: block; }
/* */