@charset "utf-8";
/* CSS Document */
body {background:url(images/bg.gif); line-height:130%; }
#mainWrapper{width:898px; margin:0px auto; border:1px solid #999999; background-color:#FFFFFF;}

/*header
------------------------------------------------------------------*/
#header {width:898px; height:90px; background:url(images/header.png) no-repeat;}
#indexLink{display:block; width:150px; height:60px; text-indent:-9999px;}
#header ul{background-color:#D7D7D7; height:30px;}
#header ul li{display:block; float:left;}
#header ul li a{display:block; width:149px; height:20px; margin-right:1px; letter-spacing:-1px; text-align:center; background-color:#EBEBEB; padding-top:10px; font-weight:bold;}
#header ul li a:hover, #header ul li a.active {background-color:#C50000; text-decoration:none; color:#FFFFFF;}
#header #navi6{width:148px; margin-right:0px;}

/* Main Visual base
------------------------------------------------------------------*/
#visual{width:898px; height:210px; text-indent:-9999px;}


/* Top Menu base
------------------------------------------------------------------*/
#topmenu {width:898px;}
#topmenu li{float:left; display:block; }
#topmenu a{display:block; text-indent:-9999px;}



#contentsWrapper {width:852px; margin:10px auto 32px;}

#contentsTop{margin:10px 0px;}
#topicPath{float:left; padding-top:3px;}
#callcenter{float:right; width:224px; height:18px; text-indent:-9999px; background-image:url(images/tel.gif);}


#leftArea{width:176px; float:left; }

.contentsDevider{clear:both;}



/* left
------------------------------------------------------------------*/
#leftMenu{width:176px; background-image:url(images/leftmenu_base.png);  border:1px solid #dadada; margin-bottom:24px;}
#leftMenu li{width:176px;}
#leftMenu a{display:block; width:176px;}
#leftMenu #leftHead{text-indent:-9999px;}
#leftMenu a.main{background-image:url(images/leftmenu_bg2.png); height:24px; margin-top:1px; text-indent:32px; padding-top:9px;}
#leftMenu a:hover.main{background-position:-176px 0px;}
#leftMenu a.active{background-image:url(images/leftmenu_bg2.png); background-position:-352px 0px; height:24px; margin-top:1px; text-indent:32px; padding-top:9px;}

#leftMenu a.bottom{height:33px; text-indent:-9999px; border-top:1px solid #dadada;}
#leftMenu a.bottomActive{height:33px; text-indent:-9999px; border-top:1px solid #dadada; background-position:-352px 0px;}
#leftMenu a:hover.bottom{background-position:-176px 0px;}

#bannerArea, #bannerArea2{width:176px;}
.banner {padding-bottom:6px;}
.bannerImg {border:1px solid #666666;}


/* center
------------------------------------------------------------------*/
#mainContents{float:left; width:663px; margin-left:11px; /*direction:inline;*/}
#wideWrapper{float:left; width:500px; margin-top:20px; margin-right:12px; display:inline; margin-left:0px;}
#narrowWrapper{float:left; width:150px; margin-top:20px; display:inline;}


/* right
------------------------------------------------------------------*/
#rightMenu{width:148px; background-image:url(images/rightmenu_base.png);  border:1px solid #dadada; margin-bottom:24px;}
#rightMenu #rightHead{text-indent:-9999px;}
#rightMenu a{display:block; width:148px; text-indent:-9999px;height:32px; margin-top:1px;}
#rightMenu a:hover{background-position:-148px 0px;}
#rightMenu a.active{background-position:-296px 0px;}
#rightMenu .rightHead{background-image:url(images/rightmenu_head.png); height:3px; overflow:hidden; text-indent:-9999px; font-size:1px; margin:0px; padding:0px; line-height:100%;}


.rightSmall{background-image:url(images/rightmenu_smallframe.png); background-repeat:no-repeat; padding:12px; margin-bottom:24px;} 
.rightSmall li{background:url(images/arrow.gif) 2px 5px no-repeat; padding-left:10px; margin-bottom:0.3em;}


ul.pickupArea{width:150px; margin-bottom:24px;}
.pickupArea li {text-indent:-9999px; margin:2px 0px;}
.pickupArea li.pickuphead{height:33px;}
.pickupArea a{display:block; border:1px solid #cccccc; height:54px; width:148px;}
.pickupArea a.active{background-position:-148px 0px;}
.pickupArea a:hover{border:1px solid #CC0000;}

/*
------------------------------------------------------------------*/


.relatedW, .relatedN {background-repeat:no-repeat; margin-top:15px; padding-left:10px; padding-top:10px; padding-right:10px;}
.relatedW{width:643px; background-image:url(images/related_w.png); }
.relatedN{width:480px; background-image:url(images/related_n.png); }
.relatedIn{margin-top:15px; margin-left:10px; margin-right:10px;}

.relatedW h3, .relatedN h3{font-weight:bold;}
.relatedW ul, .relatedN ul, .relatedIn ul{margin-top:0.8em;}
.relatedW li, .relatedN li, .relatedIn li{background:url(images/arrow.gif) 2px 5px no-repeat; padding-left:10px; margin-bottom:10px;}
.relatedIn h4{display:block; border-bottom:1px solid #b4b4b4; font-weight:bold;}




.topBtnArea{width:870px; text-align:right; clear:both;}
.topBtn{margin-right:20px; background-image:url(images/arrow_top.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left:13px;}
a.topBtn:hover{ background-position: 0px -19px; }


/* footer
------------------------------------------------------------------*/
#footer{background:url(images/footer.gif);width:772px; height:31px; margin-top:20px; padding-left:126px; border-top:#C40100 1px solid;}
#footer a{float:left; display:block; height:31px; text-indent:-9999px; width:99px;}
#footer select{margin-top:5px;}
	
#copyrightWrapper{width:900px; margin:0px auto 40px;}
#copyright{width:225px; height:18px; display:block; float:right; background:url(images/copyright.gif); text-indent:-9999px;}
#icp{width:98px; height:18px; display:block; float: right; background:url(images/icp.gif); text-indent:-9999px;}



/* Float Image
------------------------------------------------------------------*/
.floatImgArea{padding-bottom:16px; clear:both;}
.floatImgAreaBottomFix{padding-bottom:0px !important;}
.floatImgArea p{margin-bottom:16px;}

.floatImgAreaM1,.floatImgAreaM2,.floatImgAreaM3,.floatImgAreaM4,.floatImgAreaM5,
.floatImgAreaS1L,.floatImgAreaS2L,.floatImgAreaS1R,.floatImgAreaS2R
{font-size:12px; color:#6e6e6e; line-height:14px;}
.floatImgAreaM1 img,.floatImgAreaM2 img,.floatImgAreaM3 img,.floatImgAreaM4 img,.floatImgAreaM5 img,
.floatImgAreaS1L img,.floatImgAreaS2L img,.floatImgAreaS1R img,.floatImgAreaS2R img
{margin-bottom:5px;}


.floatImgAreaM1{width:468px;}
.floatImgAreaM2{float:left; margin-left:8px; width:230px;}
.floatImgAreaM3{float:left; margin-left:8px; width:150px;}
.floatImgAreaM4{float:left; margin-left:6px; margin-right:6px; margin-top:0px; margin-bottom:0px; width:110px; display:inline;}
.floatImgAreaM5{float:left; margin-left:8px; width:87px; }
.floatImgAreaM0{margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}

.floatImgAreaS1R{float:right; margin-left:8px; margin-bottom:8px; width:180px;}
.floatImgAreaS2R{float:right; margin-left:8px; margin-bottom:8px; width:86px;}

.floatImgAreaS1L{float:left; margin-right:8px; margin-bottom:8px; width:180px;}
.floatImgAreaS2L{float:left; margin-right:8px; margin-bottom:8px; width:86px;}

.floatLeftI{float:left; margin-right:8px; margin-bottom:0px; width:180px;}
.floatLeftT{float:left; margin-right:8px; margin-bottom:0px; width:260px;}
.floatRightI{float:right; margin-left:8px; margin-bottom:0px; width:180px;}
.floatRightT{float:right; margin-left:8px; margin-bottom:0px; width:260px;}

.marginTopS{margin-top:6px;}
.marginTopM{margin-top:12px;}
.noWrapTextS{width:275px;}

.floatImgArea .noBottom{margin-bottom:0px;}


/* specialsite
------------------------------------------------------------------*/
#specialSiteBg{
	z-index:1;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
}
#specialSiteArea{
	z-index:100;
	background-color:#FFFFFF;
	width:550px;
	height:500px;
	border:1px solid #EFEFEF;
}

#specialSiteFrame{
	width:550px;
	height:400px;
	border:none;
}

#specialSiteCloseArea{
	color:#FFFFFF; font-weight:bold; font-family:'Cenury-Gothic', Arial, Helvetica, sans-serif;
	background-color:#333333; padding:8px; text-align:right;

}
#specialSiteCloseBtn{cursor:pointer; color:#FFFFFF;}

/* clearfix
------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.clearBefore:before{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}