@charset "UTF-8";
/* CSS Document */
*{font-size:100%;}
body{

	margin:0px;
	padding:0px;
	background:#FFFFFF url(../img/base/bodybg.gif) center top repeat-x;
	color:#222;
	font-size:62.5%;
	/*font-size:14px;*/
	/*text-align:justify;
	text-justify:distribute;*/
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
}
body#body_top {
background:#FFFFFF url(../img/base/bodytop.gif) center top repeat-x !important;
	
}
#WRAPPER{
	width:100%;
	padding:0px 0px;
	margin:0px auto;
	background:transparent url(../img/base/bodybottom.gif) center bottom repeat-x;
}


#wrapperinner{
	width:980px;
	padding:0px 0px;
	margin:0px auto 20px auto;
	/*position:relative;*/overflow:hidden;
z-index:auto;
}

/*header
---------------------------------------------------------------------------------*/
#header{
	clear:both;
	height:153px;
	position:relative;
	margin-bottom:20px;
}
#naviLogo{
	width:201px;
	position:absolute;
	top:40px;left:0;
}
#naviLogo a:hover img{filter: Alpha(opacity=80); 
    -moz-opacity:0.8;
    opacity:0.8; }
#companylogo{width:134px;
	position:absolute;
	top:69px;left:220px;}
#headernavi{
	clear:both;
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	height:16px;
 right:-10px;
 top:26px;}
/*#headernavi ul{
	list-style:none;
	margin:0;
	padding:0;
}
#headernavi ul li{
	float:left;
	background:url(../img/base/headernavi.gif) no-repeat left;
	margin:0px 0px 0 0;
	padding:0 16px 0px 12px;
}*/
#headernavi ul{
	list-style:none;
	margin:0;
	padding:0;
}#headernavi ul li{
	margin:0px 20px 0 0;
	padding:0;
	float:left;
	height:16px;
	overflow:hidden;
	
	font-size:12px;
}



#headernavi ul li a.home{
display:block;
background:url(../img/navi/sub_navi_home.gif) no-repeat 0 0px;
padding:0 0 0 15px;
min-height:11px;
}

#headernavi ul li a.home:hover{background:url(../img/navi/sub_navi_home.gif) no-repeat 0 -16px;
}


#headernavi ul li a.sitemap{
display:block;
background:url(../img/navi/sub_navi_sitemap.gif) no-repeat 0 0px;
padding:0 0 0 18px;
min-height:11px;}


#headernavi ul li a.sitemap:hover{background:url(../img/navi/sub_navi_sitemap.gif) no-repeat 0 -16px;}

#headernavi ul li a.contact{
display:block;
background:url(../img/navi/sub_navi_contact.gif) no-repeat 0 0px;
padding:0 0 0 17px;
min-height:11px;}


#headernavi ul li a.contact:hover{background:url(../img/navi/sub_navi_contact.gif) no-repeat 0 -16px;}





#subnavi{
	clear:both;
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	height:24px;
 right:-13px;
 top:62px;
}


#subnavi ul{
	list-style:none;
	margin:0;
	padding:0;
}#subnavi ul li{
	margin:0px 13px 0 0;
	padding:0;
	float:left;
	height:24px;
	overflow:hidden;
}
#subnavi ul li a img{
	margin-top:0px;
}

#subnavi ul li a:hover img{
margin-top:-24px;
}



/*グローバルナビゲーション
---------------------------------------------------------------------------------*/
#mainnavi{
	clear:both;
	margin:0;
	padding:0;
	position:absolute;
	top:106px;
	line-height:1;
	left:0px;
}
#mainnavi ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainnavi ul li{
	margin:0;
	padding:0;
	float:left;
	height:47px;
	overflow:hidden;
}
#mainnavi ul li a img{
	margin-top:0px;
	transition        : margin 0.1s linear;
	-webkit-transition: margin 0.1s linear;
	-moz-transition:    margin 0.1s linear;
}
#mainnavi ul li a:hover img,
#body_search #mainnavi ul li#navi_search a img,
#body_qa #mainnavi ul li#navi_qa a img,
/*#body_shop #mainnavi ul li#navi_shop a img,*/
#body_dl #mainnavi ul li#navi_dl a img,
#body_contact #mainnavi ul li#navi_contact a img,
#body_catalog #mainnavi ul li#navi_catalog a img,
#body_gaiyou #mainnavi ul li#navi_gaiyou a img{
	margin-top:-47px;
	transition        : margin 0.1s linear;
	-webkit-transition: margin 0.1s linear;
	-moz-transition:    margin 0.1s linear;
}




/*maincol
---------------------------------------------------------------------------------*/
#maincol{
	line-height:1.5;
	
}
#maincol #topicPath{
	margin:0 0 -15px 0;
	line-height:1;
	font-size:12px;

}


/*mainRightcol　メインは左
---------------------------------------------------------------------------------*/
#mainRightcol{
	width:720px;
	float:left;
	margin:0;
	padding:0px;
	font-size:1.4em;


}
/*subLeftcol 右にある
---------------------------------------------------------------------------------*/
#subLeftcol{
	width:240px;
	float:right;
	/*background-color:#DFE9F4;
	padding:5px;
	margin:1.5em 0 0 0;*/
	font-size:1.3em;
	


}


#SeihinNavi,
#LocalNavi{
background:#e8e6e0;padding:4px;margin-top:22px;

	}
#SeihinNavi .menu_content,
#LocalNavi .menu_content{ 	
background:#FFF; border:1px solid #cccccc;}


#SeihinNavi h2{
	/*background:url(../img/common/left_h2.gif) repeat-x left top;
	background-color:#243392;*/
	margin:0;
	padding:5px 0 5px 3px;
	/*color:#FFF;*/
}

#SeihinNavi h2 img{ vertical-align:bottom;}

#SeihinNavi h3{
	margin:20px 0 0 -2px;
	padding:0;
	color:#333;
}

#LocalNavi h2{
	/*background:url(../img/common/left_h2.gif) repeat-x left top;*/
	background-color:#1e2b81;
	margin:0;
	padding:10px;
	color:#FFF;
	font-size:1.1em; border-right:1px solid #cccccc;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}

#LocalNavi h3{
	background:#eceef6 repeat-x left top;
	margin:0;
	padding:5px 10px;
	font-size:1em;border-top:1px solid #cccccc;border-bottom:1px dotted #cccccc;}

#subLeftcol ul {

padding:0;
margin:0;
	}
#subLeftcol ul.leftNavi{
	padding:0px 4px;
	marin:0;
	list-style:none;
}
#subLeftcol ul.leftNavi li{
	border-top:1px dotted #1B0C80;
	padding:0px 0px 1px 0px;
	line-height:1.5em;

}
#subLeftcol ul.leftNavi li:first-child{
	border-top:0px;
}
#subLeftcol ul.leftNavi li a{
	display:block;
	padding:0.5em 0 0.5em 15px;
	background:url(../img/common/arrow_01.gif) left 0.75em no-repeat;
}
#subLeftcol ul.leftNavi li a:hover{
	background:url(../img/common/arrow_01o.gif) left 0.75em no-repeat #F7FAFD;

}

#subLeftcol ul.leftNavi li ul{
margin-left:45px;
margin-bottom:0.2em;
}
#subLeftcol ul.leftNavi li ul li{
	border:0px;
	font-size:0.9em;
	letter-spacing:0.1em;list-style-type:square;
}
#subLeftcol ul.leftNavi li ul li a{
	display:block;
	padding:0.3em 0 0.3em 0;
	background:none;	
}
#subLeftcol ul.leftNavi li ul li a:hover{
	background:none;

}	
	
	
#subLeftcol p{
	text-align:center;
}


#subLeftcol #bannerList_sub{}
#subLeftcol #bannerList_sub p{margin:20px 0 0 0;}
/*twoColBox*/

.twoColBox {
	clear:both;
	margin-bottom:10px;
	width:100%;
}

.twoColLeft {
	clear:both;
	float:left;
	width:340px;
}

.twoColRight {
	float:right;
	margin-left:30px;
	width:340px;
}

/*threeColBox*/

.threeColBox {
	clear:both;
	margin-bottom:10px;
	width:100%;
}

.threeColLeft {
	float:left;
	width:220px;	
	margin-right:30px;

}

.threeColRight {
	float:right;
	width:220px;
}


/*footer
---------------------------------------------------------------------------------*/
#footer{
	clear:both;
	width:980px;
	padding:0px 0px;
	margin:0 auto 0 auto;
	height:309px;
	line-height:1.5;
	position:relative;
	background:url(../img/base/footer_kazari.gif) no-repeat;
	background-position:right 121px;

}






#footer p#footerlogo{
	margin:20px 0 5px 0;
}

#footer #footerlogo a:hover img{
	filter: Alpha(opacity=80); 
    -moz-opacity:0.8;
    opacity:0.8; }
	

#footer p,
#footer ul{
	margin:0px;
}

ul#footernavi{
	margin:0px;
	padding:0px;
	list-style:none;
	height: 40px;
	width: 980px;		

	
}
ul#footernavi li{
	background:url(../img/base/arr.gif) no-repeat left;
	margin:0 5px 0 0;
	padding:0px 5px 0 15px;
	float:left;
	line-height: 40px;font-size:1.4em;
}
ul#footernavi li a{
	white-space:nowrap;
	text-decoration:none;
}


ul#footernavi .toPageTop{
	padding:0;
	float:right !important;
	margin:0 !important;

}
ul#footernavi .toPageTop a {
    display: block;
	width: 125px;
    height: 32px;
    background:none !important;
	padding:0;
	cursor:pointer;
	overflow:hidden;
	margin-top:9px;


}
ul#footernavi li.toPageTop a:hover img {
	margin-top:-32px;
}

#qrcode{	position:absolute;
top:70px;
right:10px;
}
#qrcode a{display:block;
width:66px;
height:66px;
padding:0;
	cursor:pointer;
	overflow:hidden;}
#pricenote{
	position:absolute;
	top:195px;
	line-height:2em;
	color:#FFF;			font-size:1.2em;
	


}
#pricenote p{margin:0; padding:0;}
#pricenote p:first-letter{
    font-size: 1.3em;
}

#copyright{
	text-align:right;
	position:absolute;
	bottom:4px;
	right:0;
		color:#FFF;			font-size:1.2em;


}

#pricenote a,address a{
	text-decoration:underline;
	color:#fdffbf;
}
#pricenote a:visited,
address a:visited{
	text-decoration:underline;
	color:#fdffbf;
}
#pricenote a:hover,
address a:hover {
	text-decoration:underline;
	color:#fdffbf;
}


address{
font-style:normal;
margin-top:13px;
color:#FFF;	
line-height:24px;
position:relative;	font-size:1.3em;
}

address #bn_form{
	padding:0;
	margin-left:20px;
	position:absolute;
	top:47px;
	

}
address #bn_form a {
	display:block;
	width: 189px;
    height: 24px;
    background:none !important;
	padding:0;
	cursor:pointer;
	overflow:hidden;


}
address #bn_form  a:hover img {
	margin-top:-24px;
}
/*個別のマージン
---------------------------------------------------------------------------------*/
.mTop25{margin-top:25px !important;}
.pTop25{padding-top:25px !important;}
.larger{font-size:1.1em !important; font-weight:bold;}


/*clearfix
---------------------------------------------------------------------------------*/



.clearfix{
    display:inline-block;
    min-height:1%;
}

.clearfix { display: block; }

/*clearfixの設定*/
.clearfix:after{  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix { zoom: 1;     height: 1%;} /* IE6 */  
*:first-child+html .clearfix,
*:last-child+html .clearfix{ zoom: 1; } /* IE7 */