/* CSS Document */

*{
   margin:0;
   padding:0;
}

html{
   background:url(../img/head_bg.jpg) 0 0 repeat-x #350000;	
   font-size:12px;
   font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
   line-height:2em;
}
.mincho {
font-family :"ƒqƒ‰ƒMƒm–¾’© ProN W6","HiraMinProN-W6","HG–¾’©E","‚l‚r ‚o–¾’©","MS PMincho","MS –¾’©",serif;
}
body{
	
}
#indexContents{
    width:985px;
	margin:10px auto 30px auto;
}
#contents{
    width:100%;
	background:url(../img/contentsBg.gif) center 0 repeat-y;
}
#contents .in{
    width:985px;
	margin:0 auto 40px auto;
	padding:0 0 0 0;
}



/*--- other ---*/
a:link {color:#CDC4A5;
text-decoration:none;
font-weight:none;}

a:visited {color:#cccccc;
text-decoration:none;
font-weight:none;}

a:hover {
color:#D9BA68;
text-decoration:underline;
font-weight:none;}


img{border:0;margin:0;}


.clear{
clear:both;
}
.dotted{
clear:both;
width:100%;
height:1px;
background:url(../img/dotted.gif) 0 0 repeat-x;
margin:15px 0;
}

.line_y{background:url(../img/line_y.gif) 0 0 repeat-x;}
.line_t{background:url(../img/line_t.gif) 0 0 repeat-y;}


.color{color:#795926;}
.gray{color:#999999;}
.info{font-size:10px;}
.help{color:#666;}
.helpS{color:#795926;font-size:10px;font-weight:normal;line-height:1.45em;}
.bold{font-weight:bold;}
.card{width:145px;float:right;margin:10px 0 0 15px;}



/*--- header ---*/

#headBlock{
    width:985px;
	margin:auto;
	padding:20px 0px 0px 0px;
}

h3{
color:#FFF;
   line-height:1.45em;
   width:985px;
   height:40px;
   font-size:10px;
   font-weight:normal;
}

#logo{
   width:274px;
   height:37px;
   display:block;
   margin:0px 0px 25px -5px;
   float:left;
   border:0;
}




/*--- headNavi ---*/

#headNavi{
   width:565px;
   margin:15px 0 0 0;
   height:20px;
   background:url(../img/navi_bg.jpg) 0 60px no-repeat;
   float:right;
}

#headNavi ul{
   list-style:none;
   margin:0px;
}

#headNavi li{float:left;}
#headNavi li a{
   height:20px;
   margin:0 15px 0 0;
   overflow:hidden;
}

#headNavi li.n01 a{background-position:0 0;width:97px;}
#headNavi li.n01 a:hover{background-position:0px -20px;}
#headNavi li.n01on a{background-position:0px -20px;}
#headNavi li.n02 a{background-position:-121px 0px;width:97px;}
#headNavi li.n02 a:hover{background-position:-121px -20px;}
#headNavi li.n02on a{background-position:-121px -20px;}
#headNavi li.n03 a{background-position:-243px 0px;width:83px;}
#headNavi li.n03 a:hover{background-position:-243px -20px;}
#headNavi li.n03on a{background-position:-243px -20px;}
#headNavi li.n04 a{background-position:-353px 0px;width:96px;}
#headNavi li.n04 a:hover{background-position:-353px -20px;}
#headNavi li.n04on a{background-position:-353px -20px;}
#headNavi li.n05 a{background-position:-475px 0px;width:85px;margin:0 0 0 0;}
#headNavi li.n05 a:hover{background-position:-475px -20px;}
#headNavi li.n05on a{background-position:-475px -20px;}



/*--- mainNavi ---*/

#mainNavi{
   width:985px;
   margin:0 0 0 0;
   height:70px;
   background:url(../img/navi_bg.jpg) 0 60px no-repeat;
}

#mainNavi ul{
   list-style:none;
   margin:0px;
}

#mainNavi li{float:left;}
#mainNavi li a{
   width:246px;
   height:70px;
   display:block;
   overflow:hidden;
   border:0;
}
#mainNavi li.n01 a{background-position:0 0;}
#mainNavi li.n01on a{background-position:0px -70px;}
#mainNavi li.n01 a:hover{background-position:0px -70px;}

#mainNavi li.n02 a{background-position:-246px 0px;}
#mainNavi li.n02 a:hover{background-position:-246px -70px;}
#mainNavi li.n02on a{background-position:-246px -70px;}

#mainNavi li.n03 a{background-position:-492px 0px;}
#mainNavi li.n03 a:hover{background-position:-492px -70px;}
#mainNavi li.n03on a{background-position:-492px -70px;}

#mainNavi li.n04 a{background-position:-738px 0px;width:247px;}
#mainNavi li.n04 a:hover{background-position:-738px -70px;}
#mainNavi li.n04on a{background-position:-738px -70px;}






/*--- breadcrumbs ---*/
.breadcrumbs{
	background:url(../img/breadcrumsBg.gif) 0 0 repeat-x;
	height:29px;
	width:100%;
}
.breadcrumbs .in{
	width:985px;
	margin:0 auto;
	padding:5px 0 0 0;
	font-size:10px;
}
.breadcrumbs img{
	vertical-align:top;
	margin:4px 0 0 0;
}


.breadcrumbs a:link {color:#5F0000;
text-decoration:none;
font-weight:none;}

.breadcrumbs a:visited {color:#5F0000;
text-decoration:none;
font-weight:none;}

.breadcrumbs a:hover {
color:#5F0000;
text-decoration:underline;
font-weight:none;}


/*--- LBlock ---*/
#LBlock{
	width:700px;
	float:left;
	margin:0 0 0 20px;
	padding:0 0 30px 0;
}
#LBlock02{
	width:700px;
	float:left;
	margin:0 0 0 1px;
	padding:0 20px 30px 20px;
	background:url(../img/leftBlockBg.gif) 0 0 repeat-y;
}


#LBlock a:link, #LBlock02 a:link {color:#5F0000;
text-decoration:underline;
font-weight:none;}

#LBlock a:visited, #LBlock02 a:visited{color:#999999;
text-decoration:none;
font-weight:none;}

#LBlock a:hover,#LBlock02 a:hover {
color:#BB0000;
text-decoration:underline;
font-weight:none;}


/*--- RBlock ---*/
#RBlock{
	width:244px;
	float:right;
	margin:0 0 0 0;
}

#RBlock .inquiryBtn a{
   background-image:url(../img/inquiryBtn.jpg);
   background-position:0 0;
   width:230px;
   height:73px;
   display:block;
   overflow:hidden;
   margin:18px 9px 9px 9px;
}
#RBlock .inquiryBtn a img{visibility:hidden;}
#RBlock .inquiryBtn a:hover{background-position:0px -73px;}

#RBlock .magazineBtn a{
   background-image:url(../img/magazineBtn.jpg);
   background-position:0 0;
   width:230px;
   height:73px;
   display:block;
   overflow:hidden;
   margin:9px;
}
#RBlock .magazineBtn a img{visibility:hidden;}
#RBlock .magazineBtn a:hover{background-position:0px -73px;}

#RBlock .supportBtn a{
   background-image:url(../img/rightBtn.jpg);
   background-position:0 0;
   width:244px;
   height:64px;
   display:block;
   overflow:hidden;
}
#RBlock .supportBtn a img{visibility:hidden;}
#RBlock .supportBtn a:hover{background-position:-244px 0px;}

#RBlock .faqBtn a{
   background-image:url(../img/rightBtn.jpg);
   background-position:0 -64px;
   width:244px;
   height:63px;
   display:block;
   overflow:hidden;
}
#RBlock .faqBtn a img{visibility:hidden;}
#RBlock .faqBtn a:hover{background-position:-244px -64px;}

#RBlock .mobilesite{
	width:244px;
	height:107px;
	background:url(../img/mobileBg.gif) 0 0 no-repeat;
	}
#RBlock .mobilesite p{
	padding:42px 0 0 13px;
	font-size:10px;
   line-height:1.45em;
	}
	
#RBlock .rightBanner a{
   background-image:url(../img/rightBanner.jpg);
   width:244px;
   height:55px;
   display:block;
   overflow:hidden;
}
#RBlock .rightBanner a img{visibility:hidden;}
#RBlock #b01 a{background-position:0 0;}
#RBlock #b01 a:hover{background-position:-245px 0;}
#RBlock #b02 a{background-position:0 -55px;}
#RBlock #b02 a:hover{background-position:-245px -55px;}
#RBlock #b03 a{background-position:0 -110px;}
#RBlock #b03 a:hover{background-position:-245px -110px;}
#RBlock #b04 a{background-position:0 -165px;}
#RBlock #b04 a:hover{background-position:-245px -165px;}


















/*--- footInfoBlock ---*/
#footInfoBlock{
	background:url(../img/footInfoBg.gif) 0 0 no-repeat;
	width:985px;
	height:100px;
   margin:0 auto 10px auto;
   font-size:10px;
   position:relative;
   line-height:1.65em;
   color:#ccc;
}
#footInfoBlock .number{
	position:absolute;
	top:30px;
	left:213px;
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif;
	font-size:25px;
	color:#CCC4A5;
	height:40px;
	line-height:2em;
}
#footInfoBlock .nTxt{
	position:absolute;
	top:70px;
	left:213px;
}
#footInfoBlock .iBtn{
	position:absolute;
	top:40px;
	left:500px;
}
#footInfoBlock .iBtn a{
   background-image:url(../img/footMailBtn.gif);
   width:202px;
   height:24px;
   display:block;
   overflow:hidden;
}
#footInfoBlock .iBtn a img{visibility:hidden;}
#footInfoBlock .iBtn a{background-position:0 0;}
#footInfoBlock .iBtn a:hover{background-position:0px -24px;}

#footInfoBlock .iTxt{
	position:absolute;
	top:70px;
	left:500px;
}
#footInfoBlock .mTxt{
	position:absolute;
	top:42px;
	left:760px;
}


/*--- footBlock ---*/
#footBlock{
	background:url(../img/footBg.gif) 0 0 no-repeat;
	width:965px;
	padding:0 10px;
   margin:0 auto 60px auto;
   line-height:1.45em;
   color:#ccc;
}
#footBlock ul{
	width:860px;
	float:left;
	list-style-type:none;
	margin:22px 0 30px 0;
	}
#footBlock ul li{
	float:left;
	background:url(../img/footNaviIcon.gif) 0 5px no-repeat;
	padding:0 0 0 9px;
	margin:0 12px 0 0;
	}

#footBlock .mixiBtn, #footBlock .faceBtn, #footBlock .tweetBtn{
	float:right;
	width:25px;
	height:25px;
	margin:19px 0 30px 10px;
	}
	
	
#footLogo{
	width:225px;
	float:left;
	margin:0 10px 0 0;
}
#footTxtNavi{
	width:400px;
	font-size:10px;
	line-height:2em;
	float:left;
}



.machikon{
   float:right;
   /*margin:5px 5px 0 0;*/
}
.rakuten{
   width:120px;
   float:right;
   margin:5px 0px 0 0;
}

.pageTop{
	position:fixed;
   bottom:25px;
   right:25px;
   width:42px;
   height:42px;
   opacity:0.85;
}