@charset "UTF-8";
/* CSS Document */

#products {
	margin:auto;
	width: 855px;
	background-color: #eee8c6;
    margin-bottom:20px

}

.none {display: none;}

/*ココから商品ラインナップ用*/

#products ul.step{
	list-style-type: none;
	width: 742px;
	margin: 0px auto;
}

#products ul.step li{
	display:inline;
	float: left;
	height: 368px;
	background-repeat: no-repeat;
	background-position: top;
}

#products ul.step li.step1{
	width: 254px;
    background-image: url(../productimg/step1.jpg);
}
#products ul.step li.step2{
	width: 246px;
	background-image: url(../productimg/step2.jpg);
}
#products ul.step li.special{
	width: 123px;
	background-image: url(../productimg/special.jpg);
}
#products ul.step li.step3{
	width: 119px;
	background-image: url(../productimg/step3.jpg);
}

#products ul.step li.step1 dl,
#products ul.step li.step2 dl,
#products ul.step li.special dl,
#products ul.step li.step3 dl{
	list-style-type: none;
}
#products ul.step li.step1 dl dd,
#products ul.step li.step2 dl dd,
#products ul.step li.special dl dd,
#products ul.step li.step3 dl dd{
	display:inline;
	float: left;
	margin: 286px 0 0 0;
}
#products ul.step li.step1 dl dt,
#products ul.step li.step2 dl dt,
#products ul.step li.special dl dt,
#products ul.step li.step3 dl dt{
	display:none
}
#products h2{
	float: left;
	margin:20px 10px 0 0
}
#products p.inform{
	float: right;
	margin-top:25px;
	font-size: 10px;
	color: #555;
	line-height: 150%;
}

#products p.stepmake{
	text-align: center;
}


/*ココから商品詳細用*/

/*各商品下地*/

#detailclean,
#detailsoap,
#detailfoam,
#detailmineral,
#detailvaital,
#detailseram,
#detailoil{
	width: 850px;
	height: 448px;
    margin-top:20px;
}

#detailclean{
	background-image: url(../productimg/cleansing00.jpg);
}
#detailsoap{
	background-image: url(../productimg/soap00.jpg);
}
#detailfoam{
	background-image: url(../productimg/foam00.jpg);
}
#detailmineral{
	background-image: url(../productimg/mineral00.jpg);
}
#detailvaital{
	background-image: url(../productimg/vaital00.jpg);
}
#detailseram{
	background-image: url(../productimg/seram00.jpg);
}
#detailoil{
	background-image: url(../productimg/oil00.jpg);
}


/*商品詳細共通*/

.orange{
	color: #AC5437;
}
.kome{font-size: 9px;}
.detailtxt{
	font-size: 11px;
	font-weight: lighter;
     }
.toback{
	float: right;
	font-size: 11px;
	color: #555;
    margin:5px 20px 3px 0
}
.title{
    margin:0 0 10px 10px;
}
#products h2.textbig{
    width: 450px;
    margin:10px 0 5px 300px;
    _margin-left:150px;/*IE6*/
	font-size:14px;
}

#products ul.size{
	float: left;
    width: 450px;
	font-size: 11px;
	list-style-type: none;
}

#products h3{	
    float: left;
}
#products h4{
	float: left;
	font-size: 12px;
	width: 400px;
	font-weight: lighter;
	line-height: 140%;
}

#products ul.size,
#products h3,
#products h4{
	margin: 0 0 10px 300px;
    _margin-left:150px;/*IE6*/
}

#products p.howto{
	float: left;
	font-size: 11px;
	width: 400px;
	margin-left: 300px;
    _margin-left:150px;/*IE6*/
	line-height: 140%;
	background-color: #FFC;
	padding: 5px;
}
#products p.seibun{
	float: left;
	font-size: 10px;
	width: 400px;
	margin: 20px 0 0 300px;
    _margin-left:150px;
	line-height: 140%;
}