@import url(parts.css);


/* common */
/* -------------------------------------------------------- */
* {margin:0; padding:0;}
html {overflow-y:scroll;}
body {font:14px Meiryo,"MS PGothic","Osaka",arial,helvetica,sans-serif; *font-size:small; *font:x-small; color:#666; text-align:center; background:url(../img/body_bg.gif) repeat-x left top; line-height: 21px;}

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%;}
input, select, textarea, button {font-size:100%; vertical-align:middle;}
ul {list-style-type:none;}
ol {margin-left:2.2em;}
img {line-hegiht:0; border:0; display:block;}
a img {display:inline; vertical-align:top;}


/* link */

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



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

#container {width:100%; text-align:center; background:url(../img/h_bg.jpg) no-repeat center 76px;}



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

#header {width:900px; text-align:left; margin:0 auto 28px auto; padding:297px 0 0 0; background:url(../img/h_bg.jpg) no-repeat -190px 76px; position:relative;}

#hLogo {width:615px; position:absolute; top:23px; left:0;}

#hBtn {width:156px; position:absolute; top:0; right:0;}

#hTtl {width:500px; position:absolute; top:98px; left:0;}

#hContact {width:292px; position:absolute; top:163px; right:0;}
#hContactBtn {width:276px; position:absolute; top:128px; right:0;}
#hContactBtn li {padding:0 15px 0 0; float:left;}

#hTxt {width:500px; position:absolute; top:163px; left:20px; color:#F7F3EF; font-weight:bold;}

#hBnr {width:910px; position:absolute; top:190px; left:0;}
#hBnr li {padding:0 5px 0 0; float:left;}
#hBnr li:last-child {padding:0;}

#hNavi {width:900px; position:relative;}
#hNavi li {float:left;}

#hNavi li div.sub {
	width:900px;
	position:absolute;
	top:53px;
	left:0;
	z-index:100;
	display:none;
}
#hNavi li div.sub .inner {
	width:900px;
	padding:1px 0 0 0;
	background:url(../img/bg_sub_navi_00.gif) no-repeat left top;
}
#hNavi li.navi0 div.sub .inner {background-image:url(../img/bg_sub_navi_00.gif);}
#hNavi li.navi1 div.sub .inner {background-image:url(../img/bg_sub_navi_01.gif);}
#hNavi li.navi2 div.sub .inner {background-image:url(../img/bg_sub_navi_02.gif);}
#hNavi li.navi3 div.sub .inner {background-image:url(../img/bg_sub_navi_03.gif);}
#hNavi li.navi4 div.sub .inner {background-image:url(../img/bg_sub_navi_04.gif);}
#hNavi li.navi5 div.sub .inner {background-image:url(../img/bg_sub_navi_05.gif);}

#hNavi li div.sub .inner .inner {
	width:900px;
	padding:15px 0;
	background:url(../img/bg_sub_navi.png) no-repeat left bottom;
}
#hNavi li .sub table {width:865px; margin:0 0 0 25px; border-collapse:collapse; border-spacing:0; empty-cells:show;}
#hNavi li .sub table th {font-weight:bold; color:#664c0e; text-align:left; vertical-align:top; padding:0 0 5px 0;}
#hNavi li .sub table th a:link,
#hNavi li .sub table th a:visited,
#hNavi li .sub table th a:active {color:#664c0e; text-decoration:underline;}
#hNavi li .sub table th a:hover {color:#664c0e; text-decoration:none;}
#hNavi li .sub table td {text-align:left; vertical-align:top; padding:0 0 5px 0;}
#hNavi li .sub a {padding:0 0 0 10px; background:url(../img/icon_01.gif) no-repeat 0 6px;}

#hNavi li .sub td li {padding:0 10px 0 0;}

#hNavi a {color:#593C1A; font-weight:bold; text-decoration:none;}

#hNavi li.navi1 {
	width: 162px;
	height:53px;
	text-align:center;
}
#hNavi li.navi1 a {
	padding-top:20px;
	width: 162px;
	display:block;
	background:url(../img/h_navi_bg01.gif) no-repeat 0 0;
}
#hNavi li.navi1 a:hover {
	background:url(../img/h_navi_bg01_over.gif) no-repeat 0 0;
}
#hNavi li.navi2,
#hNavi li.navi3,
#hNavi li.navi4,
#hNavi li.navi5 {
	width: 163px;
	height:53px;
	text-align:center;
}
#hNavi li.navi2 a,
#hNavi li.navi3 a,
#hNavi li.navi4 a {
	padding-top:20px;
	width: 162px;
	display:block;
	background:url(../img/h_navi_bg02.gif) no-repeat 0 0;
}
#hNavi li.navi2 a:hover,
#hNavi li.navi3 a:hover,
#hNavi li.navi4 a:hover {
	background:url(../img/h_navi_bg02_over.gif) no-repeat 0 0;
}

#hNavi li.navi5 a {
	padding-top:20px;
	width: 163px;
	display:block;
	background:url(../img/h_navi_bg03.gif) no-repeat 0 0;
}
#hNavi li.navi5 a:hover {
	background:url(../img/h_navi_bg03_over.gif) no-repeat 0 0;
}


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

#contents {width:900px; text-align:left; margin:0 auto 82px auto; z-index:1;}

#main {width:658px; float:left; margin-left:16px; _margin-left:8px; }

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

#trackList {list-style-type:none;}
#trackList li {float:left;}



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

#footer {width:100%; background:#8ca638;}

#fNaviBlock {width:900px; text-align:left; margin:0 auto; position:relative;}
#fNavi {width:900px; position:absolute; top:-32px;}
#fNavi li {float:left;}
#fNavi li.pagetop {float:right;}

#fTxtBlock {width:900px; color:#fff; text-align:right; margin:0 auto; padding:25px 0;position:relative;}
#fCopy {margin:0 0 12px 0;}

#footer_hero {
	position: absolute;
	top: 54px;
	left: 0;
	font-size: 13px;
	z-index: 2;
	text-align: left;
}
#footer_hero a {
	color: #ffffff;
	text-decoration: none;
}
#footer_hero a:hover {
	text-decoration: underline;
}


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

.pkg:after, #hContactBtn:after, #hBnr:after, #hNavi:after, #contents:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.pkg, #hContactBtn, #hBnr, #hNavi, #contents {display:inline-block;}
/* no ie mac \*/
* html .pkg, * html #hContactBtn, * html #hBnr, * html #hNavi, * html #contents {height:1%;}
.pkg, #hContactBtn, #hBnr, #hNavi, #contents {display:block;}
/* */