@charset "utf-8";
@import url("parts.css");

/***************************
　　　タグ再定義
***************************/
html,body{margin:0;padding:0; overflow-x:hidden;}
body{ behavior:url("./csshover.htc"); font-size:62.5%; text-align:center; background:url(../../imgdir/common/bg_mat.gif) repeat; margin:0; padding:0; color:#333; line-height:1.3;}
p{margin:0 10px 10px;text-align:justify; text-justify : inter-ideograph; }
a{color: #0E145B; text-decoration:none;}
a:visited{color: #00441B;}
a:hover,a:active{color: #f60; text-decoration:none;}
img {border:0; vertical-align:bottom; }

h1, h2, h3, h4, h5 { margin:0; padding:0; }

em { font-size:12px; color:#f00; font-style:normal; }

/**/
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.right02 { float:right; margin:9px 9px 0 0;display:inline; width:611px;}
* html .right02 { float:right; margin:0;display:inline;}

.title_bar_1st { margin:0.25em 0; padding:2px 0 0 0; background:url(../../imgdir/common/title_bar_1st.gif) no-repeat; height:19px; color:#00441B; font-size:1.2em; text-indent:8px; font-weight:bold; }
.title_bar_2nd { margin:0.5em 0; padding:4px 0 0 0; background:url(../../imgdir/common/title_bar_2nd.gif) no-repeat; height:25px; color:#00441B; font-size:1.2em; text-indent:25px; font-weight:bold; }
.title_bar_3rd { margin:0.25em 0; padding:4px 0 0 0; background:url(../../imgdir/common/title_bar_3rd.gif) no-repeat; height:25px; color:#00441B; font-size:1.2em; text-indent:25px; font-weight:bold; }


div.child_content{margin:0 5px}

div.pagetop {text-align:right;padding:10px 0 0 20px;}
div.pagetopMT {text-align:right;padding:10px 0 0 20px; position:relative; top:200px;}

.clear{ clear:both; }

.banner { margin:5px 0; text-align:center; }
.banner_extentd { margin:3px 5px; border:1px solid #D9D9D9;}
.banner_extentd02{ margin:9px 5px 0 6px;; border:1px solid #D9D9D9;}
p.more_info{ margin:5px; padding:0; background:url(../../imgdir/common/ic_arrow_grn_large.gif) no-repeat left center; text-indent:15px; }

.banner_extentd p.more_info {position:relative; left:40px; }

#mainImage{ margin:4px 0 10px 0;}

/***************************
　　　
***************************/
#wrapper { width:800px; margin:0 auto; padding:0; text-align:left; border-right:1px solid #000; border-left:1px solid #000; font-size:1.2em; background:#FFF; }

#pageBody,  #underLink, .block{ clear:both; }

#footer{clear:both; margin:0 auto; padding:5px;}

/***************************
　　　
***************************/
#header { margin:0; padding:0; background:url(../../imgdir/head/header_bg.gif) repeat-x left top; height:120px; position:relative; }
#header h1 {position:absolute; top:3px; left:5px;font-size:9px; color:#FFFFFF; font-weight:normal;}
#header h2 img{position:absolute; top:35px; left:15px;}

*:first-child+html #headerMenu {
	position:absolute;
	left: 320px;
	top: 25px;
}

* html #headerMenu {
	position:absolute;
	left: 320px;
	top: 25px;
}

head~/* */body #headerMenu {
	position:absolute;
	left: 320px;
	top: 25px;
}

html:not(:target) #headerMenu {
	position:absolute;
	left: 345px;
	top: 25px;
}

html:\66irst-child #headerMenu { 
	position:absolute;
	left: 320px;
	top: 25px;}

#headerMenu ul { margin:0; padding:0; list-style-type:none; width:500px;  } 
#headerMenu ul li { padding:0 0.5em; border-right:1px solid #333; float:left;  }

#headerFont {
	position:absolute;
	left: 590px;
	top: 50px;
	font-size:14px;
	font-weight:bold;
	color:#00441B;
}



/* Global navi layout 2010-08 */




		#gnavi {clear:both;padding-top:70px; margin-left:-40px;}
		#gnavi ul{}
		
		* html #gnavi a{ display:block;overflow:hidden; height:54px;padding-top:54px; text-indent:-9999px;}

			#gnavi li {float:left;list-style:none;}
			#gnavi li a {display:block; overflow:hidden; height:0; padding-top:54px;}

			
			#gnavi li#gnavi01 a {background:url(../../imgdir/common/nav_global.gif) no-repeat 0 0; width:276px; _width::275px;}

			#gnavi li#gnavi02 a {background:url(../../imgdir/common/nav_global.gif) no-repeat -276px 0; width:199px;_width:198px;}

			#gnavi li#gnavi03 a {background:url(../../imgdir/common/nav_global.gif) no-repeat -475px 0; width:172px;_width:171px;}

			#gnavi li#gnavi04 a {background:url(../../imgdir/common/nav_global.gif) no-repeat -646px 0; width:153px;}


			

			#gnavi li#gnavi01 a:hover {background:url(../../imgdir/common/nav_global.gif) no-repeat 0 -54px; width:276px; _width::275px;}

			#gnavi li#gnavi02 a:hover {background:url(../../imgdir/common/nav_global.gif) no-repeat -276px -54px; width:199px;_width:198px;}

			#gnavi li#gnavi03 a:hover {background:url(../../imgdir/common/nav_global.gif) no-repeat -475px -54px; width:172px;_width:171px;}

			#gnavi li#gnavi04 a:hover {background:url(../../imgdir/common/nav_global.gif) no-repeat -646px -54px; width:153px;}


			

			#gnavi li#gnavi01 a.active {background:url(../../imgdir/common/nav_global.gif) no-repeat 0 -54px; width::276px; _width::275px;}

			#gnavi li#gnavi02 a.active {background:url(../../imgdir/common/nav_global.gif) no-repeat -276px -54px; width:199px;_width:198px;}

			#gnavi li#gnavi03 a.active {background:url(../../imgdir/common/nav_global.gif) no-repeat -475px -54px; width:172px; _width:171px;}

			#gnavi li#gnavi04 a.active {background:url(../../imgdir/common/nav_global.gif) no-repeat -646px -54px; width:153px;}


/***************************
　　　
***************************/

#mainnav ul { margin:0; padding:0; list-style-type:none; }
#mainnav ul li { float:left; }
#mainnav ul li a { padding:6px 0 0 0; height:22px; display:block; background:#00441B url(../../imgdir/navigation/separator.gif) no-repeat right bottom; color:#fff; text-align:center; }
#mainnav ul li#menu01 a { width:278px; }
#mainnav ul li#menu02 a { width:201px; }
#mainnav ul li#menu03 a { width:169px; }
#mainnav ul li#menu04 a { width:152px; background-image:none; }
#mainnav ul li a:hover { background:#1A5E35 url(../../imgdir/navigation/separator.gif) no-repeat right bottom; }



/*ハック開始*/
#pageBody {   margin:0; padding:5px; display:inline-table; min-height:1em; }
#pageBody:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #pageBody{ height:1em; margin-top:-20px;}
#pageBody{ display:block; }
/**/

/*ハック終了*/
* html #promotionContent { margin-top:-25px;}
* html #promotionContent h2{ margin-bottom:25px;}

#primary{ width:620px; /*border:1px solid #f00;*/ }
#indexMenu { width:165px; /*border:1px solid #0f0;*/ }
#secondary { width:165px; position:relative; left:1px;}
.title_bar_secondary { margin:0 0 0.25em 0; padding:2px 0 0 0; background:url(../../imgdir/common/title_bar_1st.gif) no-repeat; height:19px; color:#00441B; font-size:1.2em; text-indent:8px; font-weight:bold; }


#indexContent { width:450px; }

/***************************
　　　
***************************/

#campaignBanner { width:620px; float:left;}
* html #campaignBanner { float:left;}

#campaignBanner .bnrmargin{margin-right:4px;}

/***************************
　　　
***************************/
#listCategory { width:306px; }
/*ハック開始*/
#listCategory ul{margin:0; padding:7px 10px; _padding:8px 10px; list-style-type:none; border:double #D9D9D9; background:#FFF; display:inline-table; min-height:1em; }
#listCategory ul:after { content:""; display:block; clear:both; min-height:-1px;}

/*\*/
* html #listCategory ul{ height:235px;}
#listCategory ul{ display:block; }
/**/

/*ハック終了*/
#listCategory ul li { margin:0; padding:0em 0; background:#FFF url(../../imgdir/common/design_21.gif) no-repeat left center; text-indent:10px; width:139px; border:none; float:left;   }
#listCategory ul li.left {    }
#listCategory ul li a { height:21px; display:block; padding:3px 0 0 0;  }
#listCategory ul li.left a { background:url(../../imgdir/common/dot2.gif) repeat-y right top; margin:0 5px 0 0; width:134px;}

/***************************
　　　
***************************/
#powerPush { width:50%; }
#powerPush div.item { margin:0 0 4px 0; padding:0 0.2em 0 0; border:double #d9d9d9; position:relative; height:122px; }
#powerPush div.item img { float:left; margin:0 0.5em 0 0; display:inline; }

#powerPush div.item dl { margin:0; padding:0; }
#powerPush div.item  dt { margin:0.5em 0; padding:0; font-size:0.9em; color:#00441B; font-weight:bold;  }
#powerPush div.item  dd { margin:0; font-size:0.85em; _font-size:0.85em ;}
#powerPush div.item p.more_info { margin:0; padding:0; clear:both; position:absolute; left:180px; bottom:5px; font-size:0.8em; _font-size:0.8em ; }


/***************************
　　　
***************************/
#indexMenu ul { margin:0; padding:4px; list-style-type:none; border:double #D9D9D9; background:#FFF;}
#indexMenu ul li { margin:1em 0; padding:0 0 0 20px; background:#FFF url(../../imgdir/common/design_21.gif) no-repeat left center; text-indent:-3px; font-size:12px;}

#indexMenu .banner_extentd { margin:1em 0 0 0;}

#indexMenucontents2 { width:165px; margin:9px 0 0 6px;}


#recommendationItem ul { margin:0; padding:0; list-style-type:none; }
#recommendationItem ul li { margin:3px 1px; width:106px; height:130px; float:left; display:block; _display:inline; }
#recommendationItem ul li img { padding:1px; border:1px solid #d9d9d9; }
#recommendationItem ul li p{ font-size:10px; text-align:center; margin-left:2px; _display:inline;}
#recommendationItem ul li p .strong{font-size:12px; font-weight:bold;line-height:14px;}



#news{ /*width:306px; float:left;*/}
#news h3 { letter-spacing:-1px; }
#news ul { margin:0; padding:1em 0.75em 1em 1em; list-style-type:none; background:url(../../imgdir/top/news_bg.gif) no-repeat left top; /*border:1px solid #f90;*/ }
#news ul  li { margin:0.25em 0; }
#news ul  li p { margin:0.25em; font-size:0.9em; }



/***************************
　　　
***************************/

#links dl { margin:0; padding-left:10px; border:1px solid #d9d9d9; }
#links dt{ margin:1em 0 0 0; padding:0; background:url(../../imgdir/common/design_21.gif) no-repeat left center; text-indent:10px; font-weight:bold; color:#00441B; }
#links dd { margin:0.5em 0 0.5em 0.75em; padding:0; background:url(../../imgdir/common/ic_arrow_grn_xsmall.gif) no-repeat left center; text-indent:10px;}

#qrCode_top { width:165px;text-align:center; }
#qrCode { width:165px;margin:1.5em 0 1.5em 6px; text-align:center; }
#mailmgzn02{ margin-left:6px; width:165px;}





/***************************
　　　
***************************/
/*ハック開始*/
#underLink {  margin:10px auto; padding:0;  display:inline-table; min-height:1em; width:50%; }
#underLink:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #underLink{ height:1em;}
#underLink{ display:block; }
/**/

/*ハック終了*/

#underLink ul { margin:0; padding:0; list-style-type:none; }
#underLink ul li { margin:0; padding:0 0.5em; border-right:1px solid #333; float:left; }
#underLink ul li.firstChild { border-left:1px solid #333; }

/***************************
　　　
***************************/
#footer { background:#00441B; color:#FFF; padding:5px 0; text-align:center; }



#subucontent_menu { width:165px; margin: 10px 20px 0 6px; float:left;}
/*ハック開始*/
#subucontent_menu ul{margin:0; padding:10px; list-style-type:none; border:double #D9D9D9; background:#FFF; display:inline-table; min-height:1em; }
#subucontent_menu ul:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #subucontent_menu ul{ height:1em;}
#subucontent_menu ul{ display:block; }
/**/

/*ハック終了*/
#subucontent_menu ul li { margin:0; padding:0 0 0 0; background:#FFF url(../../imgdir/common/design_21.gif) no-repeat left center; text-indent:10px; width:139px; border:none; float:left;   }
#subucontent_menu ul li.left {    }
#subucontent_menu ul li a { height:22px; display:block; padding:3px 0 0 0;  }

/***************************
　　　
***************************/

#subucontent_menu02{ width:165px; margin: 5px 0px 0 6px;}
/*ハック開始*/
#subucontent_menu02 ul{margin:0; padding:10px; list-style-type:none; border:double #D9D9D9; background:#FFF; display:inline-table; min-height:1em;}
#subucontent_menu02 ul:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #subucontent_menu02 ul{ height:1em;}
#subucontent_menu02 ul{ display:block; }
/**/

/*ハック終了*/
#subucontent_menu02 ul li { margin:0; padding:0 0 0 0; background:#FFF url(../../imgdir/common/design_21.gif) no-repeat left center; text-indent:10px; width:120px; border:none; float:left; font-size:12px;   }
#subucontent_menu02 ul li.left {    }
#subucontent_menu02 ul li a { height:22px; display:block; padding:3px 0 0 0;  }


/***************************
　　　
***************************/

.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }