@charset 'utf-8';
@import url("./common.css");


/*************************** CC[W樽・・Vv[j *****************************/


/* リニュ前*/
#mainItemBox{
	width:570px;
	height:300px;
	margin-top:10px;
	background:url(../img/top_shanpoo2.jpg) no-repeat top left;
}

#h3Box{
	width:400px;
	height:75px;
	position:relative;
	top:51px;
	left:26px;
}

#h3Box h3, #h3Box p{
	font-size:12px;
	line-height:1.3em;
	color:#333;
	margin-bottom:3px;
	font-weight:normal;
}

#h3Box h3 strong, #h3Box p strong{
	color:#660;
}

#h3Box h3 span{
	font-weight:normal;
}

#checkBox1{
	width:280px;
	height:20px;
	position:relative;
	top:100px;
	left:100px;
	text-align:right;
}

#checkBox2{
	width:280px;
	height:20px;
	position:relative;
	top:178px;
	left:100px;
	text-align:right;
}

.samnailBox{
}

.bodyBox{
	float:left;
}


/* リニュ後*/
#coraboBox{
	width:570px;
	height:300px;
	background:url(../img/comb_nontan.jpg) no-repeat top left;
	position:relative;	
	margin-bottom:10px;
	margin-top:20px;
}

#coraboimgBox{
	width:330px;
	height:30px;
	position:absolute;
	top:45px;
	left:30px;
}

#coraboimgBox h3{
	font-size:12px;
	line-height:1.3em;
	color:#333;
	margin-bottom:3px;
	font-weight:normal;
}

#coraboimgBox h3 strong, #coraboimgBox p strong{
	color:#660;
}

#coraboimgBox h3 span{
	font-weight:normal;
}




#coraboBox #checkBox1{
	width:120px;
	height:17px;
	position:absolute;
	top:268px;
	left:130px;
	text-align:right;
}

/*************************** gbvoi[ *****************************/

#catBannerBox{
 margin-top:10px;

}

#catBannerBox ul{
 list-style:none;
}

#catBannerBox ul li{
 margin-bottom:10px;

}

ul#catBannerBox li{
 margin-bottom:10px;

}


#catBannerBox ul li p{
 margin:5px;
 font-size:12px;
 color:#333;
}

/*-------------------------
 add
-------------------------*/

.SEBox {
	padding:10px 5px 10px 0;
	font-size:12px;
	}

.SEBox ul {
	list-style-type	:none;
	}

.item {
	padding:10px 5px 10px 0;
	color:#ff6600;
	font-size:14px;
	}

.item h3 {
	background:url(../img/icon_sankaku.gif) top left no-repeat;
	line-height:1.3em;
	padding:3px 0 0 25px;
	display:inline;
	}

.item p {
	padding:3px 0 0 25px;
	display:inline;
	}

.subtitle {
	width:550px;
	font-size:14px;
	padding:0 15px;
	clear:both;
	line-height	: 150%;
	letter-spacing:normal;
	}

.subtitle h4 {
	background		: url(../img/haika_orange.gif) no-repeat;
	background-position	: 0 1px;
	width			:530px;
	height			: 30px;
	margin-top		: 20px;
	padding:3px 0 0 25px;
	font-size		: 12px;
	color:#fff;
	line-height:2;
	}

.Mimg {
	float:left;
	margin:0 15px 10px 3px;
	}

.Mimg li.mainP {
	margin:0 0 5px 0;
	display:block;
	}

.Mimg li.subP {
	margin:0 1px 0 0;
	display:inline;
	}


.mainwindow {
	width:300px;
	float:right;
	color:#555;
	text-align:left;
	}

.Wtop {
	width:300px;
	padding:3px 0 3px 0;
	background:url(../img/window_top.gif) no-repeat;
	background-color:#ceeed1;
	line-height:1.5;
	}

.Wtop p {
	width:280px;
	font-size:14px;
	font-weight:bold;
	color:#390;
	line-height:1.5;
	margin:0 0 0 10px
	}


.Wtop span {
	font-size:10px !important;
	color:#FF6699 !important;
	padding:0 0 0 5px;
	}

.Wbg {
	width:300px;
	padding:3px 5px;
	background:url(../img/window_bg.gif) repeat-y;
	}

.Wbg p {
	padding:5px 10px 10px 5px;
	line-height:1.3;
	}

.Wbtm {
	width:300px;
	clear:both;
	}

.cartForm{
text-align:right;
margin:0 10px 10px 0;

}

.cartForm p{
font-weight:bold;
margin:20px 0 0 0;
}

.tax {
	margin:15px 0 0 0;
	padding:7px 0 0 5px;
	font-size:20px;
	font-weight:bold;
	color:#ff6666;
	clear:both;
	}

.tax span {
	font-size:14px;
	font-weight:normal;
	color:#555 !important;
	}

.cart {
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #ccc;
	}

.detail {
	padding:0 5px;
	margin:0 0 15px 0;
	clear:both;
	}

.detail dl {
	margin:10px 0;
	clear:both;
	}

.detail dl dt {
	width:100px;
	float:left;
	color:#336633;
	font-size:14px;
	line-height:1.3;
	}

.detail dt.add {
	padding:42px 0 0 0;
	background:url(../img/yoho_bg.gif) no-repeat;
	}


.detail dl dd {
	width:450px;
	float:right;
	text-align:left;
	color: #666666;
	font-size:12px;
	line-height:1.3;
	}

.detail dl dd p {
	color: #666666;
	font-size:12px;
	margin:10px 5px 0 0;
	line-heigt:1.3;
	}

.biko {
	clear			:both;
	}

.biko li {
	padding			:0 5px;
	clear			:both;
	margin:20px 0 0 0;
	}

.biko li h4 {
	background-position	: 0 1px;
	width			:563px;
	height			: 30px;
	padding:3px 0 0 25px;
	font-size		: 14px;
	color:#fff;
	line-height:2;
	}

.biko li p {
	line-height:1.5;
	padding:10px 0 0 5px;
	}

.biko1 h4 {
	background		: url(../img/haika_green.gif) no-repeat;
	}

.biko2 h4 {
	background		: url(../img/haika_pink.gif) no-repeat;
	}

.biko3 h4 {
	background		: url(../img/haika_orange.gif) no-repeat;
	}


.biko3 h5 {
	background		: url(../img/icon_qa.gif) no-repeat top left;
	padding			: 2px 0 0 25px;
	font-size		: 14px;
	color			: #933;
	font-weight		: normal;
	height			: 19px;
	margin			: 20px 0 5px 0;
}

.biko3 p {
	background		: url(../img/icon01.gif) no-repeat;
	background-position	: 0 5px;
	font-size		: 12px;
	padding			:0 0 0 8px !important;
	margin			: 0 0 20px 16px;
	line-height		: 1.4em;
}

.biko4 h4 {
	background		: url(../img/haika_blue.gif) no-repeat;
	}

.biko4 h5 {
	color			: #390;
	margin			:10px 0 10px 20px;
	background		: url(../img/icon_voice.gif) no-repeat top left;
	padding-left	: 15px !important;
	}

.biko4 p {
	padding			:0 0 0 8px !important;
	margin			: 0 0 0 16px;
	line-height		: 1.3;
	}

.biko4 span {
	width			: 550px;
	text-align		: right;
	display			:block;
	color			:#390;
	padding			:0 0 5px 0;
	border-bottom	:1px dotted #F5EBEB;
	}



.voiceH4{
	background		: url(../img/haika_green.gif) no-repeat;
	width			:538px;
	height			: 26px;
	padding:2px 0 0 25px;
	margin-left:5px;
	clear			:both;
}

.voiceH4 h4{
	font-size		: 14px;
	color:#fff;
	line-height:2;
}

/**-----**/
.w550 {
	width			: 550px;
	}

.w330 {
	width			: 330px;
	float			: left;
}

.pic200 {
	width			: 200px;
	float			: left;
	margin			: 10px 0 20px 0;
}

.font14{
	font-size		: 14px;
}

.font12{
	font-size		: 14px;
}

.red {
	color:#f00;
	}

.bold {
	font-weight:bold;
	font-size: 130%;
	}

.small {
	font-size	: 80%;
}


.fL {
	float:left;
	}

.fR {
	float:right;
	}

/**-----**/


.SCBox {
	padding:10px 5px 0 0;
	border-bottom:1px dotted #FF3300;
	font-size:12px;
	list-style-type	:none;
	}

.SCBox li {
	clear:both;
	margin:5px 0 20px 5px;
	}

.SCBox img {
	padding:0 0 5px 5px;
	}

.SCBox h4 {
	background:url(../img/icon_sankaku.gif) top left no-repeat;
	font-size:14px;
	line-height:1.3;
	color:#333;
	padding:0 0 10px 25px;
	}

.SCBox p {
	line-height: 150%;
	letter-spacing:normal;
	color:#444;
	padding:0 10px 0 25px;
	}

.itemBoxs{

	}

.itemBoxs ul{
	padding:5px;

	}

.itemBoxs ul li{
	width:120px;
	height:150px;

	text-align:center;
	float:left;
	margin-right:15px;
	}

.itemBoxs ul li img{
	margin:10px 10px 0 10px ;
	float:left;
}

.itemBoxs ul li p{
	width:120px;
	text-align:center;
	margin-top:5px;
	float:left;
}







	/*** corabo *************************************************/
#corabo p{
	font-size:14px;
	margin-bottom:15px;
	line-height:1.4;}	

#corabo_top{
	margin-top:20px;
	marign-bottom:5px;}
	
#corabo_price{width;570px; margin-top:15px; margin-bottom:15px;}

	
.chumonBox{
	width:570px;
	height:auto;
	margin:30px 0px;
	clear:both;
	}	
.chumonBox p.top_chumon{
	width:320px;
	font-size:12px;
	font-weight:bold;
	float:right;
	line-height:1.2;
	}
	
.chumonBox img{
	float:right;
	}
	
#manual{
	width:570px;
	height:64px;
	background:url(http://www.shalom-cosme.com/img/corabo_manual.gif); no-repeat;
	margin-bottom:5px;
	}
#manual p{
	text-align:right;
	padding:40px 7px 0px 0px;
	}	

#set{
	width:570px;
	height:106px;
	background:url(http://www.shalom-cosme.com/img/corabo_set.gif); no-repeat;
	margin-bottom:5px;
	}
#set p{
	text-align:right;
	padding-top:30px;
	}
#kansya	{
	width:570px;
	height:150px;
	background:url(http://www.shalom-cosme.com/img/corabo_kansya.jpg); no-repeat;
	margin-bottom:20px;
	}
#kansya	p{
	text-align:right;
	padding:125px 10px 0px 8px;}	
		
		
#corabo_comb{
	widht:542px;
	height:146px;
	background:url(http://www.shalom-cosme.com/img/corabo_comb.gif) no-repeat;
	margin:20px auto;
	position:relative;
	font-size:12px;
	
	}
#corabo_comb #ao{
	position:absolute;
	width:200px;
	height:auto;
	top:40px;
	left:58px;
	font-size:12px;	
	}	
#corabo_comb #kiiro{
	position:absolute;
	width:220px;
	height:auto;	
	top:40px;
	left:305px;
	font-size:12px;	
	}		
.tanpin	{
	width:570px;
	hegiht:auto;
	margin:30px 0px;	
	clear:both:}
.tanpin p{
	font-size:12px;
	font-weight:bold;
		float:right;
	line-height:1.2;
	margin:0px 5px 20px 0px;
	}
.tanpin img{
	float:right;
	}		

#corabo_shampoo{
	width:570px;
	height:auto;
	background:url(http://www.shalom-cosme.com/img/corabo_shampoo.jpg) no-repeat;
	}
#corabo_shampoo p{
	padding:78px 0px 0px 104px;}	
	
#corabo_jel{
	width:550px;
	height:252px;
	background:url(http://www.shalom-cosme.com/img/jel_bg.jpg) no-repeat;
	margin-bottom:20px;
	}
#corabo_jel p{
	padding:80px 0px 0px 125px;
	margin:0;
	font-size:12px;
	}
#corabo_jel .hutoji{
	width:542px;
	font-size:12px;
	padding-left:20px;
	}		

#oyo{	
	background:url(http://www.shalom-cosme.com/img/oyo_bg.gif) no-repeat left top;	
	width:542px;
	height:100px;
	font-size:12px;
	line-height:1.3;
	padding:10px;
	}

#oyo table{
	width:520px;
	border-collapse:collapse;
	}
#oyo table th,#oyo table td{
	padding:5px;
	}
#oyo table th{
	vertical-align:top;
	}	
	
.chumonBox p#bottom_chumon{
	font-size:12px;
	font-weight:bold;
		float:right;
	line-height:1.2;
	margin:0px 5px 40px 0px;
	}	


#zairyo{
	background:url(http://www.shalom-cosme.com/img/corabo_zairyo.jpg) no-repeat right top;	
	}

.Oline{
	color:#cc0000;
	text-decoration:line-through;
	}
	





#htu_dan01{ 
	background:url(http://www.shalom-cosme.com/img/htu_01.jpg);
	width:542px;
	height:308px;
	position:relative;
	}
#htu_dan02{ 
	background:url(http://www.shalom-cosme.com/img/htu_02.jpg);
	width:542px;
	height:300px;
	position:relative;}
#htu_dan03{ 
	background:url(http://www.shalom-cosme.com/img/htu_03.jpg);
	width:542px;
	height:289px;
	position:relative;}		
	

p#htu_box00,p#htu_box01,p#htu_box02,p#htu_box03,p#htu_box04,p#htu_box05,p#htu_box06,p#htu_box07,p#htu_box08{
	width:135px;
	position:absolute;	
	font-size:12px;
	}


#htu_box00,#htu_box03,#htu_box06{ left:18px;top:175px;}	

#htu_box01,#htu_box04,#htu_box07{	left:202px;	top:175px;	}	
	
#htu_box02,#htu_box05,#htu_box08{ left:388px;top:175px;}		





#corabo #jel_price{
	float:right;
	clear:right;
	margin-top:10px;
	margin-right:20px;
	font-size:12px;
	font-weight:bold;
	display:inline;
	}	
	
p#jel_para{
	line-height:1.2;
	}