@charset "shift_jis";

/* ===== float ===== */
div#wagon .clearFix{
	zoom:1;
	_height:1%;
}
div#wagon .clearFix:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* ===== img‚̉º—]”’�í�œ ===== */
div#wagon img{
	vertical-align: bottom;
}
/* ==== banner ====*/
div#wagon #banner_s {
	width:800px;
	margin:25px auto 50px;
}
div#wagon #banner {
	width:800px;
	margin:50px auto;
}

/* ==== floatingmenu =====*/
div#wagon #floatingmenu {
	position: fixed; 
	left:50%; 
	bottom:240px;
	margin-left:485px; 
	width:57px;
	height:340px;
	padding-top:32px;
	text-align:center;
	z-index:10;
	display:none;
	background:url(../img/floatingmenu_bg.png) no-repeat;
	overflow:hidden;
}
div#wagon #floatingmenu li{
	margin:0 0 1px 0;
	text-align:left;
}
div#wagon #floatingmenu li.top{
	margin-top:4px;	
}
div#wagon #floatingmenu li a img{
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
}

/* ===== wagon ===== */
div#wagon{
	width:950px;
	margin:10px 0px 2em 0px;
	color:#111;
	line-height:140%;
	font-size:12px;
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
div#wagon h2{
	width:950px;
	text-align:center;
	margin-top:50px;
}
div#wagon .sec_p1{
	margin-top:5px;	
}
div#wagon a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
div#wagon #wagonslide{
	position:relative;
	width:950px;
	height:380px;
}
div#wagon #wagonslide img{
	position:absolute;
	width:950px;
	left:0;
	top:0;
	z-index:1;
}
div#wagon #wagonslide img.active{
	z-index:3;	
}
div#wagon #wagonslide img.last-active{
	z-index:2;
}
div#wagon #navi li{
	width:310px;
	margin:5px 10px 0 0;
	float:left;
}
div#wagon #navi li.mr0{
	margin-right:0;
}
div#wagon .productBox{
	margin-top:5px;
}
div#wagon .productBox ul li{
	width:228px;
	float:left;
	margin:0 10px 20px 0;
	position:relative;
}
@media screen and (min-device-width:768px) and (max-device-width:1024px){
	div#wagon .productBox ul li{
		margin:0 7px 20px 0 !important;
	}
}
div#wagon .productBox ul li .accessory{
	position:absolute;
	width:52px;
	right:0;
	top:205px;
}
div#wagon .productBox ul li .proname{
	color:#FFF;
	font-size:14px;
	padding:7px 0 7px 12px;
	width:216px;
	min-height:48px;
}	
div#wagon .productBox ul li .proname span{
	font-size:11px;
}	
div#wagon .productBox ul li .proimgBox{
	width:228px;
	position:relative;
}	
div#wagon .productBox ul li .proimgBox .icon{
	position:absolute;
	width:52px;
	left:6px;
	top:3px;
}	
div#wagon .productBox ul li .colorBox .colortitle{
	float:left;
	padding-left:14px;
	margin-right:6px;
}
div#wagon .productBox ul li .colorBox .color{
	float:left;
	width:146px;
}
div#wagon .productBox ul li .protext{
	width:200px;
	margin:7px 14px;
}
div#wagon .productBox ul li .priceBox{
	min-height:34px;
	margin:0 12px 14px;
	position:relative;
}
div#wagon .productBox ul li .priceBox .price_m{
	color:#555;
	font-size:11px;
	margin-bottom:5px;
}
div#wagon .productBox ul li .priceBox .price{
	padding-top:5px;
	color:#cc0000;
	font-size:14px;
	font-weight:bold;
	line-height:1.8em;
}
div#wagon .productBox ul li .priceBox .price .priceBG{
	font-size:30px;
	font-family:Arial,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Helvetica,sans-serif;
}
div#wagon .productBox ul li .priceBox .price .tax{
	font-size:11px;
}
div#wagon .productBox ul li .priceBox .buy{
	width:66px;
	position:absolute;
	left:150px;
	bottom:0px;
}
div#wagon .productBox #boby{
	width:950px;
	height: 0 !important;
	height /**/: 120px;
	padding-top:120px;
	background:url(../img/sec2_p2.jpg) no-repeat;
	overflow:hidden;
	margin-bottom:15px;
	/margin-top:20px !important;
}

/* ===== ƒ�ƒjƒ…�[•Ê ===== */
div#wagon #sec1Box ul li{ border:1px solid #cdd6e5; }
div#wagon #sec1Box ul li .proname{ background:url(../img/back_img_s1.gif) repeat-y; }
div#wagon #sec1Box ul li .colorBox{ border-bottom:1px solid #e5e9f0; padding-bottom:5px;}

div#wagon #sec2Box ul li{ border:1px solid #e3e0db; }
div#wagon #sec2Box ul li .proname{ background:url(../img/back_img_s2.gif) repeat-y; }
div#wagon #sec2Box ul li .colorBox{ border-bottom:1px solid #eeece8; padding-bottom:5px;}

div#wagon #sec3Box ul li{ border:1px solid #e5dace; }
div#wagon #sec3Box ul li .proname{ background:url(../img/back_img_s3.gif) repeat-y; }
div#wagon #sec3Box ul li .colorBox{ border-bottom:1px solid #e5dace; padding-bottom:5px;}

div#wagon #sec4Box ul li{ border:1px solid #e4daea; }
div#wagon #sec4Box ul li .proname{ background:url(../img/back_img_s4.gif) repeat-y; }
div#wagon #sec4Box ul li .colorBox{ border-bottom:1px solid #e4daea; padding-bottom:5px;}

div#wagon #sec5Box ul li{ border:1px solid #e5dace; }
div#wagon #sec5Box ul li .proname{ background:url(../img/back_img_s5.gif) repeat-y; }
div#wagon #sec5Box ul li .colorBox{ border-bottom:1px solid #e5dace; padding-bottom:5px;}

div#wagon #sec6Box ul li{ border:1px solid #e5dace; }
div#wagon #sec6Box ul li .proname{ background:url(../img/back_img_s6.gif) repeat-y; }
div#wagon #sec6Box ul li .colorBox{ border-bottom:1px solid #dddddd; padding-bottom:5px;}


/* ===== color ===== */
div#wagon .productBox ul li .colorBox .color span{
	padding-left: 15px;
}
div#wagon .productBox ul li .colorBox .color span.w{ background:url(../img/color_w.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.bk{ background:url(../img/color_bk.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.br{ background:url(../img/color_br.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.db{ background:url(../img/color_db.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.g{ background:url(../img/color_g.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.p{ background:url(../img/color_p.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.bl{ background:url(../img/color_bl.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.o{ background:url(../img/color_o.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.y{ background:url(../img/color_y.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.r{ background:url(../img/color_r.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.ch{ background:url(../img/color_ch.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.mizu{ background:url(../img/color_mizu.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.gr{ background:url(../img/color_gr.gif) 0 2px no-repeat; }
div#wagon .productBox ul li .colorBox .color span.s{ background:url(../img/color_s.gif) 0 2px no-repeat; }