#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----------------------------------*/
#mainttlarea {
	width: 870px;
	height: 668px;
}
#mainttlarea .ttlarea{
	width: 870px;
	z-index: 1;
	position: absolute;
}
#mainttlarea .ttlareainner{
	padding-left: 516px;
}

#mainttlarea .ttlbox{
	width: 354px;
}
#mainttlarea .ttltextbox{
	width: 317px;
	height: 201px;
}
#mainttlarea .textmain{
	font-size: 12px;
	line-height: 22px;
	padding-top: 4px;
}
#mainttlarea .itembox{
	width: 319px;
}

#mainttlarea .itembgbox{
	width: 187px;
	height: 198px;
	float: left;
	background-image: url(../technique/image/medium/bg_item.gif);
	background-repeat: no-repeat;
}
#mainttlarea .itembgbox2{
	width: 187px;
	height: 198px;
	float: left;
	background-image: url(../technique/image/short/bg_item.gif);
	background-repeat: no-repeat;
}
#mainttlarea .itembgbox3{
	width: 187px;
	height: 198px;
	float: left;
	background-image: url(../technique/image/long/bg_item.gif);
	background-repeat: no-repeat;
}
#mainttlarea .itembgboxinner{
	padding-left: 26px;
}
#mainttlarea .textitemname{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	padding: 6px 0 5px 0;
}
#mainttlarea .itemtextbox{
	width: 161px;
}
#mainttlarea .itemtextbox .textmain{
	font-size: 11px;
	line-height: 15px;
}
#mainttlarea .imgitem{
	float: left;
}
#mainttlarea .imgmain{
	z-index: 0;
	position: absolute;
}

/* #mainprocessarea----------------------------------*/
#mainprocessarea{
	width: 870px;
}
#mainprocessarea .ttlprocess{
	padding: 14px 0 14px 0;
}
#mainprocessarea .processarea{
	width: 870px;
	clear: left;
}
#mainprocessarea .processaroundarea{
	width: 870px;
}
#mainprocessarea .processbox{
	width: 455px;
	float: left;
}
#mainprocessarea .processbox2{
	width: 415px;
	float: left;
}
#mainprocessarea .imgprocess{
	float: left;
	padding-bottom: 30px;
}
#mainprocessarea .processinfobox{
	width: 165px;
	float: left;
}
#mainprocessarea .processinfobox2{
	width: 195px;
	float: left;
}
#mainprocessarea .processtextbox{
	width: 160px;
}
#mainprocessarea .processinfobox p,
#mainprocessarea .processinfobox2 p{
	font-size: 14px;
	line-height: 24px;
}
#mainprocessarea .textttl{
	font-weight: bold;
	padding: 8px 0 1px 11px;
}
#mainprocessarea .textmain{
	padding-left: 11px;
}

/* #mainafterarea----------------------------------*/
#mainafterarea{
	clear: left;
	width: 870px;
}
#mainafterarea .afterarea{
	width: 870px;
}
#mainafterarea .afterbox{
	width: 277px;
	float: left;
	height: 516px;
}
#mainafterarea .afterbgbox{
	width: 277px;
	height: 186px;
	background-image:url(../technique/image/common/bg_after.gif);
	background-repeat: no-repeat;
}
#mainafterarea .aftertextbox{
	width: 240px;
}
#mainafterarea .textafter{
	font-size: 12px;
	line-height: 22px;
	padding: 4px 0 0 41px;
}
#mainafterarea .arrangebox{
	width: 593px;
	float: left;
}
#mainafterarea .arrangebgbox{
	width: 593px;
	height: 123px;
	background-image:url(../technique/image/common/bg_arrange.gif);
	background-repeat: no-repeat;
}
#mainafterarea .arrangebox .textttl{
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}
#mainafterarea .arrangebgboxinner{
	padding: 2px 0 0 22px;
}
#mainafterarea .arrangetextbox{
	width: 543px;
}
#mainafterarea .arrangebox .textmain{
	font-size: 12px;
	line-height: 22px;
	padding-top: 1px;
}


#mainafterarea .imgafter{
	float: left;
}
#mainafterarea .afterinfobox{
	width: 282px;
	height: 397px;
	background-image: url(../technique/image/long/bg_after.gif);
	background-repeat: no-repeat;
	float: left;
}
#mainafterarea .afterinfobox .textttl{
	font-size: 14px;
	font-weight: bold;
	padding: 32px 0 7px 0;
}
#mainafterarea .aftertextbox{
	width: 250px;
}
#mainafterarea .afterinfobox .textmain{
	font-size: 12px;
	line-height: 22px;
}
/* #btnnext----------------------------------*/
#btnnext{
	padding-top: 40px;
}