@charset "Shift_JIS";

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

/* ===== imgΜΊ]ν ===== */
#smacolle_ecopile img{
	vertical-align: bottom;
}

/* ===== smacolle_ecopile ===== */
div#smacolle_ecopile{
	width:800px;
	margin:10px 0px 3em 75px;
}
div#smacolle_ecopile span.price{
	font-family:Arial, Helvetica, sans-serif;
}

div#smacolle_ecopile .dotw700{width:700px; height:35px; background:url(../img/dot.gif) 0 0 repeat-x; clear:both;}
div#smacolle_ecopile .dotw730{width:730px; height:35px; background:url(../img/dot.gif) 0 0 repeat-x; clear:both; margin:0 35px 0 35px;}

div#smacolle_ecopile .dotright{border-right:#cfc4c0 1px dotted; padding-right:15px;}

div#smacolle_ecopile .w730{width:730px; margin:0 35px 0 35px;}
div#smacolle_ecopile .w700{width:700px; margin:0 50px 0 50px;}

div#smacolle_ecopile .mt10{margin-top:10px;}
div#smacolle_ecopile .mb20{margin-bottom:20px;}

div#smacolle_ecopile .gototop{
	width:700px;
	text-align:right;
	color:#666;
	font-size:11px;
	margin:20px 50px 0 50px;
	padding-bottom:10px;
}
div#smacolle_ecopile .gototop a{
	color:#666;
}

div#smacolle_ecopile span.hidden{display:none;}

div#smacolle_ecopile a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/*** top ***/
div#smacolle_ecopile .top{
	margin-bottom:30px;
	position:relative;
}
div#smacolle_ecopile .top p.linktable{
	position:absolute;
	top:326px;
	left:664px;
}
div#smacolle_ecopile .top .navi ul{
	width:772px;
	height:513px;
	padding:0 8px 0 20px;
	background:url(../img/navi_bg.jpg) no-repeat;
}
div#smacolle_ecopile .top .navi ul li{
	float:left;
	margin:0 13px 0 0;
	position:relative;
}
div#smacolle_ecopile .top .navi ul li a {
	text-decoration:none;	
}
div#smacolle_ecopile .top .navi ul li a p.unit{
	position:absolute;
	top:47px;
	left:98px;
	color:#e60012;
	font-weight:bold;
	font-size:12px;
	width:75px;
	display:block;
	text-align:center;
	text-shadow: 0px 1px 1px white,0px 0px 1px white,1px 0px 1px white,1px 0px 1px white;/* for modan browser */
}
/* for IE */
/*div#smacolle_pile .top .navi ul li a p.unit{
filter:dropshadow(color=white,offx=0,offy=1,positive=1),dropshadow(color=white,offx=0,offy=0,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1);
}*/
div#smacolle_ecopile .top .navi ul li a p.unit span{ font-size:17px;}
div#smacolle_ecopile .top .navi ul li a p.mp{
	position:absolute;
	top:112px;
	left:0px;
	width:180px;
	text-align:center;
	font-size:11px;
	color:#888;
}
div#smacolle_ecopile .top .navi ul li a p.bgp{
	position:absolute;
	top:118px;
	left:0px;
	width:180px;
	text-align:center;
	color:#e60012;
	font-weight:bold;
	font-size:12px;
}
div#smacolle_ecopile .top .navi ul li a p.bgp span{font-size:19px;}

/****** point ******/
div#smacolle_ecopile .point{
	background:url(../img/back.jpg) repeat-y;
	font-size:13px;
	line-height:1.5em;
}
div#smacolle_ecopile .point .pointmain{
	width:700px;
	margin:0 50px 0 50px;
}
div#smacolle_ecopile .point .pointbox{
	width:335px;	
}
div#smacolle_ecopile .point .pointbox p{
	margin:10px 0 20px 0;	
}

div#smacolle_ecopile .point .pointmain .point1{position:relative;}
div#smacolle_ecopile .point .pointmain .point1 p.pointprice{
	position:absolute;
	color:#FFF;
	font-size:13px;
	width:168px;
}
div#smacolle_ecopile .point .pointmain .point1 p.pointprice span.bgp{
	font-size:20px !important;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div#smacolle_ecopile .point .pointmain .point1 p.pointprice span.zei{
	font-size:11px !important;	
}
div#smacolle_ecopile .point .pointmain .point1 p.unit{
	position:absolute;
	color:#e60012;
	font-weight:bold;
	width:99px;
	text-align:center;
}
div#smacolle_ecopile .point .pointmain .point1 p.unit span.bgp{
	font-size:27px !important;	
	font-family:Arial, Helvetica, sans-serif;
}
div#smacolle_ecopile .point .pointmain .point3{
	width:108px;
	height:117px;
}
div#smacolle_ecopile .point .pointmain .point3 p{margin:0 !important;}
div#smacolle_ecopile .point .pointmain .point3 p.blue{color:#0256a2; font-weight:bold;}


/****** size ******/
div#smacolle_ecopile .size{
	background:url(../img/back.jpg) repeat-y;
}

/****** product ******/
div#smacolle_ecopile .product{
	background:url(../img/back.jpg) repeat-y;
}
div#smacolle_ecopile .product .probox{
	width:730px;
	margin:0 35px 0 35px;
	position:relative;	
}
div#smacolle_ecopile .product .probox p.protxt{
	width:700px;
	margin:10px 15px 15px 15px;
	line-height:1.5em;
}
div#smacolle_ecopile .product .probox p.color{
	position:absolute;
	z-index:4 !important;
}
div#smacolle_ecopile .product .probox ul.buybox {
	padding-top:10px;
}
div#smacolle_ecopile .product .probox ul.buybox li{
	float:left;
}
div#smacolle_ecopile .product .fr ul.buybox li{
	margin-bottom:15px;
}
div#smacolle_ecopile .product .probox ul.buybox li p{
	margin-left:5px;
}
div#smacolle_ecopile .product .probox ul.buybox li a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
div#smacolle_ecopile .product .probox .pricebox p.mp{
	margin:10px 0 0 15px;
	font-size:11px;	
}
div#smacolle_ecopile .product .probox .pricebox p.bgp{
	color:#e60012;
	font-weight:bold;
	font-size:19px;
	margin-left:15px;	
}
div#smacolle_ecopile .product .probox .pricebox p.bgp span.price{font-size:30px !important;}
div#smacolle_ecopile .product .probox .pricebox p.bgp span.f15{font-size:15px !important;}
div#smacolle_ecopile .product .probox p.unit{
	background:url(../img/unit_pro.gif) no-repeat;
	width:90px;
	height:62p;
	padding:20px 0 15px 10px;
	display:block;	
	color:#e60012;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}
div#smacolle_ecopile .product .probox p.unit span.price{font-size:26px !important;}

div#smacolle_ecopile .product .probox .specbox{
	width:153px;
	padding-top:35px;	
}
div#smacolle_ecopile .product .probox .specbox .spec{
	color:#3f281f;
	font-size:15px;
	padding-bottom:10px;
	font-family:"qMmpS Pro W3","CI", "Hiragino Kaku Gothic Pro",  "Lucida Grande", Verdana, "lr oSVbN", sans-serif !important;
}
div#smacolle_ecopile .product .probox .specbox2{
	width:345px;
	padding-top:8px;	
}
div#smacolle_ecopile .product .probox .specbox2 p{
	float:left;
	margin-left:20px;
}
div#smacolle_ecopile .product .probox .specbox2 .spec{
	color:#3f281f;
	font-size:15px;
	padding-bottom:10px;
	font-family:"qMmpS Pro W3","CI", "Hiragino Kaku Gothic Pro",  "Lucida Grande", Verdana, "lr oSVbN", sans-serif !important;
}
.smacolletowelbtn{
	width:864px;
	text-align:center;
	margin:30px 0px 3em 43px;
}
.smacolletowelbtn ul{
	margin-top:20px;
}
.smacolletowelbtn ul li{
	float:left;
}
.smacolletowelbtn a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/*--------------------------------------
   New}[N
--------------------------------------*/

div#smacolle_ecopile .top .navi ul li{display:block; position:relative; z-index:1;}

div#smacolle_ecopile .top .navi ul li .newup img.newIcon2{width:48px; height:28px; margin:0; position:absolute; top:35px; left:6px; z-index:2; !important}

div#smacolle_ecopile .product .probox ul.buybox li{display:block; position:relative; z-index:1;}

div#smacolle_ecopile .product .probox ul.buybox li img.newIcon1{width:29px; height:15px; margin:0; position:absolute; top:8px; left:12px; z-index:3; background:url(../img/new_bg.gif) top no-repeat; !important}
