/* maintitlearea----------------------------------*/
#maintitlearea {
	width: 870px;
	font-size: 12px;
	line-height: 18px;
}
/* titlearea----------------------------------*/
#titlearea {
	width: 870px;
	height: 1048px;
}
#titlearea .bgstyle {
	width: 870px;
	line-height: 1048px;
	position: absolute;
	z-index: 0;
}
#titlearea .titletextbox {
	width: 178px;
	height: 1048px;
	z-index: 1;
	position:absolute;
	margin: 0 0 0 692px;
}
#titlearea .titletext {
	padding: 0 0 0 3px;
}
#titlearea .abouttextbox {
	width: 178px;
}
#titlearea .titleborder {
	padding: 9px 0 22px 0;
}
#titlearea .titleabouttext {
	font-size: 12px;
	line-height: 22px;
}
#titlearea .cledittext {
	padding: 43px 0 0 0;
	font-size: 11px;
	line-height: 15px;
}
#titlearea .cledittext a:link {color:#333333;text-decoration: underline;}
#titlearea .cledittext a:visited {color:#333333; text-decoration: underline;}
#titlearea .cledittext a:hover {color:#e81775;text-decoration: underline;}
#titlearea .cledittext a:active {color:#e81775;text-decoration: underline;}

/* stylepointarea----------------------------------*/
#stylepointarea {
	width: 870px;
	font-size: 11px;
	line-height: 15px;
}
#stylepointarea .stylepointinner {
	padding: 12px 0 0 0;
}
#stylepointarea .beforebox {
	width: 216px;
	float: left;
}
#stylepointarea .stylepointoutbox {
	width: 216px;
	float:left;
}
#stylepointarea .beforebox {
	background-image:url(../style/image/common/bg_before.gif);
	width: 177px;
	height: 304px;
	background-repeat:no-repeat;
}
#stylepointarea .beforeinner {
	padding: 18px 0 0 31px;
}
#stylepointarea .beforeinbox {
	padding: 0 0 5px 0;
}
#stylepointarea .profilebox {
	width: 123px;
}
#stylepointarea .before {
	width: 43px;
	float: left;
}
#stylepointarea .modelname {
	width: 80px;
	float: left;
}
#stylepointarea .profiletextbox {
	clear:left;
	width: 116px;
	padding: 8px 0 0 0;
}
#stylepointarea .stylepointbox {
	width: 314px;
	float: left;
}
#stylepointarea .outbeforebox {
	padding: 0 0 0 25px;
	float: left;
}
#stylepointarea .pontimagebox {
	width: 166px;
	float: left;
}
#stylepointarea .pointtextbox {
	width: 148px;
	float: left;
	line-height: 17px;
}
#stylepointarea .imgpoint {
	padding: 5px 0 0 0;
}
#stylepointarea .pointpickup {
	font-size: 12px;
	line-height: 16px;
	color:#8d6a12;
	font-weight:bold;
}
#stylepointarea .pointinner {
	padding: 2px 0 0 8px;
}
#stylepointarea .pointpickuptext {
	padding: 3px 0 0 0;
}
/* proarea----------------------------------*/
#processarea {
	clear:left;
}
#processarea .processinner {
	padding: 15px 0 0 0;
}
#processarea .processtextbox {
	width: 556px;
	height: 341px;
	float: left;
	background-image:url(../image/common/bg_advice01.gif);
	background-repeat:no-repeat;
}
#processarea .processtextbox2 {
	width: 556px;
	height: 341px;
	float: left;
	background-image:url(../image/common/bg_advice02.gif);
	background-repeat:no-repeat;
}
#processarea .processtextbox3 {
	width: 556px;
	height: 341px;
	float: left;
	background-image:url(../image/common/bg_advice03.gif);
	background-repeat:no-repeat;
}
#processarea .processtextbox4 {
	width: 556px;
	height: 341px;
	float: left;
	background-image:url(../image/common/bg_advice04.gif);
	background-repeat:no-repeat;
}
#processarea .itembox {
	float: left;
	width: 314px;
}
#processarea .processimage {
	width: 240px;
	float: left;
}
#processarea .processimageinner {
	padding: 7px 0 0 13px;
}
#processarea .processadvicebox {
	width: 261px;
	float: left;
}
#processarea .advicetitlebox {
	width: 261px;
}
#processarea .stylistimage {
	width: 75px;
	float: left;
}
#processarea .textadvice {
	width: 186px;
	float: left;
}
#processarea .styliostadvice {
	width: 255px;
	clear: left;
	font-size: 12px;
	line-height: 18px;
}
#processarea .stylistinner {
	padding: 10px 0 0 4px;
}
#processarea .linkbanner {
	padding: 11px 0 0 4px;
}
#processarea .itemarea {
	width: 314px;
	height:341px;
	float: left;
}
#processarea .itemaroundarea {
	width: 314px;
	z-index:1;
	position:absolute;
}
#processarea .itemareainner {
	padding: 84px 0 0 30px;
}
#processarea .itemtextbox {
	width: 157px;
}
#processarea .textttlitem {
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	padding: 22px 0 8px 0;
}
#processarea .textttlitem a:link {color:#ffffff;text-decoration: underline;}
#processarea .textttlitem a:visited {color:#ffffff; text-decoration: underline;}
#processarea .textttlitem a:hover {color:#e81775;text-decoration: underline;}
#processarea .textttlitem a:active {color:#e81775;text-decoration: underline;}

#processarea .textmainitem {
	font-size:11px;
	line-height:18px;
	color: #ffffff;
}
#processarea .bgitem {
	z-index:0;
	position:absolute;
	width: 314px;
	height:341px;
}
/* stylearea----------------------------------*/
#stylearea,
#stylearea .infoarea {
	width: 870px;
	clear:left;
}
#stylearea .styleareainner {
	padding: 34px 0 0 0;
}
#stylearea .afterstylearea {
	width: 610px;
	float: left;
}
#stylearea .titlestylebox,
#stylearea .afterimagebox {
	width: 610px;
}
#stylearea .aftertitle {
	width: 57px;
	float: left;
}
#stylearea .afterimagebox {
	width: 610px;
}
#stylearea .afterstyle {
	width: 314px;
	float: left;
}
#stylearea .afterimage {
	width: 296px;
	float: left;
}
#stylearea .afterstyletext {
	clear:left;
	width: 593px;
}
#stylearea .afterinner {
	padding: 10px 0 0 0;
}
#stylearea .stylistadvicebox {
	width: 260px;
	float: left;
}
#stylearea .stylistinner {
	padding: 0 0 0 17px;
}
#stylearea .profilebox {
	padding: 8px 0 0 14px;
}
#stylearea .advicetitle {
	color:#8d6a12;
	font-weight:bold;
}
#stylearea .stylistlink {
	padding: 9px 0 7px 0;
	font-size: 11px;
	line-height: 13px;
	font-weight:bold;
}
#stylearea .stylistlink a:link {color:#8d6a12;text-decoration: underline;}
#stylearea .stylistlink a:visited {color:#8d6a12; text-decoration: underline;}
#stylearea .stylistlink a:hover {color:#e81775;text-decoration: underline;}
#stylearea .stylistlink a:active {color:#e81775;text-decoration: underline;}

#stylearea .menubox {
	background-image:url(../style/image/common/bg_stylistdata.gif);
	width: 331px;
	height: 176px;
	background-repeat:no-repeat;
	float: left;
}
#stylearea .infoinner {
	padding: 50px 0 0 0;
}
#stylearea .saloninfobox {
	width: 539px;
	float: left;
}
#stylearea .menutitle {
	padding: 0 0 8px 0;
}
#stylearea .menuboxinner {
	padding: 22px 0 0 57px;
}
#stylearea .bgsaloninfo {
	width: 523px;
	height: 176px;
	background-color:#f5f5f5;
}
#stylearea .saloninfoboxinner {
	padding: 0 0 0 16px;
}
#stylearea .saloninfoinner {
	padding: 17px 0 0 17px;
}
#stylearea .salonimage {
	width: 230px;
	float: left;
}
#stylearea .saloninfotextbox {
	width: 235px;
	float: left;
}
#stylearea .salonname {
	font-size: 14px;
	line-height: 15px;
	padding: 8px 0 6px 0;
}
#stylearea .salonfont a:link {color:#8d6a12;text-decoration: underline;}
#stylearea .salonfont a:visited {color:#8d6a12; text-decoration: underline;}
#stylearea .salonfont a:hover {color:#e81775;text-decoration: underline;}
#stylearea .salonfont a:active {color:#e81775;text-decoration: underline;}

#stylearea .salonname span {
	font-weight:bold;
}
#stylearea .salonfont {
	color:#8d6a12;
}
#stylearea .salonumber {
	color:#8d6a12;
	font-weight:bold;
}
#stylearea .salonsize {
	font-size: 11px;
	line-height: 15px;
}
#stylearea .salontext {
	width: 235px;
	float: left;
}
#stylearea .textbox {
	padding: 2px 0 0 0;
}
/* btnnext----------------------------------*/
#btnnext{
	padding-top: 34px;
	clear:both;

}

