@import "common.css";
@import "clear_fix.css";


.annotation {
	color: #c00;
	margin-left: 10px;
}

div#mainWrap h3 {
margin-bottom:12px;
}



/* div#mainWrap div dl {
} */

div#mainWrap div dl dt {
font-size:14px;
margin-bottom:3px;
color:#333;
}
	div#mainWrap div dl dt span {
	font-size:12px;
	}
	
	div#mainWrap div dl dt p {
	font-size:15px;
	}
	
	div#mainWrap div dl dt span.price {
	color:#c00;
	}
	
#diamond
    {
	margin-bottom:20px;
	}

div#mainWrap div dl dd {
color:#808080;
font-size:10px;
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px #d5d787 dotted;
}

span.del{
text-decoration-line: line-through;
text-decoration-style: solid;
text-decoration-color: #808080;
}

/* ----------------------------------------------------------------

   Facial Menu
   
------------------------------------------------------------------- */

/* Dr.Recella Program
------------------------------------------------------ */
div#mainWrap h2.first {
margin:-14px 0 0 0;
clear:both;
}

div#mainWrap h2.face {
margin:-14px 0 15px 0;
clear:both;
}

div#mainWrap div#recella {
width:580px;
_padding:0 0 0 0;
margin:0 0 25px;
overflow:visible;
}

div#mainWrap div#recella strong.sTitle {
font-size:14px;
color:#222;
margin-bottom:7px;
font-weight:normal;
display:block;
margin-bottom:5px;
}

	div#mainWrap div#recella strong span {
	color:#c00;
	}

	div#mainWrap div#recella p.details {
	color:#808080;
	margin-bottom:20px;
	}

div#mainWrap div#recella div.achieve {
width:418px;
padding:12px 15px 12px 145px;
border:1px #ccc solid;
margin-bottom:15px;
background:url(../images/service/img_recella_prg_01.jpg) no-repeat 15px 14px;
}

	div#recella div.achieve strong {
	color:#c26467;
	font-size:12px;
	margin-bottom:5px;
	display:block;
	}
	

/* care of the program */
div#recella ul {
width:610px;
}
	
div#recella ul li {
width:108px;
height:120px;
color:#808080;
padding:0 10px 0 172px;
margin-bottom:5px;
float:left;
font-size:10px;
}

	div#recella ul li.step01 {
	background:url(../images/service/img_recella_prg_02.jpg) no-repeat left top;
	}
	div#recella ul li.step02 {
	background:url(../images/service/img_recella_prg_03.jpg) no-repeat left top;
	}
	div#recella ul li.step03 {
	background:url(../images/service/img_recella_prg_04.jpg) no-repeat left top;
	}
	div#recella ul li.step04 {
	background:url(../images/service/img_recella_prg_05.jpg) no-repeat left top;
	}
	div#recella ul li.step05 {
	background:url(../images/service/img_recella_prg_06.jpg) no-repeat left top;
	}
	div#recella ul li.step06 {
	background:url(../images/service/img_recella_prg_07.jpg) no-repeat left top;
	}

	div#recella ul li p {
	color:#000;
	margin-bottom:3px;
	text-indent:-0.5em;
	}

div#recella p.note {
font-size:10px;
clear:both;
text-align:right;
}

div#kogao dd.kogao_dd {
	font-size: 18px;
}

div#keanar dt.keanar_dt {
font-size: 20px;
}

div#keanar dd.keanar_op {
	font-size: 16px;
	color: #c00;
}


/* Treatment
------------------------------------------------------ */
div#mainWrap div#treatment {
width:580px;
padding:0 20px 0 0;
margin:0 0 40px 0;
overflow:visible;
}

/* div#treatment dl {
} */

div#treatment dl dt {
width:580px;
}

	div#treatment dl dt p.usersVoice {
	font-size:12px;
	margin-bottom:10px;
	}
	
	div#treatment dl dt p.course {
	width:350px;
	}
	div#treatment dl dt p.price {
	width:200px;
	}

div#treatment dl dd {
width:580px;
}

	div#treatment dl dd p.eBrush {
	width:130px;
	height:105px;
	float:left;
	padding:25px 0 0 250px;
	margin:0;
	background:url(../images/service/img_spots_cleaning_02.jpg) no-repeat left 10px;
	}
	
	div#treatment dl dd p.result {
	width:160px;
	float:right;
	padding:25px 0 0 0;
	margin:0;
	}
	div#treatment dl dd .p_Right {
	position: absolute;
	right: 20px;
	padding-top: 310px;
	font-size: 6px;

	}
	div#treatment dl dd .p_Right2 {
	position: absolute;
	right: 80px;
	padding-top: 170px;
	font-size: 6px;

	}
	div#treatment dl dd img.imgRight {
	float:right;
	margin:5px 0 18px 10px;
	}

	div#treatment dl dd p.voice {
	text-align:right;
	}
	div#treatment dl dd p.voice a {
	padding:0 12px 0 0;
	background:url(../images/common/dullet_arrow_pink.gif) no-repeat right center;
	}

.op_menu{
	margin-left:15px;
}

.vos_note h6 {
	margin-left: 15px;
}

.vos_note ul{
	list-style-type: disc;
	margin-left: 4em;
}

.menu_title{
	margin-left:15px;
	font-size:14px;
	color:#440000;
	margin-bottom:10px;
}

.lash_detail{
	margin-left:15px;
	color:#dd1247;
	margin-bottom:10px;
}

.lash_detail2{
	margin-left:15px;
	font-size:13px;
	color:#440000;
	margin-bottom:10px;
}

.wax_price{
	text-align: center;
	font-size:18px;
	color:#440000;
	margin-bottom:10px;
	margin-top: 30px;
}



div#mainWrap div dl dt.lash_school{
	background-color: #fff;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 0;
}
div#mainWrap div dl dt.lash_school p{
	color: #440000;
	font-size: 20px;
	text-align: center;
}
div#mainWrap div dl dd.lash_school{
	color: #440000;
	font-size: 13px;
	background-color: #fff;
	padding: 0 20px 20px;
}
div#mainWrap div dl dd.lash_school .title{
	color: #440000;
	font-size: 17px;
	text-align: center;
}
div#mainWrap div dl dd.lash_school .text{
	font-size: 12px;
	text-align: center;
	color: #808080;
}
div#mainWrap div dl dd.lash_school .text span{
	color: #440000;
}
div#mainWrap div dl dd.lash_school .op_menu_lash{
	padding-top: 5px;
	text-align: center;
	color: #ff0000;
	font-weight: 500;
}

div#mainWrap div dl dd.lash_school img{
	width: 250px;
	height: auto;
	margin-right: 5px;
	margin-bottom: 10px;
	vertical-align: top;
}
div#mainWrap div dl dd.lash_school img:nth-child(2n){
	margin-right: 0;
}
div#mainWrap div dl dd.lash_school .price-box{
	margin-top: 10px;
}
div#mainWrap div dl dd.lash_school .price-box p{
	display: inline-block;
	color: #440000;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}
div#mainWrap div dl dd.lash_school .price-box p .hiyou{
	display: inline-block;
	width: 200px;
}
div#mainWrap div dl dd.lash_school .price-box p .price{
	display: inline-block;
	width: 160px;
	text-align: right;
}
div#mainWrap div dl dd.lash_school .price-box p.total{
	color: #ff0000;
	font-size: 15px;
}


div#wax dl dd img.imgRight {
	float:right;
	margin:5px 0 0 10px;
	width: 20%;
	}


/* Option
------------------------------------------------------ */
div#mainWrap div#option {
width:580px;
padding:0 20px 0 0;
margin:0;
overflow:visible;
}

/* div#option dl {
} */

div#option dl dt {
width:580px;
}
	div#option dl dt p.course {
	width:350px;
	}
	div#option dl dt p.course span {
	font-size:10px;
	}
	div#option dl dt p.price {
	width:200px;
	}

div#option dl dd {
width:580px;
}

div#option dl dd span {
color:#c00;
}



/* ----------------------------------------------------------------

   BODY Menu
   
------------------------------------------------------------------- */

/* Massage
------------------------------------------------------ */
div#mainWrap div#radio {
width:415px;
padding:0 185px 0 0;
margin:0 0 20px;
overflow:visible;
background:url(../images/campaign/lineshape-02.jpg) no-repeat 430px top;
}

div#radio dl {
width:410px;
}

div#radio dl dt {
width:410px;
}
	div#radio dl dt p.course {
	width:265px;
	}
	div#radio dl dt p.course span {
	font-size:10px;
	}
	div#radio dl dt p.price {
	width:145px;
	}

div#radio dl dd {
width:410px;
}

div#radio dt.radio_dt {
	font-size: 20px;
}

div#radio .radio_container {
	width: 590px;
	display: flex;
	align-items: center;
	align-content: space-between;
	flex-wrap: wrap;
	justify-content: space-between;
}

div#radio dt.radio_dt span {
	font-size: 20px;
}

div#radio dd.ticket {
	color: #c00;
	font-size: 16px;
}

div#mainWrap div#massage {
width:415px;
padding:0 185px 0 0;
margin:0 0 20px;
overflow:visible;
background:url(../images/service/img_foot_massage.jpg) no-repeat 430px top;
}

div#massage dl {
width:410px;
}

div#massage dl dt {
width:410px;
}
	div#massage dl dt p.course {
	width:265px;
	}
	div#massage dl dt p.course span {
	font-size:10px;
	}
	div#massage dl dt p.price {
	width:145px;
	}

div#massage dl dd {
width:410px;
}


div#mainWrap div#Other {
width:550px;
padding:0 185px 0 0;
margin:0 0 50px;
overflow:visible;

}


/* Detox
------------------------------------------------------ */
div#mainWrap div#detox {
width:415px;
height:110px;
padding:0 185px 0 0;
margin:0 0 20px;
overflow:visible;
background:url(../images/service/img_detox_w150px.jpg) no-repeat 430px top;
}

div#detox dl {
width:410px;
}

div#detox dl dt {
width:410px;
}
	div#detox dl dt p.course {
	width:265px;
	}
	div#detox dl dt p.course span {
	font-size:10px;
	}
	div#detox dl dt p.price {
	width:145px;
	}

div#detox dl dd {
width:410px;
}



/* Diet
------------------------------------------------------ */
div#mainWrap div#diet {
width:415px;
padding:0 20px 0 0;
margin:0;
overflow:visible;
/*background:url(../images/service/img_diet.jpg) no-repeat 430px top;*/
}

div#detox dl {
width:410px;
}

div#detox dl dt {
width:410px;
}
	div#detox dl dt p.course {
	width:265px;
	}
	div#detox dl dt p.course span {
	font-size:10px;
	}
	div#detox dl dt p.price {
	width:145px;
	}

div#detox dl dd {
width:410px;
}



.menu_list{
margin:20px;
}

div#mainWrap div#power {
width:570px;
padding:0 20px 0 0;
margin:0;
overflow:visible;
/*background:url(../images/service/img_diet.jpg) no-repeat 430px top;*/
}

/* ----------------------------------------------------------------

   Campagin
   
------------------------------------------------------------------- */

div#mainWrap div#campagin {
width:580px;
padding:0 20px 20px 0;
margin:0 0 5px;
overflow:visible;
background:url(../images/service/bg_campaign_foot.gif) no-repeat left bottom;
}


div#campagin h2.campagin {
margin-bottom:-1px;
}

div#campagin h3 {
padding:0;
margin:0;
}

div#campagin div.body {
width:490px;
padding:5px 45px 30px 45px;
margin-top:-1px;
background:url(../images/service/bg_campaign_body.gif) no-repeat left bottom;
}

div#campagin div.ex {
width:210px;
height:112px;
padding:15px 280px 0 0;
background:url(../images/service/img_campaign_01.jpg) no-repeat right 15px;
}

	div#campagin div.ex span {
	font-size:10px;
	}
	
	div#campagin div.ex h4 {
	font-size:16px;
	margin-bottom:5px;
	}

div#campagin div.qa {
width:325px;
height:126px;
margin:10px 20px 0 20px;
padding:0 215px 0 0;
background:url(../images/service/img_campaign_02.gif) no-repeat 340px 10px;
}

	div#campagin div.qa p.q {
	font-size:14px;
	padding:10px 0 6px 23px;
	background:url(../images/service/dullet_q.gif) no-repeat left 8px;
	}
	
	div#campagin div.qa p.a {
	padding:3px 0 4px 35px;
	background:url(../images/service/dullet_a.gif) no-repeat left top;
	}
	
	
	
div#mainWrap div#wax {
	width:580px;
	/*padding:0 185px 0 0;*/
	margin:0 0 20px;
	overflow:visible;
}



#serviseContents{
	width:580px;
}
.schoolwrap{
	margin-bottom:15px;
	height:300px;
}

.schoolLeft{
	float:left;
	padding:0 5px;
	width:170px;
}

.shoolRight{
	float:right;
	width:400px;
	font-size:14px;
	line-height:18px;
	
}

.heirrm_info{
	display: flex;
	justify-content: space-around;
	width: 545px;
	margin-bottom: 10px;
}

.heirrm_info h3{
	line-height: initial;
	margin-right: 10px;
}

.heirrm_info_caption{
	text-align: center;
	width: 545px;
  	background: repeating-linear-gradient(-45deg, #EADEC6, #EADEC6 1px, #fff 1px, #fff 4px);
}


#hairlp span{
	color: #ff0000;
}

.hairlp_info{
	display: flex;
	justify-content: space-around;
	width: 580px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5d787;
}

.hairlp_info h3{
	line-height: initial;
	margin-right: 10px;
}