@charset "UTF-8";

/* ***************************************************
* CSS file For beautysalonbene.com
	FileName: service.css
	data:2009/9/1

■目次 ==========================================
■[00]:TOPだけcommon.cssを上書き↓
■[01]:ヘッダー

**************************************************** */

/*-----------------------------------------------------------
■:common.cssを上書き↓
------------------------------------------------------------*/

h2{
	margin: 30px 0px 10px 0px;
}

h3.flow{
	width:637px;
	margin: 15px auto 0;
}

h3.barPink{
	width: 635px;
	margin: 15px auto 20px;
	color: #cc0066;
	padding: 5px 0px 3px 10px;
	background: url(/img/common/dot_pink.gif);
	font-weight: bold;
	font-size: 105%;
}



/* *{
	border: 1px solid #f00;
} */
/*-----------------------------------------------------------
■:レイアウト↓
------------------------------------------------------------*/
div#topCont{
	width: 746px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index: 1;
	position:relative;
}

/*-----------------------------------------------------------
■:各ページ共通
------------------------------------------------------------*/
div.copy{
	margin: 15px 0px 0px 15px;
}
p.txt{
	color: #600;
	margin: 10px 0px 0px 15px;
}

div.doubleBox{
	width: 395px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
div.doubleBox img{
	display: block;
	margin: 0px;
}
div.doubleBox div.boxBody{
	background: url(/service/img/double_box.gif) no-repeat bottom;
	margin: 0px;
	padding: 5px 15px 10px 10px;
	color: #606;
}

/***料金***/
div.servicePrice{
	width: 635px;
	margin: 15px auto 0;
	background: url(/service/img/body_price_bg.gif);
	padding: 5px 0px 14px 0px;
}

div.servicePrice h3{
	color: #890d54;
	font-size: 105%;
	font-weight: bold;
	margin: 0px 0px 5px 15px;
	padding: 5px 0px 5px 25px;
	background: url(/service/img/body_price_image.gif) no-repeat 0px 0px;
}

div.servicePrice div.body{
	background: #fff;
	width: 590px;
	margin: 0 auto;
	padding: 15px 0px 15px 15px;
}

div.servicePrice div.caption{
	width: 390px;
	text-align: right;
	font-weight: bold;
	float: left;
	color:#600;
}

div.servicePrice div.body table{
	width: 390px;
	margin: 0;
	border-top: 1px dotted #a5789b;
	float: left;
	clear: both;
}
div.servicePrice div.body th{
	margin: 0;
	border-bottom: 1px dotted #a5789b;
	color: #600;
	background: url(/img/common/list_yellow.gif) no-repeat 3px 7px;
	padding: 4px 0px 3px 16px;
}
div.servicePrice div.body td{
	padding: 4px 5px 3px 0px;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px dotted #a5789b;
	text-align: right;
	color: #600;
}

div.servicePrice div.body th.bg{
	background-color: #fdf6fe;
}
div.servicePrice div.body td.bg{
	background-color: #fdf6fe;
}

div.servicePrice div.body p{
	clear: both;
	color: #600;
}

div.servicePrice div.body img.image{
	margin: 0px 0px 0px 10px;
}


/**取扱い店舗**/
ul.salon{
	width: 370px;
	margin: 0px;
	padding: 0px;
}
ul.salon li{
	background: url(/img/common/link_purple.gif) no-repeat 3px 5px;
	padding: 0px 5px 0px 16px;
	float: left;
	margin: 0 0px 5px 0px;
}

/**こんな方にオススメ**/
div.serviceCheck{
	width: 402px;
	margin: 0px 0px 0px 0px;
}
div.serviceCheck img{
	display: block;
	margin: 0px;
}

div.serviceCheck ul.nayami{
	height: 80px;
}

div.serviceCheck ul.nayami li{
	width: 320px;
	margin: 0px 0px 0px 10px;
	clear:both;
}

div.serviceCheck div.checkBody{
	width: 390px;
	margin: 0px;
	padding: 0px 0px 20px 12px;
	background: url(/service/img/body_check_bg.gif) no-repeat bottom;
	
}

/**ページの先頭へ**/
div.servicePageTop{
	width: 645px;
	margin: 15px auto 0;
	text-align: right;
	
}
/*-----------------------------------------------------------
■:ボディ・痩身
------------------------------------------------------------*/
img.stepArrow{
	margin: 0px;
	position: absolute;
	top: -20px;
	left: 325px;
}

div.flowBox{
	width: 658px;
	margin: 23px auto 0;
	position: relative;
}

div.step1{
	margin-top: 0px;
}

div.flowBox img.bar{
	display: block;
	margin: 0px;
}

img.or{
	margin: 10px 0px 10px 40px;
}
img.step04b{
	margin: 0px 0px 10px 0px;
}

div.flowBox div.body{
	width: 655px;
	margin: 0px;
	color: #600;
	padding: 10px 0px 15px 0px;
	background: url(/service/img/body_step_bg.gif) no-repeat bottom;
}
div.flowBox img.image{
	margin: 0px 20px 0px 40px;
	float: left;
}
div.flowBox div.body p{
	width: 380px;
	margin: 0px;
	float: left;
}

ul.nayami{
	width: 370px;
	margin: 0 0 0 0px;
	padding: 5px 0px 0px 0px;
}
ul.nayami li{
	padding: 0px 0px 0px 12px;
	margin: 0 12px 0px 0px;
	background: url(/img/common/list_marker01.gif) no-repeat 0px 5px;
	color: #606;
	font-weight: bold;
	float: left;
}

div.flowBox div.lymph{
	width: 405px;
	margin: 5px 0px 0px 0px;
	float: left;
}
div.flowBox div.lymph p{
	width: 170px;
	margin: 0px 0px 0px 5px;
	float: left;
	color: #606;
	font-weight: bold;
}

div.bodyCell{
	width: 630px;
	margin: 20px 0px 0px 17px;
	border: 3px double #d09ac2;
	padding: 10px 0px 15px 0px;
}
div.bodyCell h4{
	width: 610px;
	font-size: 100%;
	font-weight: bold;
	color: #606;
	margin: 0px auto 0px;
	border-bottom: 1px solid #d09ac2;
}
div.bodyCell p{
	width: 340px;
	margin: 10px 10px 0px 10px;
}
div.bodyCell img{
	margin: 10px 0px 0px 0px;
	float: left;
}

p.osusumeTxt{
	width: 380px;
	color: #600;
	margin: 5px 0px 0px 10px;
	clear: both;
}
div.osusumeImage{
	margin: 15px 0px 25px 10px;
}
p.aromaTxt{
	width: 450px;
	color: #600;
	margin: 0px 0px 0px 10px;
}

div.fda{
	padding-right:30px;
	float: right;
}

/*-----------------------------------------------------------
■:ヘッドスパ
------------------------------------------------------------*/
ul.headspaStep{
	width: 645px;
	margin: 0px auto 0;
}
ul.headspaStep li{
	width: 140px;
	height: 230px;
	border: 1px solid #af4b94;
	padding: 0px 0px 0px 0px;
	background: #f8f5f7;
	float: left;
}
ul.headspaStep li .image{
	width: 126px;
	margin: 5px auto;
	display: block;
}
ul.headspaStep li p{
	width: 130px;
	margin: 0px auto;
	color: #606;
}

ul.headspaStep li.arrow{
	width: 24px;
	height: 230px;
	border: none;
	background: url(/service/img/headspa_step_arrow.gif) no-repeat 50% 50%;
}

ul.headspaStep li.step01{ background-image: url(/service/img/basic_step01_bg.gif); background-repeat:no-repeat; background-position: right bottom; }
ul.headspaStep li.step02{ background-image: url(/service/img/basic_step02_bg.gif); background-repeat:no-repeat; background-position: right bottom; }
ul.headspaStep li.step03{ background-image: url(/service/img/basic_step03_bg.gif); background-repeat:no-repeat; background-position: right bottom; }
ul.headspaStep li.step04{ background-image: url(/service/img/basic_step04_bg.gif); background-repeat:no-repeat; background-position: right bottom; }

/*-----------------------------------------------------------
■:フェイシャル
------------------------------------------------------------*/
div.flowBox div.body p.perfectStep{
	width: 570px;
	margin: 0 auto 0px;
	padding: 0px;
	float: none;
}

div.serviceCheckL{
	width: 654px;
	margin: 0 auto;
}
div.serviceCheckL img{
	display: block;
}
div.serviceCheckL div.checkBody{
	width: 635px;
	margin: 0px;
	padding: 5px 0px 20px 20px;
	background: url(/service/img/body_step_bg.gif) no-repeat bottom right;
}
div.serviceCheckL div.checkBody ul{
	width: 605px;
	margin: 0px 0px 0px 20px;
}
div.serviceCheckL div.checkBody li{
	width: 270px;
	float: left;
}

div.electroPoration{
	width: 650px;
	margin: 20px 0px 0px 10px;
}
div.electroPoration img{
	margin: 0px 0px 0px 0px;
}
div.electroPoration div.txt{
	width: 493px;
	float: left;
	margin: 0px 10px 0px 0px;
}
div.electroPoration p{
	margin: 5px 0px 0px 0px;
	color:#600;
}

div.facialStep{
	width: 645px;
	margin: 0 0 0 12px;
	padding: 0px;
}
div.facialStep ul{
	width: 394px;
	margin: 5px 5px 0px 0px;
	padding: 0px;
	float: left;
	/* border: 1px solid #f00; */
}
div.facialStep li{
	margin: 0px 0px 3px;
	line-height: 0;
	/* border: 1px solid #f00; */
}

div.porationWash{
	width: 620px;
	margin: 20px auto 0;
	padding: 0px;
	border: 3px double #ce95bf;
	padding: 10px 5px 10px 10px;
}
div.porationWash strong{
	width: 425px;
	margin: 0px 10px 10px 0px;
	display: block;
	border-bottom: 1px solid #ce95bf;
	color: #606;
	font-weight: bold;
}
div.porationWash p{
	width: 425px;
	clear: both;
	float: left;
}

div.serviceCheckL div.checkBody ul.ipl li{
	float: none;
	width: 90%;
	/* border: 1px solid #f00; */
}

/*-----------------------------------------------------------
■:まつげ
------------------------------------------------------------*/
div.permCopy{
	margin: 0px 0px 5px 0px;
}

ul.eyelashPoint{
	width: 655px;
	margin: 15px auto 10px;
}
ul.eyelashPoint li{
	width: 314px;
	height: 148px;
	margin: 0 5px 20px;
	float: left;
	color: #600;
	position: relative;
}
ul.eyelashPoint li p{
	width: 177px;
	margin: 15px 0px 0px 125px;
}
ul.eyelashPoint img.title{
	display: block;
	position: absolute;
	top: -11px;
	left: -7px;
}
ul.eyelashPoint li.point01{ background: url(/service/img/eyelashes_point01_bg.gif) no-repeat; }
ul.eyelashPoint li.point02{ background: url(/service/img/eyelashes_point02_bg.gif) no-repeat; }
ul.eyelashPoint li.point03{ background: url(/service/img/eyelashes_point03_bg.gif) no-repeat; }
ul.eyelashPoint li.point04{ background: url(/service/img/eyelashes_point04_bg.gif) no-repeat; }

ul.eyelashDesign{
	width: 650px;
	height: 514px;
	margin: 0px;
	background: url(/service/img/eyelashes_design_dot.gif) repeat-x 50% 46%;
}
ul.eyelashDesign li{
	width: 305px;
	height: 245px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 11px;
	float: left;
}
ul.eyelashDesign li img.title{
	width: 267px;
	display: block;
	margin: 0px 0 5px 14px;
	
}
ul.eyelashDesign li p{
	font-weight: bold;
	margin: 0px 0px 5px 20px;
}

ul.eyelashDesign li p.red{ color: #8c1459;}
ul.eyelashDesign li p.pink{ color: #cc3399;}
ul.eyelashDesign li p.purple{ color: #663399;}
ul.eyelashDesign li p.blue{ color: #330099;}

ul.eyelashDesign li.design02{ background: url(/service/img/eyelashes_design_dot.gif) repeat-y left; }
ul.eyelashDesign li.design04{ background: url(/service/img/eyelashes_design_dot.gif) repeat-y left; }

ul.eyelashDesign li div.images img{
	display: block;
	float: left;
}
ul.eyelashDesign li div.images img.eye{
	margin: 20px 0px 0px 10px;
}



div.curl{
	width: 628px;
	padding: 5px;
	margin: 25px auto 0;
	border: 1px solid #dfc0d9;
	background: #f2e8f1;
}
div.curl div.box{
	width: 622px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	border: 1px solid #dfc0d9;
}

div.curl div.box div.curlEyelash{
	width: 275px;
	margin: 10px 0 0 0px;
	padding: 0px 0px 0px 25px;
	float: left;
}
div.curl div.box div.curlEyelash img{
	display: block;
}

div.curl div.box div.curlEyelash div.dot{
	width: 260px;
	background: url(/service/img/eyelashes_curlEyelash_bg.gif) repeat-y;
	margin: 0px 0 0 0px;
	padding: 0px 0px 8px 15px;
}
div.curl div.box div.curlEyelash div.dot ul{
	width: 114px;
	margin: 10px 10px 0px 0px;
	float: left;
}
div.curl div.box div.curlEyelash div.dot li{
	float: left;
	margin: 0px 2px 5px;
}

dl.faq{
	width: 625px;
	margin: 0 auto 15px;
	padding: 10px;
	background: #fef9fc;
}
dl.faq dt{
	width: 580px;
	margin: 0 0 0px 0;
	background: url(/service/img/eyelashes_q.gif) no-repeat 0px 0px;
	border-bottom: 1px solid #a37ea0;
	color: #663366;
	font-weight: bold;
	padding: 0px 0px 5px 35px;
}
dl.faq dd{
	width: 580px;
	margin: 15px 0px 0px 0px;
	background: url(/service/img/eyelashes_a.gif) no-repeat 0px 0px;
	color: #660000;
	padding: 0px 0px 0px 35px;
	font-size: 85%;
	line-height: 140%;
}

ul.linkFaq{
	width: 500px;
	margin: 0px 0px 0px 10px;
}

/*-----------------------------------------------------------
■:ネイル
------------------------------------------------------------*/
div.option{
	width: 645px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
div.option h4{
	color: #606;
	font-weight: bold;
	font-size: 95%;
}
div.option table{
	width: 315px;
	margin: 0px 7px 0px 0px;
	border-top: 1px dotted #a5789b;
}
div.option th{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 2px 6px;
	border-bottom: 1px dotted #a5789b;
	color:#606;
}
div.option td{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 2px 3px;
	border-bottom: 1px dotted #a5789b;
	color:#606;
	font-weight: bold;
	text-align: right;
}
div.option th.bg{ background: #fdf6fe; }
div.option td.bg{ background: #fdf6fe; }

div.nailTxt{
	width: 645px;
	margin: 0 auto;
	color: #600;
}
div.nailTxt p{
	width: 452px;
	margin: 0 10px 0 0;
}

div.servicePrice div.body table.nailPrice{
	width: 580px;
}

div.servicePrice div.body div.captionNail{
	width: 580px;
	text-align: right;
	font-weight: bold;
	float: left;
	color:#600;
}

div.h2Btn{
	position: relative;
}
div.h2Btn img.button{
	position: absolute;
	top: -2px;
	left: 433px;
}

div.servicePrice div.body table.nailPriceTwin{
	width: 280px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
	clear: none;
}

p.orderChip{
	width: 400px;
	margin: 0px 0px 15px 0px;
}
div.servicePrice div.body table.nailPriceTwin th.none{ 	background-image: none; }
div.servicePrice div.body table.nailPriceTwin td.none{ 	background-image: none; }

ul.gallery{
	width: 650px;
	margin: 0px auto 20px;
	padding: 0px;
}
ul.gallery li{
	width: 190px;
	height: 220px;
	margin: 0px 5px 10px;
	padding: 7px;
	float: left;
	background: url(/img/common/dotbg_purple.gif);
}
ul.gallery li p.price{
	color: #c06;
	font-weight: bold;
	font-size: 85%;
	margin: 0px 0px 0px 3px;
}
ul.gallery li p.creator{
	color: #606;
	font-weight: bold;
	font-size: 85%;
	margin: 0px 0px 0px 3px;
}

/*-----------------------------------------------------------
■:ブライダル
------------------------------------------------------------*/
div.bridalMenu{
	width: 659px;
	margin: 30px auto 0px;
	background: #f0e8ed;
	padding: 0px 0px 1px;
}
div.bridalMenu h3{
	width: 659px;
	height: 48px;
}
div.bridalMenu .detailData{
	background: #FFF;
	width: 610px;
	margin: 0px auto 18px;
	padding: 13px;
}
div.bridalMenu .detailData h4{
	background: url(/img/common/dotbg_pink.gif);
	width: 590px;
	height: 22px;
	color: #c06;
	font-size: 110%;
	font-weight: bold;
	padding: 8px 10px 0px;
}
div.bridalMenu .detailData p{
	width: 440px;
	color: #600;
	padding: 15px 8px 0px 8px;
	float: left;
}
div.bridalMenu .detailData .photoR{
	width: 146px;
	height: 121px;
	float: right;
	padding: 13px 3px 0px 0px;
}
div.bridalMenu .btmCopy{
	padding: 0px 10px 15px;
}


div.copyBox	{ padding: 30px 0px; }
div.modelImage	{ padding: 10px 10px 30px; text-align: center; }

div.otherCourse{
	width: 625px;
	padding: 10px 0px 30px;
	margin: 0 auto;
}
div.otherCourse .dataBox{
	width: 290px;
	height: 119px;
	background: #fdf6fe;
	padding: 13px 5px 8px;
	margin: 0px 10px 0px 0px;
}
div.otherCourse .dataBox img{
	float: left;
	padding: 3px 0px;
}
div.otherCourse .dataBox p{
	width: 190px;
	float: right;
	color: #600;
}

/***料金タイプ2***/
div.priceList	{ width: 660px; }
div.servicePrice2{
	width: 319px;
	margin: 10px auto 10px;
	background: url(/service/img/body_price_bg.gif);
	padding: 5px 0px 14px 0px;
	float: left;
}
div.rightBox{ float: right; }

div.servicePrice2 h3{
	color: #890d54;
	font-size: 105%;
	font-weight: bold;
	margin: 0px 0px 0px 8px;
	padding: 5px 0px 5px 28px;
	background: url(/service/img/body_price_image.gif) no-repeat 0px 0px;
}
div.servicePrice2 h3 span{
	font-size: 140%;
	color: #c06;
}

div.servicePrice2 div.body{
	background: #fff;
	width: 266px;
	margin: 0 auto;
	padding: 10px 13px;
}

div.servicePrice2 .caption{
	width: 140px;
	float: right;
	text-align: center;
	color:#FFF;
	background: #a970a9;
	padding: 1px;
	margin: 5px 0px 0px;
	font-size: 80%;
}

div.servicePrice2 div.body table{
	width: 268px;
	margin: 0px 0px 5px;
}
div.servicePrice2 div.body th{
	margin: 0;
	border-bottom: 1px dotted #a5789b;
	color: #600;
	background: url(/img/common/list_yellow.gif) no-repeat 3px 7px;
	padding: 3px 5px 3px 16px;
	text-align: left;
}
div.servicePrice2 div.body th.txt{
	background-image: none;
	font-weight: bold;
	text-align: center;
}
div.servicePrice2 div.body th.wid54	{ width: 50px; }
div.servicePrice2 div.body td{
	padding: 3px 0px 3px 10px;
	text-align: center;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px dotted #a5789b;
	color: #600;
}

div.servicePrice2 div.body th.bg{
	background-color: #fdf6fe;
}
div.servicePrice2 div.body td.bg{
	background-color: #fdf6fe;
}

div.servicePrice2 div.body p{
	clear: both;
	color: #600;
}

div.servicePrice2 div.body img.image{
	margin: 0px 0px 0px 10px;
}

div.bridalGift{
	width: 624px;
	margin: 15px auto 0;
	padding: 17px 0px 17px 0px;
	background: url(/service/img/bridal_gift_bg.gif) repeat-y;
	position: relative;
}

div.bridalGift img.flower{
	position:absolute;
	top: -20px;
	left: -20px;
}


div.bridalGift div.body{
	width: 512px;
	margin: 0 auto;
	padding: 18px 0px 20px 80px;
	background: url(/service/img/bridal_gift_ring.jpg) no-repeat left bottom #fff;
}
div.bridalGift div.body p{
	color: #600;
	font-size: 105%;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
}

div.bridalGift div.body img.title{
	display:block;
	margin: 0px 0px 0px 0px;
}