@charset "utf-8";


/* index
----------------------------- */

.information{
	width : 850px;
	margin : 0px auto 0px auto;
}

.policy{
	width : 700px;
	margin : 0px auto 0px auto;
	padding-top : 20px;
}

.introduction{
	width : 645px;
	height : auto;
	margin : 0 auto;
	padding-top : 25px;
	color : #777777;
	line-height: 1.6em;
	text-align : center;
	clear : both;
}


.cap{
	margin-top : 5px;
	font-size : 10px;
}

.policy1, .policy3{
	width : 180px;
	height : 180px;
	float : left;
}

.policy2{
	width : 340px;
	height : 180px;
	text-align : center;
	float : left;
}

.mainImg{
	width : 850px;
	height : 250px;
	margin : 0px auto 0px auto;
}

.members{
	margin : 0px auto 0px auto;
	padding-top : 25px;
	padding-bottom : 10px;
}

.newmembers{
	margin-top : 10px;
	line-height : 1.6em;
}


.infoBox{
	width : 550px;
	height: auto;
	margin : 20px auto;
}


.info{
	width : 330px;
	height : auto;
	float : left;
}


.blogInfo{
	width : 200px;
	height : auto;
	float : right;
}



.info ul, .blogInfo ul{
	margin-top : 10px;
}



.info li, .blogInfo li{
	text-align : left;
	line-height : 1.2em;
	margin-bottom : 10px;
	font-size : 10px;
	color : #999999;
}


.info a, .blogInfo a{
	font-size : 10px;
	line-height : 1.2em;
	color : #f67786;
}

.info a:hover, .blogInfo a:hover{
	color: #f4a9b2;
	text-decoration:underline;	
}

.info p{
	font-size : 10px;
	color : #999999;
}


/* profile
----------------------------- */


.salonPolicy{
	width : 600px;
	margin : 30px auto 0px auto;
}

.powerstone{
	background : url(/img/profile/stone.jpg) no-repeat scroll right center;
	width : 100%;
	margin-top : 50px;
	
}


.powersalt{
	background : url(/img/profile/salt.jpg) no-repeat scroll right center;
	width : 100%;
	margin-top : 50px;
	
}

.powerwater{
	background : url(/img/profile/kame.jpg) no-repeat scroll left center;
	width : 100%;
	margin-top : 50px;
	
}

.profiel1{
	background : url(/img/profile/stoneBg.jpg) no-repeat scroll left bottom;
	height : 400px;
	padding-right : 200px;
	padding-left : 75px;
}

.profiel2{
	background : url(/img/profile/waterBg.jpg) no-repeat scroll right bottom;
	height : 400px;
	padding-right : 75px;
	padding-left : 200px;
}

.profiel3{
	background : url(/img/profile/saltBg.jpg) no-repeat scroll left bottom;
	height : 400px;
	padding-right : 200px;
	padding-left : 75px;
}

.policyList{
	width : 580px;
	margin : 0px auto 0px auto;
}


.policyDetail{
	margin-top : 20px;
	margin-bottom : 20px;
}


.policyDetail > dd{
	padding : 10px 30px 40px 30px;
	color : #777777;
}

.facade{
	width : 100%;
	height : auto;
	text-align : right;
}


.salonOutline, .accessMap{
	width : 600px;
	margin : 20px auto 0px auto;
	color : #777777;
	text-align : center;
}

.salonOutline > p{
	margin-bottom : 20px;
}

.accessMethod{
	width : 500px;
	margin : 0px auto 10px auto;
	text-align : left;
}

.shopInfo{
	width : 500px;
	margin : 0px auto 10px auto;
	padding-top : 10px;
	text-align : left;
	border-top : 1px #c0c0c0 dashed;
}


.shopInfo dt{
	padding-bottom : 1em;
	color : #68a04f;
	font-weight : bold;
	position : absolute;
}

.shopInfo dd{
	padding : 0 0 1em 7em;
}



.trans{
	margin-top : 10px;
	color : #68a04f;
	font-weight : bold;
}

.googlemap{
	margin-top : 10px;
}

.mapArea{
	width : 100%;
	text-align : center;
	margin-top : 10px;

}

.magnified{
	width : 537px;
	margin : 20px auto 40px auto;
	text-align : center;
}


.appointment{
	width : 500px;
	height : 200px;
	margin : 0 auto 20px auto;
	background : url(/img/profile/appointment.gif) no-repeat scroll center bottom;
}


.appointment div{
	padding-top : 95px;
	padding-right : 200px;
	padding-left : 20px;
	text-align : left;
}


.cosmetic{
	background : url(/img/profile/cosme.jpg) no-repeat scroll center center;
	width : 550px;
	height : 230px;
	margin : 50px auto 0 auto;
}

.cosmeticIntro{
	width : 280px;
	margin-top : 13px;
	margin-left: 20px;
	
}



/* bridal
----------------------------- */


.estheMenu{
	padding-left : 10px;
	color : #f6b0b0;
	font-weight : bold;
}


.choice{
	margin : 10px 0px 2px 0px;
	font-size : 10px;
}


.bridalCourseBox{
	background : url(/img/bridal/bridalBg.jpg) no-repeat scroll bottom left;
	margin-bottom : 40px;
	padding : 5px 10px 10px 10px;
	border : 1px #c0c0c0 solid;
}

.bridalCourseBox > p{
	margin-top : 10px;
	margin-bottom : 15px;
}


.bridalTopic{
	padding-top : 20px;
}

.campaign{
	margin : 20px auto 30px auto;
}

.campaign p{
	font-size : 9px;
}



.treatmentMenu{
	width : 350px;
	height : auto;
	float : left;
}






/* removehair
----------------------------- */

.removeFlow{
	width : 170px;
	text-align : center;
}

.removeHairFlows{
	width : 510px;
	height : auto; 
	margin : 0px auto 20px auto;
}

.flowTxt{
	padding : 10px 20px 10px 20px;
	color : #777777;
	font-size : 10px;
	text-align : left;
	vertical-align : top;
}



/* bodymake
----------------------------- */

.radioFlows{
	width : 540px;
	height : auto;
	margin : 0px auto 20px auto;
}


.radioFlow{
	width : 270px;
	text-align:center;
}



.potency{
	margin : 0px auto 0px auto;
	width : 500px;
	color : #777777;
}


.potency dt{
	padding : 0px 0px 5px 0px;
}



.potency dd{
	padding : 0px 0px 15px 25px;
}



.flowTxtR{
	padding : 0px 30px 10px 30px;
	color : #777777;
	font-size : 10px;
	text-align : left;
}




/*facial
----------------------------- */


.courseDetail{
	width : 540px;
	margin : 30px auto 0px auto;
}


.courseDetail>dt{
	width : 540px;
	text-align : center;
}

.courseDetail>dd{
	padding-top : 10px;
	padding-bottom : 25px;
}



.skinBox, .eyelashBox, .lipBox, .boneBox{
	width : 550px;
	height : 200px;
	margin : 0px auto 30px auto;
}



.skinBox{
	background:#fbfaeb url(/img/facial/skinbg.jpg) no-repeat scroll right bottom;

}

.eyelashBox{
	background:#fbfaeb url(/img/facial/eyelashbg.jpg) no-repeat scroll right bottom;

}

.lipBox{
	background:#fbfaeb url(/img/facial/lipbg.jpg) no-repeat scroll right bottom;

}

.boneBox{
	background:#fbfaeb url(/img/facial/facebg.jpg) no-repeat scroll right bottom;

}

.innerFacialBox{
	width : 300px;
	height :auto;
	padding : 15px;
	float:left;
}

.innerFacialBox>ul{
	margin-top : 10px;
}



.courseList{
	width : 560px;
	height : auto;
	margin : 20px auto 30px auto;
}


.fcourse{
	width : 280px;
	height : 135px;
	padding-top : 5px;
	padding-bottom : 5px;
	text-align : center;
	float : left;
}


.facialFlow{
	width : 560px;
	margin : 0px auto 0px auto;
	padding-top : 25px;
	clear : both;
}



.facialFlow dt{
	clear : both;
}


.facialFlow dd{
	width : 500px;
	height : auto;
	margin : 0px auto 0px auto;
	padding-top : 10px;
}




.flowDetail{
	width : 280px;
	height : auto;

}



.lipFlow{
	padding-bottom : 10px;
}


.facialFlow1{
	background:url(/img/facial/num1.jpg) no-repeat scroll left top;
	padding-top:30px;
}


.facialFlow2{
	background:url(/img/facial/num2.jpg) no-repeat scroll left top;
	padding-top:30px;
}


.facialFlow3{
	background:url(/img/facial/num3.jpg) no-repeat scroll left top;
	padding-top:30px;
}

.facialFlow4{
	background:url(/img/facial/num4.jpg) no-repeat scroll left top;
	padding-top:30px;
}

.facialFlow5{
	background:url(/img/facial/num5.jpg) no-repeat scroll left top;
	padding-top:30px;
}

.facialFlow6{
	background:url(/img/facial/num6.jpg) no-repeat scroll left top;
	padding-top:30px;
}


.facialFlow7{
	background:url(/img/facial/num7.jpg) no-repeat scroll left top;
	padding-top:30px;
}


.facialFlow8{
	background:url(/img/facial/num8.jpg) no-repeat scroll left top;
	padding-top:30px;
}


.option{
	background : url(/img/facial/optionBg.gif) repeat-y scroll center top;
	width : 560px;
	margin : 30px auto 40px auto;
	clear:both;
}



.ion{
	width : 540px;
	margin : 0 auto 0 auto;
}

.ion dd{
	width : 500px;
	margin : 10px auto 0 auto;
}




.fcourse p{
	width : 250px;
	margin : 5px auto 0 auto;
	text-align : left;
}

.gomenuBox{
	width : 126px;
	height : 26px;
	margin : 7px auto 0 auto;
	position: static;
}


.eCourseBox{
	width : 560px;
	margin : 20px auto 30px auto;
	padding : 10px 0 10px 0;
	text-align : center;
	border : 1px #c0c0c0 solid;
	clear:both;
}


.extensionImg{
	width : 520px;
	margin : 10px auto 10px auto;
}


.typeOutline{
	background : url(/img/facial/point.jpg) no-repeat scroll left center;
	padding-left : 110px;
	text-align : left;
}


.question{
	padding-bottom : 5px;
	color : #7e7b5d;
	font-weight : bold;
}


.answer{
	padding-bottom : 15px;
	color : #999999;
}

.imgBox{
	width : 200px;
	height : 200px;
	margin-bottom : 40px;
	float: left;
}



/* price menu
----------------------------- */

.priceCatalog{
	width : 560px;
	margin : 0 auto 0 auto;
}


.priceCatalog>dt{
	margin-top : 50px;
}


.priceCatalog>dd{
	margin-top : 10px;
	margin-bottom :20px;
}





/* sympathybed
----------------------------- */

.sympathyFlow1{
	background : url(/img/sympathy/step1.jpg) no-repeat scroll left center;
	margin-bottom : 10px;
	padding-left : 70px;
}

.sympathyFlow2{
	background : url(/img/sympathy/step2.jpg) no-repeat scroll left center;
	margin-bottom : 10px;
	padding-left : 70px;

}

.sympathyFlow3{
	background : url(/img/sympathy/step3.jpg) no-repeat scroll left center;
	margin-bottom : 10px;
	padding-left : 70px;
}

.sympathyFlow4{
	background : url(/img/sympathy/step4.jpg) no-repeat scroll left center;
	margin-bottom : 10px;
	padding-left : 70px;
}


.stympathyFlowBox{
	width : 300px;
	height : auto;
	float : left;
}


/* form
----------------------------- */


.inqForm{
	width : 670px;
	margin : 0 auto 0 auto;
	padding-top : 20px;
	padding-bottom : 20px;
}

.formTable{
	margin-top : 15px;
	border-top:1px #c0c0c0 solid;
	border-left:1px #c0c0c0 solid;
	border-collapse:collapse;
	empty-cells:show;
}


.cond{
	background-color : #e1ecbe;
	width : 150px;
	padding : 10px 0 10px 0;
	text-align : right;
	border-right:1px #c0c0c0 solid;
	border-bottom:1px #c0c0c0 solid;
}

.cond h5{
	padding-right : 10px;
}


.para{
	background-color : #fbe0e4;
	width : 500px;
	height : auto;
	padding : 10px 0 10px 20px;
	border-right:1px #c0c0c0 solid;
	border-bottom:1px #c0c0c0 solid;
}

.entryBox{
	background-color : #fefdee;
	border:1px #c0c0c0 solid;
}

.buttonArea{
	width : 500px;
	margin : 15px auto 0px auto;
	text-align : center;
}

/* 404
----------------------------- */

.errorBox{
	height : 350px;
	width : 650px;
	background: url(/img/error.gif) no-repeat scroll center center;
	margin : 0 auto;
	padding-top : 50px;
	padding-bottom : 50px;
}


.errorMesse{
	 padding-top : 220px;
	 text-align:center;
}

.errorMesse p{
	width : 500px;
	margin: 5px auto;
	text-align:center;
	font-size : 10px;
}

.errorMesse a{
	text-decoration : underline;
}






/* link style
----------------------------- */

a:link.gomenu {
	color: #6ea864;
	text-decoration:none;
}

a:active.gomenu {
	color: #96c28e;
	text-decoration:underline;	
}

a:visited.gomenu {
	color: #6ea864;
	text-decoration:none;
}

a:hover.gomenu {
	color: #96c28e;
	text-decoration:underline;
}


a:link.innerLink {
	color: #999999;
	text-decoration:none;
}

a:active.innerLink {
	color: #a9a9a9;
	text-decoration:underline;	
}

a:visited.innerLink {
	color: #999999;
	text-decoration:none;
}

a:hover.innerLink {
	color: #a9a9a9;
	text-decoration:underline;
}




.goDetailG{
	display:block;
	background : url(/img/arrowG.gif) no-repeat scroll left center;
	padding : 5px 0px 5px 17px;
	text-align : left;
}



.goDetailP{
	display:block;
	background : url(/img/arrowP.gif) no-repeat scroll left center;
	padding : 5px 0px 5px 17px;
	text-align : left;
}



a:link.goList {
	color: #800000;
	text-decoration:underline;	
}

a:active.goList {
	color: #b64c4c;
	text-decoration:underline;	
}

a:visited.goList {
	color: #800000;
	text-decoration:underline;	
}

a:hover.goList {
	color: #b64c4c;
	text-decoration:underline;
}


a:link.infoLink {
	color: #f67786;
}

a:active.infoLink {
	color: #f4a9b2;
	text-decoration:underline;	
}

a:visited.infoLink {
	color: #f67786;
}

a:hover.infoLink {
	color: #f4a9b2;
	text-decoration:underline;
}




/* rollover
----------------------------- */

a.salonprofile {
	background:#ffffff url(/img/policy1Br.jpg) no-repeat scroll center center;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:180px;
	height:180px;
}

a.salonprofile:hover {
  background-color: #eeeeee;
}

a.salonprofile img {
background-color: #ffffff;
}

a.salonprofile:hover img {
position: relative;
top: -180px;
}

a.naturalcare {
	background:#ffffff url(/img/policy2Br.jpg) no-repeat scroll center center;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:180px;
	height:180px;
}

a.naturalcare:hover {
  background-color: #eeeeee;
}

a.naturalcare img {
background-color: #ffffff;
}

a.naturalcare:hover img {
position: relative;
top: -180px;
}


a.relax {
	background:#ffffff url(/img/policy3Br.jpg) no-repeat scroll center center;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:180px;
	height:180px;
}

a.relax:hover {
  background-color: #eeeeee;
}

a.relax img {
background-color: #ffffff;
}

a.relax:hover img {
position: relative;
top: -180px;
}



a.gomenuDetail {
	background:#ffffff url(/img/facial/godetailmenuBr.jpg) no-repeat scroll center center;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:126px;
	height:26px;
}

a.gomenuDetail:hover {
  background-color: #eeeeee;
}

a.gomenuDetail img {
background-color: #ffffff;
}

a.gomenuDetail:hover img {
position: relative;
top: -126px;
}