#mainarea{
	float:left;
}

/*ttlarea------------------------------*/

#titlearea {
	float: left;
	width: 870px;
}

#titlearea .titleimg {
	float: right;
	width: 342px;
}
#titlearea .titletext {
	float: left;
	width: 528px;
}
#itemarea {
	width: 528px;
	height: 211px;
	background-image: url(../pro/image/pro1/bg_item.gif);
	background-repeat: no-repeat;
}

#itemarea .textbox {
	float: left;
	width: 341px;
}
#itemarea .imgbox {
	float: right;
	width: 187px;
}
#itemarea .inner {
	padding: 0px 0px 0px 125px;
}
#itemarea p {
	font-size: 11px;
	line-height: 17px;
}
#itemarea .textbox a {
	font-weight: bold;
}

/*processarea------------------------------*/
#processarea {
	width: 822px;
	padding-left: 46px;
	font-size: 11px;
	line-height: 15px;
	clear: both;
}
.processbox {
	float: left;
	width: 800px;
}
#processarea .processbox .innner {
	float: left;
	padding-bottom: 25px;
}
#processarea .number {
	font-size: 11px;
	font-weight: bold;
}
#processarea .imgprocess {
	width: 200px;
	float: left;
}
#processarea .imgprocess p{
	width: 173px;
}
#processarea .imgprocess .imgbox {
	width: 189px;
}
#processarea .imgprocess .imgbox2 {
	width: 789px;
}
#processarea .imgprocess3 {
	width: 400px;
	float: left;
}
#processarea .imgprocess .imgbox3 {
	width: 378px;
}
#processarea .imgprocess3 p{
	width: 378px;
}
#processarea .imgprocess4 {
	width: 305px;
	float: left;
}
#processarea .imgprocess .imgbox4 {
	width: 236px;
}
#processarea .innner2 {
	float: left;
	padding-bottom: 136px;
}
#processarea .innner2 p {
	width: 173px;
}

#processarea .styletext {
	width: 285px;
	font-size: 12px;
	line-height: 20px;
}
/*stylearea------------------------------*/
div#stylearea {
	width: 868px;
	float: left;
}

#stylearea .outer {
	margin: 48px 0px 0px 25px;
}
#stylearea .imgbox {
	float: left;
	width: 382px;
}
#stylearea .textarea {
	float: left;
	width: 438px;
	height: 300px;
	background: url(../pro/image/common/bg_style.gif);
	background-repeat: no-repeat;
}
#stylearea .textbox {
	width: 438px;
	height: 300px;
}
#stylearea .textarea .inner {
	padding: 83px 0px 0px 33px;
}
#stylearea .textarea p {
	width: 339px;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 0px 0px 2px;
}
#stylearea .textarea .imgbox {
	width: 438px;
}
/*corporationarea------------------------------*/

#corporationarea {
	width: 830px;
	padding: 0px 0px 0px 24px;
	clear: both;
}
#corporationbox {
	height: 173px;
	width: 820px;
	background: url(../pro/image/common/bg_cooperation.gif);
	background-repeat: no-repeat;
}

#corporationbox .leftarea {
	float: left;
	width: 432px;
}
#corporationbox .rightarea {
	float: left;
	width: 348px;
	font-size: 12px;
	line-height: 18px;
}
#corporationbox .rightarea .inner2 {
	padding: 46px 0px 0px 0px;
}
#corporationbox .rightarea p{
	clear: both;
	width: 348px;
}
#corporationbox .icnlink {
	width: 17px;
	float: left;
	padding: 3px 0px 0px 0px;
}

/*advicearea------------------------------*/
#advicearea {
	width: 820px;
}
#mainarea .inner1 {
	padding: 0px 0px 0px 46px;
}
#beforearea {
	float: left;
	width: 360px;
}
#stylistarea {
	width: 416px;
	float: left;
	font-size: 12px;
	line-height: 22px;
}