@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: hair.css
	data:2008/08/19 kinoshita

■目次 ==========================================
■[01]:TOP
**************************************************** */



/*-----------------------------------------------------------
■[01]:TOP
------------------------------------------------------------*/

div.MenuBox{
	float: left;
	width: 440px;
	padding-left: 4px;
}

div.MenuBox ul li{
	padding-left: 16px;
	float: left;
}



p.text{
	font-size: 12px;
	line-height: 20px;
}

div.Menu1stepBox{
	width: 346px;
}

div.Menu1stepBox dl{
	width: 110px;
	float: left;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}

div.Menu1stepBox dl.pr8{
	padding-right: 8px;
}

div.Menu1stepBox dl dt{
	padding-bottom: 2px;
}


div.Menu2style{
	float: left;
	padding-top: 10px;
	width: 350px;
}

div.Menu2style dl{
	padding-bottom: 10px;
	clear: both;
	padding-top: 5px;
}
div.Menu2style dl dt{
	float: left;
}

div.Menu2style dl dd{
	float: right;
	width: 240px;
}

div.Menu2style dl dd img{
	padding-bottom: 5px;
}

div.Menu2style2{
	float: right;
	width: 350px;
	padding-top: 121px;
	background: url(/hair/img/bg_family.gif) no-repeat top right;
}

div.Menu2style2 p.pt5{ padding-top: 5px; }
div.Menu2style2 p.pt10{ padding-top: 10px; }



div.KidsBox{
	width: 780px;
	background: url(/hair/img/bg_kids.gif) no-repeat bottom;
}

div.Sisters{
	width: 246px;
	margin-right : 20px;
	float: left;
}

div.Sisters img{ padding-bottom: 5px; }

div.Sisters div.SisterBox{
	width: 110px;
	float: left;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}

div.Sisters p{
	float: left;
	padding-top: 28px;
}

div.ShampooBox{
	width: 455px;
	float: left;
}

div.ShampooBox p{
	float: left;
}

div.ShampooBox div{
	float: right;
	width: 235px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	padding-top: 10px;
}

div.ShampooBox img{ padding-bottom: 5px; }

div.ParmaBox{
	width: 100%;
}

div.ParmaBox div.text{
	width: 550px;
	float: left;
}


div.ParmaBox div.Syou{
	width: 140px;
	float: right;
}

div.ParmaBox div.Syou img{
	padding-bottom: 6px;
	padding-left: 18px;
}

div.ParmaBox div.Syou span{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	padding-top: 5px;
}

div.ParmaBox2{
	width: 340px;
	float: left;
}

div.ParmaBox2 h5{
	width: 340px;
}

div.StepBox1{ float: left; width: 240px; margin-right : 10px;}
div.StepBox2{ float: left; width: 225px;margin-right : 10px; }
div.StepBox3{ float: left; width: 230px; }

div.StepBox1 dl,div.StepBox2 dl,div.StepBox3 dl{clear: both; height: 70px; }

div.StepBox1 dl dt,div.StepBox2 dl dt,div.StepBox3 dl dt{ float: left; }

div.StepBox1 dl dd,div.StepBox2 dl dd,div.StepBox3 dl dd{
	float: right;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}

div.StepBox1 dl dd{ width: 146px; }
div.StepBox2 dl dd{ width: 133px; }
div.StepBox3 dl dd{ width: 138px; }

div.Hena_stepBox{
	float: left;
	width: 360px;
}


div.Hena_stepBox p{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	float: left;
	margin-right : 10px;
}

div.Hena_stepBox p.big{ width: 138px;}
div.Hena_stepBox p.small{ width: 92px;}

div.Hena_stepBox p img{
	padding-bottom: 4px;
}

div.Hena_BeAfBox{
	width: 720px;
}
div.Hena_BeAfBox ul{
	background: url(/hair/img/bg_bfaf.gif) no-repeat top center;
	width: 220px;
	float: left;
}

div.Hena_BeAfBox ul.mr30{
	margin-right : 30px;
}

div.Hena_BeAfBox ul li{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	width: 106px;
}

div.Hena_BeAfBox ul li img{
	padding-bottom: 4px;
}



.mr4{ margin-right: 4px; }

div.Hena_stepBox img{ padding-bottom: 2px; }

p.menu6StyleBox1{ float: left; width: 206px; margin-right : 50px; }
p.menu6StyleBox2{ float: right; width: 206px; }
p.menu6StyleBox3{ float: left; width: 468px; }

p.menu6StyleBox1 img,p.menu6StyleBox2 img,p.menu6StyleBox3 img{ padding-bottom: 5px; }


div.Bridal{
	background: url(/hair/img/bg_braidal.jpg) no-repeat top right;
	width: 720px;
	height: 184px;
	line-height: 22px;
	letter-spacing: 1px;
}