#mainframearea a:link {color:#000000;text-decoration: underline;}
#mainframearea a:visited {color:#000000; text-decoration: underline;}
#mainframearea a:hover {color:#786a0c;text-decoration: underline;}
#mainframearea a:active {color:#786a0c;text-decoration: underline;}

/* #mainttlarea----------------------------------*/
#mainbox {
	font-size: 12px;
	line-height: 20px;
}
#mainstylearea {
	width: 870px;
	height: 1028px;
}
#mainstylearea .bgstyle {
	width: 870px;
	height: 1028px;
	z-index: 0;
	position:absolute;
}
 #mainstylearea .ttlarea {
	width: 870px;
	height: 1028px;
	z-index: 1;
	position:absolute;
}
#mainstylearea .ttlmain {
	width: 693px;
	height: 961px;
	float: left;
}
 #mainstylearea .ttlinner {
	padding: 0 0 0 22px;
 }
 #mainstylearea .ttltext {
	padding: 0 28px 0 11px;
	height: 290px;
 }
 #mainstylearea .ttltextbox,
#mainstylearea .advicebox {
	 width: 258px;
 }
#mainstylearea .advicetext {
	width: 221px;
}
#mainstylearea .advicettl {
	font-size: 11px;
	line-height: 15px;
}
#mainstylearea .styleimagebox {
	width: 177px;
	float: left;
}
#mainstylearea .beforebox {
	 padding: 162px 0 0 0;
}
 #mainstylearea .styleimagetext {
	 padding: 0 0 0 55px;
 }
 #mainstylearea .beforetextbox {
	width: 144px;
	height: 80px;
 }
#mainstylearea .bgbeforetext {
	width: 115px;
	height: 75px;
	margin: 4px 0 0 12px;
	z-index: 3;
	position:absolute;
	font-size: 11px;
	line-height: 16px;
 }
#mainstylearea .bgbox {
	width: 144px;
	height: 80px;
	z-index: 2;
	position:absolute;
}
/* #styleaboutarea----------------------------------*/
#styleaboutarea {
	clear: left;
}
 #styleaboutarea .styleaboutbox {
	padding: 12px 0 0 0;
 }
#styleaboutarea .probox {
	width: 520px;
	float: left;
}
#styleaboutarea .processbox {
	width: 493px;
}
#styleaboutarea .processinbox {
	width: 250px;
	float: left;
}
#styleaboutarea .processinbox2 {
	float: left;
}
#styleaboutarea .advicetextbox {
	padding: 10px 0 0 0;
	clear: left;
}
 #styleaboutarea .stylistimage {
	width: 112px;
	float: left;
 }
#styleaboutarea .adviceabouttext {
	width: 381px;
	float: left;
}
#styleaboutarea .advicettl,
#styleaboutarea .itemname {
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
}
#styleaboutarea .itemarea {
	width: 493px;
	clear:left;
}
 #styleaboutarea .itemtop {
	padding: 27px 0 0 0;
 }
 #styleaboutarea .itembox {
	width: 463px;
 }
 #styleaboutarea .itemimage {
	width: 272px;
	float: left;
 }
#styleaboutarea .itemtextbox {
	width: 191px;
	float: left;
	font-size: 11px;
	line-height: 15px;
}
#styleaboutarea .itemtextinner {
	padding: 8px 0 0 10px;
}
#styleaboutarea .itemabouttext {
	padding: 6px 0 0 0;
}
#styleaboutarea .iteminfo {
	padding: 12px 0 0 0;
}
#styleaboutarea .itembottom {
	clear: left;
}
#styleaboutarea .completearea {
	width: 350px;
	float: left;
}
#styleaboutarea .ttlcomplete {
	padding: 16px 0 0 0;
}
 #styleaboutarea .linktechnique {
	padding: 31px 0 0 0;
 }
 /* #infoarea----------------------------------*/
#infoarea {
	clear: left;
}
#infoarea .infomainarea {
	width: 870px;
	padding: 39px 0 0 0;
}
#infoarea .stylepointbox {
	width: 256px;
	float: left;
}
#infoarea .stylepointinner {
	padding: 0 0 0 19px;
}
#infoarea .pointbox {
	width: 199px;
}
#infoarea .pointbox2 {
	width: 199px;
	padding: 18px 0 0 0;
}
#infoarea .pointttl {
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	padding: 5px 0 3px 0;
}
#infoarea .pointtext {
	font-size: 11px;
	line-height: 16px;
}
#infoarea .infodetailbox {
	width: 614px;
	float: left;
}
#infoarea .infotextbox,
#infoarea .styleinfobox {
	width: 614px;
}
#infoarea .styledata {
	width: 202px;
	float: left;
}
#infoarea .bgstyle {
	width: 412px;
	background-image: url(../style/image/common/bg_styledata.gif);
	height: 81px;
	background-repeat:no-repeat;
	float: left;
}
#infoarea .styledatatext {
	padding: 23px 0 0 0;
}
#infoarea .saloninfoarea {
	padding: 51px 0 0 0;
	clear: left;
}
#infoarea .saloninfobox {
	width: 601px;
}
#infoarea .salonimage {
	width: 332px;
	float: left;
}
#infoarea .salondatatext {
	width: 269px;
	float: left;
}
#infoarea .salonname {
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
}
#infoarea .salonaddress {
	font-size: 11px;
	line-height: 18px;
}
#infoarea .salonboxinner {
	padding: 0 0 0 13px;
}
/* #arrange----------------------------------*/
#styleaboutarea .processaboutbox {
	width: 493px;
	clear: left;
}
#styleaboutarea .protechniquebox {
	width: 493px;
}
#styleaboutarea .proinbox {
	width: 241px;
	float: left;
}
#styleaboutarea .bgprotext {
	width: 241px;
	background-image:url(../style/image/arrange/bg_processtext.gif);
	height: 110px;
	background-repeat:no-repeat;
	font-size: 12px;
	line-height: 18px;
}
#styleaboutarea .proboxinner {
	padding: 9px 14px 0 11px;
}
#styleaboutarea .prottl {
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	padding: 0 0 3px 0;
}
#styleaboutarea .proboxouter {
	padding: 0 0 0 11px;
	float: left;
}
#styleaboutarea .proboxouter2 {
	padding: 11px 0 0 0;
	clear: left;
}
#styleaboutarea .itemrightarea {
	width: 350px;
}
#styleaboutarea .itemtextbox2 {
	width: 317px;
	font-size: 11px;
	line-height: 15px;
}
#styleaboutarea .itemtextinner2 {
	padding: 0 0 0 30px;
}
#styleaboutarea .iteminfo2 {
	padding: 6px 0 16px 0;
}
#styleaboutarea .advicetextbox2 {
	width: 493px;
}


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