@charset "UTF-8";

body{
line-height:1.6;
color:#404040;
text-align:center;
}

/*===== float clear =====*/
.clearfix{zoom:1;} 
.clearfix:after { 
content: ""; 
display: block; 
height: 0px; 
clear: both; 
/* hack \*/ 
overflow:hidden; 
/* end hack */ 
}
.clear{
	clear:both;
}

/*===== anchor =====*/
a:link{color:#0044CC; text-decoration:underline;}
a:visited{color:#5E2691; text-decoration:underline;}
a:hover{text-decoration:none;}

a.img-over:hover img {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

/*===== margin =====*/
.tm5{margin-top:5px;}
.bm5{margin-bottom:5px;}
.lm5{margin-left:5px;}
.rm5{margin-right:5px;}
.tm10{margin-top:10px;}
.bm10{margin-bottom:10px;}
.rm10{margin-right:10px;}
.lm10{margin-left:10px;}
.tm15{margin-top:15px;}
.bm15{margin-bottom:15px;}
.rm15{margin-right:15px;}
.lm15{margin-left:15px;}
.tm20{margin-top:20px;}
.bm20{margin-bottom:20px;}
.rm20{margin-right:20px;}
.lm20{margin-left:20px;}
.tm25{margin-top:25px;}
.bm25{margin-bottom:25px;}
.rm25{margin-right:25px;}
.lm25{margin-left:25px;}
.tm30{margin-top:30px;}
.bm30{margin-bottom:30px;}
.rm30{margin-right:30px;}
.lm30{margin-left:30px;}
.tm35{margin-top:35px;}
.bm35{margin-bottom:35px;}
.rm35{margin-right:35px;}
.lm35{margin-left:35px;}
.tm40{margin-top:40px;}
.bm40{margin-bottom:40px;}
.rm40{margin-right:40px;}
.lm40{margin-left:40px;}
.tm45{margin-top:45px;}
.bm45{margin-bottom:45px;}
.rm45{margin-right:45px;}
.lm45{margin-left:45px;}
.tm50{margin-top:50px;}
.bm50{margin-bottom:50px;}
.rm50{margin-right:50px;}
.lm50{margin-left:50px;}

/*===== padding =====*/
.tp5{padding-top:5px;}
.bp5{padding-bottom:5px;}
.lp5{padding-left:5px;}
.rp5{padding-right:5px;}
.tp10{padding-top:10px;}
.bp10{padding-bottom:10px;}
.rp10{padding-right:10px;}
.lp10{padding-left:10px;}
.tp15{padding-top:15px;}
.bp15{padding-bottom:15px;}
.rp15{padding-right:15px;}
.lp15{padding-left:15px;}
.tp20{padding-top:20px;}
.bp20{padding-bottom:20px;}
.rp20{padding-right:20px;}
.lp20{padding-left:20px;}
.tp25{padding-top:25px;}
.bp25{padding-bottom:25px;}
.rp25{padding-right:25px;}
.lp25{padding-left:25px;}
.tp30{padding-top:30px;}
.bp30{padding-bottom:30px;}
.rp30{padding-right:30px;}
.lp30{padding-left:30px;}
.tp35{padding-top:35px;}
.bp35{padding-bottom:35px;}
.rp35{padding-right:35px;}
.lp35{padding-left:35px;}
.tp40{padding-top:40px;}
.bp40{padding-bottom:40px;}
.rp40{padding-right:40px;}
.lp40{padding-left:40px;}
.tp45{padding-top:45px;}
.bp45{padding-bottom:45px;}
.rp45{padding-right:45px;}
.lp45{padding-left:45px;}
.tp50{padding-top:50px;}
.bp50{padding-bottom:50px;}
.rp50{padding-right:50px;}
.lp50{padding-left:50px;}

.lp1em{padding-left:1em;}

/*===== indent =====*/
.indent-1em{
	padding-left:1em;
	text-indent:-1em;
}
.indent-1em-s{
	padding-left:0.7em;
	text-indent:-0.7em;
}
.indent-1em-b{
	padding-left:1em;
	text-indent:-1em;
	display:block;
}
.indent-1_5em{
	padding-left:1.5em;
	text-indent:-1.5em;
}
.indent-2em{
	text-indent:-2em;
	padding-left:2em;
}
* html .summary-text span.indent-2em{
	text-indent:-1.4em;
	padding-left:2em;
}
*:first-child+html .summary-text span.indent-2em{
	text-indent:-1.4em;
	padding-left:2em;
}

.indent-dot{
	padding-left:1em;
	text-indent:-1em;
}
* html .indent-dot{
	padding-left:0.7em;
	text-indent:-0.7em;
}
.win.ie7 .indent-dot, .win.ie8 .indent-dot{
	padding-left:0.7em;
	text-indent:-0.7em;
}


/*===== for smartphone =====*/
/*プログラムで表示制御している為、コメントアウト
#spLinkBlockInPc{
	display:none;	
}*/

/*===== header =====*/
#header{
	width:100%;
	text-align:center;
	background:url(/common/img/header_bg.jpg) repeat-x center bottom;
}
#header #heading-section{
	background:#EAE7D6;
	color:#9C903E;
}
#header #heading-section #heading-box{
	width:890px;
	text-align:left;
	font-size:71%;
	line-height:1.5;
	margin:0 auto 0 auto;
	padding:1px 0 1px 0;
	overflow:hidden;
	zoom:1;
}
#header #heading-section #heading-box h1{
	float:left;
}
#header #heading-section #heading-box p{
	float:left;
}

/* ===== heading section for test ===== */
#header #heading-section2{
	background:#EAE7D6;
	color:#9C903E;
}
#header #heading-section2 #heading-box{
	width:890px;
	text-align:left;
	font-size:71%;
	line-height:1.5;
	margin:0 auto 0 auto;
	padding:1px 0 1px 0;
	overflow:hidden;
	zoom:1;
}
#header #heading-section2 #heading-box h1{
	float:left;
}
#header #heading-section2 #heading-box p{
	float:left;
}
/* ===== end of heading section for test ===== */

#header #header-section{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}
#header #header-section #header-title{
	float:left;
	padding-top:22px;
	padding-bottom:10px;
}
#header #header-section #header-utility{
	float:right;
	padding-top:18px;
	padding-bottom:9px;
	overflow:hidden;
	zoom:1;
}
#header #header-section #header-utility #header-phone{
	float:left;
}
#header #header-section #header-utility #header-company{
	float:left;
	padding:11px 17px 0 15px;
}
#header #header-section #header-utility #header-company img.btn_home{
	margin-bottom:13px;
}
#header #header-section #header-utility #header-cart{
	float:left;
	padding-left:16px;
	background:url(/common/img/header_dots.gif) no-repeat left top;
}
#header #header-section #header-utility #header-cart img{
	margin-bottom:5px;
}

#header #header-1column{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}
#header #header-1column #header-title{
	float:left;
	padding-top:22px;
	padding-bottom:17px;
}
#header #header-1column #header-phone{
	float:right;
	padding-top:17px;
	padding-bottom:24px;
	overflow:hidden;
	zoom:1;
}
	
/*===== nav =====*/
#header #nav{
	width:890px;
	height:37px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
}
#nav li{
	float:left;
	vertical-align:top;
	line-height:0;
}

/*===== content =====*/
#content{
	width:100%;
	text-align:center;
	border-bottom:1px solid #E6E3CE;
	padding:0 0 20px 0;
	background:url(/common/img/content_shadow.jpg) repeat-x center top;
}

/*===== global section =====*/
#content-1colmn{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	padding-bottom:50px;
}

#content-2colmn{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}
#content-2colmn #left-section{
	float:left;
	width:678px;
}
#content-2colmn #right-section{
	float:right;
	width:178px;
	padding-top:20px;
}
#content-2colmn #right-section #username{
	padding-bottom:10px;
	color:#664E00;
}

/*===== pankuzu =====*/
#pankuzu{
	padding:15px 0 15px 0;
	font-size:71%;
	overflow:hidden;
	zoom:1;
}
#pankuzu li{
	float:left;
	padding-right:15px;
	background:url(/common/img/arrow_pankuzu.gif) no-repeat right center;
}
#pankuzu li.current{
	padding-right:0;
	background:none;
}

/*===== f-guide =====*/
#f-guide{
	width:890px;
	margin:50px auto 30px auto;
	text-align:left;
}
#f-guide h2{
	margin-bottom:10px;
}
#f-guide #f-guide-box{
	overflow:hidden;
	zoom:1;
	background:url(/common/img/f-guide_dots.gif) repeat-y left top;
}
#f-guide #f-guide-box li{
	float:left;
	width:200px;
	margin-right:30px;
}
#f-guide #f-guide-box li.last-child{
	margin-right:0;
}
#f-guide #f-guide-box h3{
	background:url(/common/img/arrow01.gif) no-repeat left center;
	padding-left:15px;
}
#f-guide #f-guide-box li img{
	float:right;
	margin-left:5px;
}
#f-guide #f-guide-box li p{font-size:86%;}


/*===== pagetop-scroll =====*/
.pagetop-scroll{
	overflow:hidden;
	zoom:1;
	margin-top:15px;
}
.pagetop-scroll .additional-info{
	float:left;
}
.pagetop-scroll .btn_pagetop{
	float:right;
}

/*===== content-footer =====*/
#content-footer{
	overflow:hidden;
	zoom:1;
	width:890px;
	margin:0 auto 0 auto;
}
#content-footer #browser-caution{
	float:left;
}
#content-footer #btn_toheader{
	float:right;
}

/*===== f-sitemap =====*/
#f-sitemap{
	width:100%;
	border-top:1px solid #FFFFFF;
	line-height:1;
	text-align:left;
	background:#F7F6EF url(/common/img/f-sitemap_bg.jpg) repeat-x center bottom;
}
#f-sitemap #f-sitemap-box{
	width:890px;
	margin:0 auto 0 auto;
	font-size:86%;
	overflow:hidden;
	zoom:1;
	min-height:193px;
	padding-top:20px;
	height:auto !important;
	height:193px;
	background:url(/common/img/footer_dots01.gif) repeat-x center bottom;
}
#f-sitemap #f-sitemap-box .f-sitemap-block{
	width:230px;
	float:left;
}
#f-sitemap #f-sitemap-box .f-sitemap-last-child{
	width:200px;
	float:left;
}
#f-sitemap p{
	padding:0 0 2px 16px;
	margin-bottom:15px;
	font-weight:bold;
	background:url(/common/img/footer_arrow01.jpg) no-repeat 0 0.1em;
}
#f-sitemap li{
	margin:0 0 10px 10px;
	padding-left:11px;
	background:url(/common/img/footer_arrow02.jpg) no-repeat 0 0.1em;
}
#f-sitemap ul{margin-bottom:17px;}

/*===== footer =====*/
#footer{
	width:100%;
	text-align:center;
}
#footer #footer-utility{
	width:890px;
	margin:0 auto 0 auto;
	padding:10px 0 13px 0;
	text-align:left;
	overflow:hidden;
	zoom:1;
}

#footer #footer-utility .footer-message{padding-bottom:13px; padding-top:1px; zoom:1;}
#footer #footer-utility .footer-message img{vertical-align:bottom;}

#footer #footer-utility table{width:890px;}

#footer #footer-utility #footer-tel{
	width:746px;
	vertical-align:middle;
}
#footer #footer-utility #footer-btn{
	width:144px;
	vertical-align:middle;
}
#footer #footer-utility #footer-btn img{vertical-align:bottom;}

#footer #footer-navi-section{
	width:100%;
	background:#FFF url(/common/img/footer_bg.jpg) repeat-x center top;
	text-align:center;
	border-bottom:1px solid #E6E3CE;
}

#footer #fnav{
	width:890px;
	height:39px;
	margin:0 auto 0 auto;
	padding-bottom:9px;
	overflow:hidden;
	zoom:1;
}
#footer #fnav li{float:left;}


/* copyright */
#footer #copy{
	width:890px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	overflow:hidden;
	zoom:1;
	text-align:left;
}
#footer #copy #footer-logo{
	float:left;
	width:76px;
}
#footer #copy #copyright{
	float:left;
}
#footer #copy #caution{
	padding-bottom:7px;
}


/* footer-pop */
#footer-pop{
	border-top:1px solid #E6E3CE;
	border-bottom:1px solid #E6E3CE;
	padding:10px 0 10px 0;
	text-align:center;
	margin-bottom:20px;
}
#footer-pop .logo{margin-right:13px;}


/*		[ 20120511 ]
---------------------------------------------*/
#pc-to-mobile{
padding:15px 0 5px 0;
font-size: 83%;
overflow:hidden;
/zoom:1;
text-align:center;
width: 890px;
margin:0 auto;
}
#pc-to-mobile dl{
text-align:center;
float:left;
position:relative;
margin-left: -15px;
left:50%;
}
#pc-to-mobile dt,
#pc-to-mobile dd{
float:left;
position:relative;
right:50%;
}
#pc-to-mobile dt{margin-right: 10px;}
#pc-to-mobile dd{font-weight:bold;padding-right: 15px;margin-right:15px;background: url(/common/img/dotline08.gif) repeat-y right top;}
#pc-to-mobile dd.last-child{padding-right: 0;margin-right: 0; background:none}