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


/* #mainttlarea----------------------------------*/
#mainttlarea {
	width: 870px;
}
#mainttlarea .ttlarea{
	width: 444px;
	float: right;
}
#mainttlarea .ttlarea .ttlbox{
	width: 444px;
}
#mainttlarea .ttltextbox{
	width: 423px;
	height: 119px;
}
#mainttlarea .textmain{
	font-size: 14px;
	line-height: 24px;
	padding-top: 7px;
}
#mainttlarea .ttlarea .btntechnique{
	padding-bottom: 27px;
}
#mainframearea .counselingbox{
	width: 444px;
}
#mainframearea .counselingbox2{
	width: 444px;
	float: left;
}
#mainframearea .counselingbgbox{
	width: 444px;
	height: 200px;
	background-image: url(../technique/image/common/bg_counseling.gif);
	background-repeat: repeat-y;
}
#mainframearea .counselingboxinner{
	padding-left: 23px;
}
#mainframearea .imgbefore{
	float: left;
	padding-right: 22px;
}
#mainframearea .counselinginfobox{
	width: 244px;
	float: left;
}
#mainframearea .textmodelname{
	font-size: 11px;
	padding: 6px 0 3px 0;
}
#mainframearea .counselingtextbox{
	width: 204px;
}
#mainframearea .counselingtextbox p{
	font-size: 12px;
	line-height:22px;
}
#mainttlarea .imgmain{
	float: right;
	padding: 0 28px 30px 0;
}

/* #mainadvicearea----------------------------------*/
#mainadvicearea{
	width: 870px;
	clear: right;
}
#mainadvicearea .advicearea{
	width: 870px;
}
#mainadvicearea .advicearea .advicebox{
	width: 455px;
	float: left;
}
#mainadvicearea .imgstylist{
	float: left;
}
#mainadvicearea .adviceinfobox{
	width: 242px;
	height: 288px;
	float: left;
	background-image:url(../technique/image/coloring/bg_stylist.gif);
}
#mainadvicearea .ttladvice{
	padding: 27px 0 7px 0;
}
#mainadvicearea .textstylistname{
	font-size: 11px;
}
#mainadvicearea .stylisttextbox{
	width: 215px;
}
#mainadvicearea .stylisttextbox p{
	font-size: 12px;
	line-height: 22px;
	padding-top: 7px;
}
#mainframearea .itemarea{
	width: 405px;
	float: left;
}
#mainframearea .itemarea2{
	width: 413px;
	float: left;
}
#mainframearea .itemarea .itemframearea{
	width: 414px;
	height: 271px;
	border-right: 1px solid #cccccc;
}
#mainframearea .itemareainner{
	padding-top: 27px;
}
#mainframearea .itemareainner2{
	padding: 10px 0 0 10px;
}
#mainframearea .itembox{
	width: 404px;
}
#mainframearea .imgitem{
	float: left;
	padding: 0 14px 13px 0;
}
#mainframearea .iteminfobox{
	width: 174px;
	float: left;
}
#mainframearea .textitemname{
	font-size: 11px;
	font-weight: bold;
	padding: 9px 0 8px 0;
}
#mainframearea .itemtextbox{
	width: 143px;
}
#mainframearea .itemtextbox p{
	font-size: 11px;
	line-height: 15px;
}
#mainframearea .inquirybox{
	width: 404px;
	clear: left;
}
#mainframearea .ttlinquiry{
	float: left;
	padding: 0 17px 0 0;
}
#mainframearea .inquiryinfobox{
	width: 322px;
	float: left;
}
#mainframearea .textcompanyname{
	font-size: 11px;
	padding: 2px 0 5px 0;
}
#mainframearea .inquirytextbox{
	width: 288px;
}
#mainframearea .inquirytextbox p{
	font-size: 11px;
	line-height: 15px;
}


/* #mainprocessarea----------------------------------*/
#mainprocessarea{
	width: 870px;
	clear: left;
}
#mainprocessarea .ttlprodess{
	padding-top: 36px;
}
#mainprocessarea .processarea{
	width: 870px;
}
#mainprocessarea .processbox{
	width: 306px;
	float: left;
}
#mainprocessarea .processtextbox{
	width: 246px;
}
#mainprocessarea .processarea .processtextbox p{
	font-size: 14px;
	line-height: 22px;
	padding: 6px 0 25px 0;
}
#mainprocessarea .processbox2{
	width: 257px;
	float: left;
}
#mainprocessarea .afterarea{
	width: 868px;
	clear: left;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#mainprocessarea .afterareainner{
	padding: 20px 0 0 20px;
}
#mainprocessarea .aftertextbox{
	width: 814px;
}
#mainprocessarea .textmain{
	font-size: 12px;
	line-height: 20px;
	padding: 2px 0 34px 0;
}

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

#mainttlarea .ttlbox2{
	width: 481px;
	float: left;
}
#mainttlarea .ttlbox2 .ttlboxinner{
	padding-left: 30px;
}
#mainttlarea .imgmain2{
	float: left;
	padding-bottom: 32px;
}
#counselingarea{
	width: 870px;
	clear: left;
}