@charset "shift_jis";

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

/* ===== imgの下余白削除 ===== */
#smacolle_pile img{
	vertical-align: bottom;
}

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

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


div#smacolle_pile .dotright{border-right:#cfc4c0 1px dotted;}
div#smacolle_pile .pr15{padding-right:15px;}
div#smacolle_pile .pr9{padding-right:9px;}

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

div#smacolle_pile .mt10{margin-top:10px;}
div#smacolle_pile .mb20{margin-bottom:20px;}
div#smacolle_pile .mr100{margin-right:100px !important;}

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

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

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

/*** top ***/
div#smacolle_pile .top{
	margin-bottom:30px;
	position:relative;
}
div#smacolle_pile .top p.linktable{
	position:absolute;
	top:326px;
	left:664px;
}
div#smacolle_pile .top .navi ul{
	width:772px;
	height:513px;
	padding:0 8px 0 20px;
	background:url(../img/navi_bg.jpg) no-repeat;
}
div#smacolle_pile .top .navi ul li{
	float:left;
	margin:0 13px 0 0;
	position:relative;
}
div#smacolle_pile .top .navi ul li a {
	text-decoration:none;	
}
div#smacolle_pile .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_pile .top .navi ul li a p.unit span{ font-size:17px;}
div#smacolle_pile .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_pile .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_pile .top .navi ul li a p.bgp span{font-size:19px;}

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

div#smacolle_pile .point .pointmain p.point5{
	width:172px;
	margin:0 !important;
}

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

/****** product ******/
div#smacolle_pile .product{
	background:url(../img/back.jpg) repeat-y;
}
div#smacolle_pile .product .promain{
	width:739px;
	margin-left:30px;
}
div#smacolle_pile .product .promain .probox{
	width:360px;
	margin:0;
	position:relative;
}
div#smacolle_pile .product .promain .probox p.color{
	position:absolute;	
}
div#smacolle_pile .product .promain .probox .pricebox{
	margin-bottom:5px;	
}
div#smacolle_pile .product .promain .probox .pricebox p.mp{
	margin:10px 0 0 0;
	font-size:11px;
}
div#smacolle_pile .product .promain .probox .pricebox p.bgp{
	color:#e60012;
	font-weight:bold;
	font-size:19px;
}
div#smacolle_pile .product .promain .probox .pricebox p.bgp span.price{font-size:30px !important;}
div#smacolle_pile .product .promain .probox .pricebox p.bgp span.f15{font-size:15px !important;}
div#smacolle_pile .product .promain .probox .pricebox .buy{
	margin-top:5px;
}
div#smacolle_pile .product .promain .probox p.unit{
	background:url(../img/unit_pro.gif) no-repeat;
	width:90px;
	height:62p;
	padding:20px 0 7px 10px;
	display:block;	
	color:#e60012;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}
div#smacolle_pile .product .promain .probox p.unit span.price{font-size:26px !important;}

div#smacolle_pile .product .promain .probox ul.buybox {
	clear:both;
}
div#smacolle_pile .product .promain .probox ul.buybox li{
	float:left;	
	margin:10px 1px 0 0;
}
div#smacolle_pile .product .promain .probox ul.buybox li p.buy1{
	margin:2px 1px 0 1px;
}
div#smacolle_pile .product .promain .probox ul.buybox li p.buy2{
	margin:2px 0 0 48px;
}
div#smacolle_pile .product .promain .probox .pricebox2{
	width:165px;
	text-align:center;	
}
div#smacolle_pile .product .promain .probox .pricebox2 p.mp{
	margin:8px 0 0 0;
	font-size:11px;	
}
div#smacolle_pile .product .promain .probox .pricebox2 p.bgp{
	color:#e60012;
	font-weight:bold;
	font-size:12px;
}
div#smacolle_pile .product .promain .probox .pricebox2 p.bgp span.price{font-size:20px !important;}
div#smacolle_pile .product .promain .probox .pricebox2 p.bgp span.f11{font-size:11px !important;}

/**** redline ****/
div#smacolle_pile .redline{
	background:url(../img/back.jpg) repeat-y;
	margin-top:30px;
}
div#smacolle_pile .redlinemain{
	width:700px;
	margin:0 50px 10px;
}
div#smacolle_pile .redlinemain h3{
	width:700px;
	margin-bottom:10px;	
}
div#smacolle_pile .redlinemain ul li{
	float:left;
	height:240px;
}
div#smacolle_pile .redlinemain ul .li1{
	width:220px;
	padding-right:16px;
	margin-right:4px;
	background:url(../img/redline_how_arrow.gif) right 57px no-repeat;
}
div#smacolle_pile .redlinemain ul .li2{
	width:444px;
	padding-right:16px;
	background:url(../img/redline_how_arrow.gif) right 57px no-repeat;
}
div#smacolle_pile .redlinemain ul .li3{
	width:220px;
}
div#smacolle_pile .redlinemain ul li p{
	margin-top:5px;
	line-height:1.4em;	
}
div#smacolle_pile .redlinemain2{
	width:730px;
	margin:0 35px;
}
div#smacolle_pile .redlinemain2 h3{
	margin-bottom:20px;
}
div#smacolle_pile .redlinemain2 .probox{
	width:166px;
	margin-right:9px;
}
div#smacolle_pile .redlinemain2 .probox .redlineimg{
	margin-top:5px;	
}
div#smacolle_pile .redlinemain2 .probox .pricebox p.mp{
	margin:10px 0 3px 0;
	font-size:11px;
}
div#smacolle_pile .redlinemain2 .probox .pricebox p.bgp{
	color:#e60012;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}
div#smacolle_pile .redlinemain2 .probox .pricebox p.bgp span.price{font-size:23px !important;}
div#smacolle_pile .redlinemain2 .probox .pricebox p.bgp span.f12{font-size:12px !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マーク
--------------------------------------*/

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

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

div#smacolle_pile .redlinemain2 .probox .redlineimg{display:block; position:relative;}

div#smacolle_pile .redlinemain2 .probox .redlineimg img.newIcon3{width:29px; height:15px; margin:0; position:absolute; top:4px; left:4px; z-index:3; background:url(../img/new_bg.gif) top no-repeat; !important}

div#smacolle_pile .product .probox ul.buybox li{display:block; position:relative;}

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