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

/* #mainttlarea----------------------------------*/
#mainttlarea{
	width: 870px;
	height: 1055px;
}
#mainttlarea .ttlarea{
	width: 870px;
	z-index: 1;
	position: absolute;
}
#mainttlarea .ttlarea .ttlinfobox{
	width: 280px;
	float: left;
}
#mainttlarea .ttlinfobox .inner{
	padding-left: 30px;
}
#mainttlarea .ttlbox{
	width: 250px;
	height: 507px;
}
#mainttlarea .ttltextbox{
	width: 250px;
}
#mainttlarea .ttltextbox p{
	font-size: 14px;
	line-height: 24px;
	padding-top: 13px;
}
#mainttlarea .advicebox{
	width: 250px;
}
#mainttlarea .advicebox .textttl{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 6px 0 2px 0;
}
#mainttlarea .advicebox .textname{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
#mainttlarea .advicetextbox{
	width: 207px;
}
#mainttlarea .advicetextbox p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 3px;
}
#mainttlarea .subttlbox{
	width: 590px;
	float: left;
}
#mainttlarea .ttlarea .subttlbox .ttlsub{
	text-align: right;
	padding-right: 36px;
}
#mainttlarea .ttlarea .subttlbox .inner{
	padding-left: 445px;
}
#mainttlarea .imgbefore{
	padding-top: 289px;
}
#mainttlarea .imgmain{
	z-index: 0;
	position: absolute;
}

/* #mainttlarea----------------------------------*/
#mainstylingarea{
	width: 870px;
	height: 380px;
}

#mainstylingarea .stylingbox a:hover img{
	opacity: 1;
}
#mainstylingarea .itembgbox a:hover img{
	opacity: 1;
}
#mainstylingarea .stylingbox{
	width: 663px;
	float: left;
}
#mainstylingarea .stylingbox a{
	display: block;
	text-decoration:none;
	width: 663px;
	height: 341px;
}
#mainstylingarea .processbox{
	width: 464px;
	float: left;
}
#mainstylingarea .processbgbox{
	width: 464px;
	height: 206px;
	background-image: url(../style/image/common/bg_process.gif);
	background-repeat: no-repeat;
}
#mainstylingarea .stylistbox{
	width: 464px;
}
#mainstylingarea .imgstylist{
	float: left;
	padding: 0 18px 22px 22px;
}
#mainstylingarea .stylisttextbox{
	width: 242px;
	float: left;
}
#mainstylingarea .textttl{
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}
#mainstylingarea .stylisttextbox .textmain{
	font-size: 14px;
	line-height: 22px;
}
#mainstylingarea .imgprocess{
	float: left;
	padding: 25px 0 39px 0;
}
#mainstylingarea .itembox{
	width: 207px;
	float: left;
}
#mainstylingarea .itembox .inner{
	padding-top: 25px;
}
#mainstylingarea .itembgbox{
	width: 207px;
	height: 316px;
	background-image:url(../style/image/common/bg_item.gif);
	background-repeat: no-repeat;
}
#mainstylingarea .itembgbox a{
	width: 207px;
	height: 316px;
	display: block;
	text-decoration:none;
}
#mainstylingarea .itembgbox .inner{
	padding: 8px 0 0 22px;
}
#mainstylingarea .itemtextbox{
	width: 185px;
	z-index: 1;
	position: absolute;
}
#mainstylingarea .itemtextbox .textname{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 112px 0 4px 0;
	color: #5a0000;
	text-decoration:underline;
}
#mainstylingarea .itemtextbox{
	width: 163px;
}
#mainstylingarea .itemtextbox p{
	font-size: 12px;
	line-height: 20px;
}
#mainstylingarea .imgitem{
	z-index: 0;
	position: absolute;
}

/* #afterarea----------------------------------*/
#afterarea{
	width: 870px;
	height: 576px;
	clear: left;
}
#afterarea .pointarea{
	width: 494px;
	height: 576px;
	float: left;
}
#afterarea .pointbox2{
	width: 494px;
	z-index: 1;
	position: absolute;
}
#afterarea .pointbox2 .inner{
	padding-top: 190px;
}
#afterarea .pointbox2 .pointinfobox{
	width: 227px;
	float: left;
}
#afterarea .pointbox2 .pointinfobox .inner{
	padding-top: 89px;
}
#afterarea .pointbox2 .pointtextbox{
	width: 227px;
	border-top: solid 1px #929292;
}
#afterarea .pointbox1{
	width: 494px;
	z-index: 0;
	position: absolute;
}
#afterarea .pointbox1 .imgpoint{
	float: left;
}
#afterarea .pointbox1 .pointinfobox{
	width: 279px;
	float: left;
}
#afterarea .textttl{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 15px 0 4px 0;
	color: #5a0000;
}
#afterarea .pointbox1 .pointtextbox{
	width: 252px;
	border-top: solid 1px #929292;
}
#afterarea .pointtextbox p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 9px;
}
#afterarea .imgafter{
	float: left;
}

/* #mainsalonarea----------------------------------*/
#mainsalonarea{
	width: 870px;
	height: 246px;
	clear: left;
}
#mainsalonarea .salonaroundarea{
	width: 870px;
	z-index: 1;
	position: absolute;
}
#mainsalonarea .menubox{
	width: 257px;
	float: left;
}
#mainsalonarea .menubox .inner{
	padding: 43px 0 0 48px;
}
#mainsalonarea .textmenu{
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	padding-top: 6px;
}
#mainsalonarea .salonarea a{
	display: block;
	text-decoration:none;
	width: 613px;
	height: 246px;
}
#mainsalonarea .salonarea a:hover img{
	opacity: 1;
}
#mainsalonarea .salonarea{
	width: 613px;
	float: left;
}
#mainsalonarea .salonarea .inner{
	padding-top: 25px;
}
#mainsalonarea .imgsalon{
	float: left;
	padding-right: 15px;
}
#mainsalonarea .saloninfobox{
	width: 353px;
	float: left;
}
#mainsalonarea .salonttlbox{
	width: 353px;
}
#mainsalonarea .ttlsalon{
	float: left;
	padding: 0 6px 6px 0;
}
#mainsalonarea .saloninfobox .salonnamebox{
	width: 294px;
	float: left;
}
#mainsalonarea .saloninfobox .salonnamebox p{
	color: #5a0000;
}
#mainsalonarea .textsalonname{
	font-size: 12px;
	padding: 7px 0 3px 0;
	text-decoration:underline;
}
#mainsalonarea .textsalonname .salonname{
	font-size: 14px;
	font-weight: bold;
}
#mainsalonarea .textsalontel{
	font-size: 14px;
	font-weight: bold;
}
#mainsalonarea .textsalonadd{
	clear: left;
	font-size: 12px;
}
#mainsalonarea .salontextbox{
	width: 315px;
}
#mainsalonarea .salontextbox p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 8px;
}
#mainsalonarea .bgsalon{
	z-index: 0;
	position: absolute;
}
#mainframearea .btnnext{
	padding: 40px 0 36px 0;
}