/* mainttlarea----------------------------------*/
#mainttlarea{
	width: 868px;
	height: 819px;
}

#mainttlarea .advicearea{
	width: 382px;
	float: left;
}

#mainttlarea .advicebox{
	width: 382px;
	z-index: 0;
	position:absolute;
}

#mainttlarea .adviceboxinner{
	padding: 8px 0 0 45px;
}

#mainttlarea .advicearea .textttl{
	font-size:14px;
	line-height:18px;
	color: #ffffff;
	font-weight:bold;
}

#mainttlarea .advicearea .textstylistname{
	font-size:12px;
	padding: 3px 0 9px 0;
}

#mainttlarea .textstylistname a:link {color:#feb200;text-decoration: underline;}
#mainttlarea .textstylistname a:visited {color:#feb200; text-decoration: underline;}
#mainttlarea .textstylistname a:hover {color:#c141a1;text-decoration: underline;}
#mainttlarea .textstylistname a:active {color:#c141a1;text-decoration: underline;}

#mainttlarea .advicearea .advicetextbox{
	width: 297px;
	z-index: 1;
	position:absolute;
}

#mainttlarea .advicearea .textmain{
	font-size:12px;
	line-height:22px;
	color: #ffffff;
}

#mainttlarea .ttlarea{
	width: 486px;
	float: left;
}

#mainttlarea .counselingbox{
	width: 486px;
	height:414px;
}

#mainttlarea .bgcounseling{
	width: 486px;
	height:414px;
	z-index: 0;
	position:absolute;
}

#mainttlarea .counselingtextbox{
	width: 457px;
	z-index: 1;
	position:absolute;
}

#mainttlarea .counselingtextbox .textmain{
	font-size:12px;
	line-height:22px;
	color: #ffffff;
	padding: 3px 0 29px 0;
}

#mainttlarea .ttlarea .textname{
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding-bottom: 3px;
}

#mainttlarea .textcounseling{
	font-size:12px;
	line-height:20px;
	padding: 3px 0 20px 0;
}

#mainttlarea .ttlarea .textttl{
	font-weight:bold;
}

#mainttlarea .itemarea{
	width: 486px;
	height:256px;
	background-image:url(../pro/image/common/bg_item.gif);
	background-repeat:no-repeat;
}

#mainttlarea .itembox{
	width: 210px;
	float: left;
}

#mainttlarea .itemarea .textmain{
	font-size:12px;
	line-height:20px;
}

#mainttlarea .itemarea .textitemname{
	font-size:14px;
	font-weight:bold;
	color: #b18c39;
}

#mainttlarea .textitemname a:link {color:#b18c39;text-decoration: underline;}
#mainttlarea .textitemname a:visited {color:#b18c39; text-decoration: underline;}
#mainttlarea .textitemname a:hover {color:#0b0b50;text-decoration: underline;}
#mainttlarea .textitemname a:active {color:#0b0b50;text-decoration: underline;}

#mainttlarea .itemarea .itemboxinner{
	padding: 19px 0 0 21px;
}

#mainttlarea .textinquiry{
	font-size:11px;
	font-weight:bold;
	padding: 18px 0 4px 0;
}

#mainttlarea .textcompany{
	font-size:11px;
	line-height:13px;
}

#mainttlarea .textlink a:link {color:#0b0b50;text-decoration: underline;}
#mainttlarea .textlink a:visited {color:#0b0b50; text-decoration: underline;}
#mainttlarea .textlink a:hover {color:#b18c39;text-decoration: underline;}
#mainttlarea .textlink a:active {color:#b18c39;text-decoration: underline;}

#mainttlarea .itemimgbox{
	width: 276px;
	float: left;
}

#mainttlarea .ttlarea .itemimgbox .ttlitem{
	padding-left: 207px;
}

/* processarea----------------------------------*/
#processarea{
	width: 868px;
}

#processarea .processareainner{
	padding: 37px 0 0 30px;
}

#processarea .processttlbox{
	width: 838px;
}

#processarea .ttlprocess{
	float: left;
}

#processarea .processinfobox1{
	width: 838px;
	height:374px;
	clear: left;
}

#processarea .processbox{
	width: 206px;
	float: left;
}

#processarea .processtextbox{
	width: 188px;
}

#processarea .textprocess{
	font-size:12px;
	line-height:18px;
	padding-bottom: 18px;
}

#processarea .textnumber{
	font-weight:bold;
}

#processarea .processinfobox2{
	width: 838px;
}

#processarea .recipearea{
	width: 618px;
	height:287px;
	background-image:url(../pro/image/herbcolor/bg_process.gif);
	background-repeat:no-repeat;
	float: left;
}

#processarea .recipeareainner{
	padding: 23px 0 0 29px;
}

#processarea .recipebox{
	width: 305px;
	float: left;
}

#processarea .recipebox .textttl{
	font-size: 14px;
	font-weight:bold;
	color: #fea203;
}

#processarea .textrecipe1{
	font-size: 12px;
	padding: 11px 0 11px 0;
}

#processarea .textrecipe2{
	font-size: 12px;
	line-height:18px;
	font-weight:bold;
	padding: 0 0 18px 0;
}

#processarea .itembox{
	width: 284px;
	float: left;
}

#processarea .imgitem{
	float: left;
}

#processarea .itemtextbox{
	width: 120px;
	float: left;
}

#processarea .textitem{
	font-size: 11px;
	line-height:17px;
	padding-top: 69px;
}

#processarea .ttlitem{
	font-weight:bold;
	color: #b18c39;
}

#processarea .ttlitem a:link {color:#b18c39;text-decoration: underline;}
#processarea .ttlitem a:visited {color:#b18c39; text-decoration: underline;}
#processarea .ttlitem a:hover {color:#0b0b50;text-decoration: underline;}
#processarea .ttlitem a:active {color:#0b0b50;text-decoration: underline;}


#afterarea{
	width: 868px;
	clear: left;
}

#afterarea .afterareainner{
	padding: 35px 0 0 30px;
}

#afterarea .afterbox{
	width: 202px;
	float: left;
}

#afterarea .aftertextbox{
	width: 190px;
}

#afterarea .textmain{
	font-size:12px;
	line-height:20px;
	padding-top: 19px;
}

#afterarea .imgafter{
	width: 636px;
	float: left;
	padding-bottom: 46px;
}

#processarea .processinfobox3{
	width: 838px;
}

#processarea .processinfobox3 .processbox2{
	width: 618px;
	float: left;
}

#processarea .processinfobox4{
	width: 838px;
}

#processarea .processinfobox4 .processleftbox{
	width: 412px;
	float: left;
}

#processarea .processtopbox{
	width: 412px;
	clear: left;
}

#processarea .processaroundbox{
	width: 412px;
}

#processarea .processbox3{
	width: 426px;
	float: left;
}

#processarea .processbox3 .processtextbox2{
	width: 387px;
}

#processarea .processbox3 .imgprocess{
	padding: 16px 0 0 47px;
}

#processarea .processinfobox5{
	width: 838px;
	clear: left;
}

#processarea .processinfoaroundbox{
	width: 838px;
}

#processarea .processbox4{
	width: 412px;
	float: left;
}

#processarea .processbox4 .imgprocess{
	float: left;
	padding: 0 10px 22px 0;
}