/* mainttlarea----------------------------------*/

#mainttlbox {
	width: 868px;
	font-size: 12px;
	line-height: 18px;
}
#mainttlarea {
	width: 868px;
	border-top: 1px solid #000000;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #d0d0d0;
	height: 807px;
}
/* ttlbox----------------------------------*/
#mainttlbox .ttlarea {
	width: 868px;
	height:807px;
}
#mainttlbox .ttltextboxinner {
	margin: 0 0 0 604px;
}
#mainttlbox .ttltextboxinner03 {
	margin: 0 0 0 15px;
}
#mainttlbox .ttlbox .ttltext {
	width: 264px;
	padding: 76px 0 0 0;
}
#mainttlbox .ttlbox {
	width: 264px;
	height:694px;
	z-index: 1;
	position:absolute;
}
#mainttlbox .bgmain {
	width: 868px;
	height: 807px;
	z-index: 0;
	position:absolute;
}
#mainttlbox .beforeimg {
	width: 123px;
	float: left;
}
#mainttlbox .beforearea {
	width: 228px;
}
#mainttlbox .beforetextbox {
	width: 94px;
	float: left;
}
#mainttlbox .beforetext {
	font-size: 11px;
	line-height: 14px;
	padding: 5px 0 0 7px;
}
#mainttlbox .border {
	clear: left;
	width: 264px;
}
#mainttlbox .maintitletextbox {
	padding: 19px 29px 0 20px;
	font-size: 12px;
	line-height: 22px;
}

/* stylepointarea----------------------------------*/
#stylepointarea {
	width: 870px;
}
#stylepointarea .stylepointboxinner {
	padding: 14px 0 0 0;
}
#stylepointarea .stylepointbox {
	width: 536px;
	float: left;
}
#stylepointarea .stylepointinbox {
	width: 536px;
}
#stylepointarea .stylepointarea {
	width: 479px;
}
#stylepointarea .pointbox {
	width: 232px;
	float: left;
	font-size: 12px;
}
#stylepointarea .pointtext {
	width: 212px;
}
#stylepointarea .pointimage {
	line-height: 16px;
	font-weight:bold;
	padding: 4px 0 0 0;
}
#stylepointarea .pointimagetext {
	line-height: 18px;
}
#stylepointarea .stylepointinner {
	padding: 0 0 0 20px;
}
#stylepointarea .pointoutinner {
	padding: 0 0 0 15px;
	float:left;
}
/* stylistarea----------------------------------*/
#stylepointarea .stylistarea {
	clear: left;
}
#stylepointarea .stylistbox {
	width: 508px;
	height: 372px;
}
#stylepointarea .stylistimg {
	width: 267px;
	height: 372px;
	z-index: 0;
	position:absolute;
}
#stylepointarea .stylisttextbox {
	width: 259px;
	height: 372px;
	z-index: 1;
	position: absolute;
	margin: 0 0 0 250px;
}
#stylepointarea .titlestylist {
	width: 259px;
	background-image:url(../style/image/common/title_stylistadvice.gif);
	height: 88px;
	background-repeat:no-repeat;
}
#stylepointarea .stylistareainner {
	padding: 19px 0 0 0;
}
#stylepointarea .stylisttitle {
	padding: 47px 0 0 17px;
}
#stylepointarea .stylistname {
	font-size: 11px;
	line-height: 13px;
	padding: 3px 0 0 29px;
}
#stylepointarea .stylistname a:link {color:#ff6da2;text-decoration: underline;}
#stylepointarea .stylistname a:visited{color:#ff6da2; text-decoration: underline;}
#stylepointarea .stylistname a:hover{color:#96c9f6;text-decoration: underline;}
#stylepointarea .stylistname a:active {color:#96c9f6;text-decoration: underline;}

#stylepointarea .advicetext {
	padding: 6px 4px 18px 29px;
	font-size: 12px;
	line-height: 18px;
}
#stylepointarea .itembox {
	width: 242px;
	padding: 0 0 0 17px;
}
#stylepointarea .itemimg {
	float: left;
	width: 109px;
}
#stylepointarea .itemimg a:link {color:#ff6da2;text-decoration: underline;}
#stylepointarea .itemimg a:visited{color:#ff6da2; text-decoration: underline;}
#stylepointarea .itemimg a:hover{color:#96c9f6;text-decoration: underline;}
#stylepointarea .itemimg a:active {color:#96c9f6;text-decoration: underline;}

#stylepointarea .itemaboutbox {
	width: 133px;
	float: left;
}
#stylepointarea .itemabouttext {
	font-size: 11px;
	line-height: 13px;
	padding: 5px 0 0 8px;
}
#stylepointarea .procuretext {
	color:#ff6da2;
}
#stylepointarea .procurelink {
	font-weight:bold;
}
#stylepointarea .procurelink a:link {color:#ff6da2;text-decoration: underline;}
#stylepointarea .procurelink a:visited{color:#ff6da2; text-decoration: underline;}
#stylepointarea .procurelink a:hover{color:#96c9f6;text-decoration: underline;}
#stylepointarea .procurelink a:active {color:#96c9f6;text-decoration: underline;}


#stylepointarea .styleprocessbox {
	float: left;
	width: 334px;
}
#stylepointarea .bgstyleproess {
	width: 334px;
	height: 466px;
	background-color:#f6f6f6;
}
#stylepointarea .styleprocessitem {
	width: 78px;
	float: left;
}
#stylepointarea .titletechnique {
	float: left;
	width: 221px;
}
#stylepointarea .titleprocessbox {
	width: 314px;
}
#stylepointarea .titleproboxinner {
	padding: 0 0 0 20px;
}
#stylepointarea .processbox {
	clear:left;
}
#stylepointarea .processaboutbox {
	width: 295px;
	height: 324px;
	font-size: 12px;
	line-height: 16px;
}
#stylepointarea .process1box {
	width: 295px;
	height: 186px;
	z-index:0;
	position:absolute;
	margin-top: 8px;
}
#stylepointarea .processimage {
	width: 145px;
	float: left;
}
#stylepointarea .processtextbox {
	width: 150px;
	float: left;
}
#stylepointarea .processtextbox2 {
	width: 145px;
	float: left;
}
#stylepointarea .processnumber {
	width: 21px;
	float: left;
}
#stylepointarea .processdetail {
	font-weight:bold;

}
#stylepointarea .processdeatailtext {
	width: 145px;
	font-size: 11px;
	line-height: 15px;
	padding: 5px 0 0 0;
}
#stylepointarea .process2box {
	width: 295px;
	height: 186px;
	z-index:1;
	position:absolute;
	margin-top: 137px;
}
#stylepointarea .processdetail2 {
	font-weight:bold;
}
#stylepointarea .processtextinner {
	padding: 74px 0 0 0;
}
#stylepointarea .processimage2 {
	width: 150px;
	float: left;
}
#stylepointarea .prolinkbtn {
	padding: 8px 0 0 0;
}

#stylepointarea .itemarea {
	width: 334px;
	background-image:url(../style/image/common/bg_item.gif);
	height: 321px;
	background-repeat:no-repeat;
}
#stylepointarea .itemtitlebox {
	padding: 30px 0 0 39px;
}
#stylepointarea .itemtitle {
	width: 55px;
	float: left;
}
#stylepointarea .itemtitletext {
	width: 193px;
	float: left;
}
#stylepointarea .pickupitem {
	width: 248px;
}
#stylepointarea .itemimgbox {
	width: 260px;
	clear:left;
	color:#666666;
	font-size: 11px;
	line-height: 15px;
}
#stylepointarea .itemboxinner {
	padding: 15px 0 0  0;
}
#stylepointarea .itemaboutimg {
	width: 156px;
	float: left;
}
#stylepointarea .itemabout {
	width: 104px;
	float: left;
	color:#666666;
	font-size: 12px;
	line-height: 20px;
}
#stylepointarea .itemlink {
	font-weight:bold;
	padding: 0 0 3px 0;

}
#stylepointarea .itemlink a:link {color:#666666;text-decoration: underline;}
#stylepointarea .itemlink a:visited{color:#666666; text-decoration: underline;}
#stylepointarea .itemlink a:hover{color:#96c9f6;text-decoration: underline;}
#stylepointarea .itemlink a:active {color:#96c9f6;text-decoration: underline;}

#stylepointarea .itemlinktext {
	font-size: 11px;
	line-height: 15px;
	color:#666666;
}
#stylepointarea .infoarea {
	clear: left;
	width: 260px;
	font-size: 11px;
	line-height: 19px;
}
#stylepointarea .infotitle {
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
}
#stylepointarea .infopadding {
	padding: 16px 0 3px 0;
}
#stylepointarea .infolinkbox {
	width: 254px;
}
#stylepointarea .linkbtn {
	width: 17px;
	float: left;
}
#stylepointarea .linktext {
	float: left;
	width: 200px;
}
#stylepointarea .linktext a:link {color:#ff5599;text-decoration: underline;}
#stylepointarea .linktext a:visited{color:#ff5599; text-decoration: underline;}
#stylepointarea .linktext a:hover{color:#96c9f6;text-decoration: underline;}
#stylepointarea .linktext a:active {color:#96c9f6;text-decoration: underline;}

#stylepointarea .infolinkbox2 {
	clear:left;
}

/* afterarea----------------------------------*/
#afterarea {
	clear:left;
	font-size: 12px;
	line-height: 18px;
	width: 870px;
}
#afterarea .afterstylebox {
	width: 605px;
	height: 570px;
	background-image:url(../style/image/common/bg_styleorder.gif);
	background-repeat:no-repeat;
	float: left;
}
#afterarea .afterareainner {
	padding: 39px 0 0 0;
}
#afterarea .saloninfoarea {
	width: 265px;
	float: left;
	background-image:url(../style/image/common/bg_salonbox.gif);
	height: 570px;
	background-repeat:no-repeat;
}
#afterarea .stylebox {
	width: 605px;
}
#afterarea .styleboxinner {
	padding: 18px 0 0 19px;
}
#afterarea .styleimg {
	width: 265px;
	float: left;
}
#afterarea .styleall {
	width: 304px;
	float: left;
}
#afterarea .afterstyletext {
	clear:left;
}
#afterarea .aftertitletext {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	padding: 8px 0 7px 0;
}
#afterarea .aftertextbox {
	width: 547px;
}
#afterarea .saloninfoinner {
	padding: 45px 0 0 20px;
}
#afterarea .menubox {
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 0 9px;
}
#afterarea .saloninfobox {
	padding: 48px 0 0 0;
}
#afterarea .salonname {
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	padding: 4px 0 0 0;
}
#afterarea .salonname a:link {color:#ff6da2;text-decoration: underline;}
#afterarea .salonname a:visited{color:#ff6da2; text-decoration: underline;}
#afterarea .salonname a:hover{color:#96c9f6;text-decoration: underline;}
#afterarea .salonname a:active {color:#96c9f6;text-decoration: underline;}

#afterarea .salonaddress {
	padding: 5px 0 13px 0;
}
#afterarea .salontext {
	width: 206px;
}
#afterarea .salonlink {
}
#afterarea .salonlink a:link {color:#ff6da2;text-decoration: underline;}
#afterarea .salonlink a:visited{color:#ff6da2; text-decoration: underline;}
#afterarea .salonlink a:hover{color:#96c9f6;text-decoration: underline;}
#afterarea .salonlink a:active {color:#96c9f6;text-decoration: underline;}

/* btnnext----------------------------------*/
#btnnext{
	padding-top: 33px;
}