/* #mainttlarea----------------------------------*/
#mainttlarea {
	width: 870px;
	height: 553px;
}
#mainttlarea .ttlarea{
	width: 870px;
	z-index: 1;
	position: absolute;
}
#mainttlarea .ttlarea .ttlbox{
	width: 870px;
	height: 265px;
}
#mainttlarea .ttltextbox{
	width: 455px;
}
#mainttlarea .ttlarea .ttltextbox{
	font-size: 12px;
	line-height: 22px;
	padding: 6px 0 0 30px;
}
#mainttlarea .beforebox{
	width: 527px;
}
#mainttlarea .beforeboxinner{
	padding-left: 30px;
}
#mainttlarea .beforetextbox{
	width: 424px;
}
#mainttlarea .beforetextbox p{
	font-size: 11px;
	line-height: 15px;
	padding-top: 3px;
}
#mainttlarea .imgmain{
	z-index: 0;
	position: absolute;
}

/* #mainttlarea----------------------------------*/
#mainadvicearea{
	width: 870px;
	height: 339px;
	background-image: url(../technique/image/common/bg_advice.gif);
	background-repeat: no-repeat;
}
#mainadvicearea .mainadviceareainner{
	padding: 15px 0 0 15px;
}
#mainadvicearea .advicearea{
	width: 586px;
	float: left;
}
#mainadvicearea .imgadvice{
	float: left;
	padding-right: 11px;
}
#mainadvicearea .adviceinfobox{
	width: 385px;
	float: left;
}
#mainadvicearea .textstylistname{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 5px 0 0 4px;
}
#mainadvicearea .textstylistname a:link {color:#715721;text-decoration: underline;}
#mainadvicearea .textstylistname a:visited {color:#715721; text-decoration: underline;}
#mainadvicearea .textstylistname a:hover {color:#ceae53;text-decoration: underline;}
#mainadvicearea .textstylistname a:active {color:#ceae53;text-decoration: underline;}

#mainadvicearea .advicetextbox{
	width: 344px;
}
#mainadvicearea .advicetextbox p{
	font-size: 12px;
	line-height: 22px;
	padding: 5px 0 0 4px;
}
#mainadvicearea .itemarea{
	width: 254px;
	height: 268px;
	float: left;
}
#mainadvicearea .itemareainner{
	padding-left: 15px;
}
#mainadvicearea .itembox{
	width: 239px;
	z-index: 1;
	position: absolute;
}
#mainadvicearea .imgitem{
	z-index: 0;
	position: absolute;
}
#mainadvicearea .textitemname{
	font-size: 12px;
	line-height: 16px;
	padding: 116px 0 3px 0;
	font-weight: bold;
}
#mainadvicearea .itembox a:link {color:#000000;text-decoration: underline;}
#mainadvicearea .itembox a:visited {color:#000000; text-decoration: underline;}
#mainadvicearea .itembox a:hover {color:#ceae53;text-decoration: underline;}
#mainadvicearea .itembox a:active {color:#ceae53;text-decoration: underline;}

#mainadvicearea .itemtextbox{
	width: 228px;
}
#mainadvicearea .itemtextbox p{
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 17px;
}
#mainadvicearea .inquirybox{
	width: 239px;
}
#mainadvicearea .ttlinquiry{
	float: left;
	padding-right: 10px;
}
#mainadvicearea .textcompany{
	float: left;
	font-size: 12px;
	line-height: 16px;
}

/* #mainprocessarea----------------------------------*/
#mainprocessarea{
	width: 870px;
	clear: left;
}
#mainprocessarea .processarea{
	width: 870px;
	clear: left;
}
#mainprocessarea .processaroundarea{
	width: 870px;
}
#mainprocessarea .processbox{
	width: 302px;
	float: left;
}
#mainprocessarea .processbox2{
	width: 265px;
	float: left;
}
#mainprocessarea .processtextbox{
	width: 259px;
}
#mainprocessarea .processtextbox p{
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0 20px 0;
}
#mainprocessarea .number{
	font-weight: bold;
}

/* #afterarea----------------------------------*/
#afterarea{
	width: 870px;
	clear: left;
}
#afterarea .bgtop{
	padding-top: 20px;
}
#afterarea .afterbox{
	width: 870px;
	background-color: #c7d5e9;
}
#afterarea .afterboxinner{
	padding-left: 30px;
}
#afterarea .aftertextbox{
	width: 780px;
}
#afterarea .aftertextbox p{
	font-size: 12px;
	line-height: 20px;
	padding: 2px 0 20px 0;
}

#mainframearea .btntechnique{
	padding: 36px 0 38px 0;
}