#mainarea {
	width:868px;
	border: 1px solid #33302b;
	float: left;
}
/*ttlarea------------------------------*/

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

#titlearea .titleimg {
	float: right;
	width: 348px;
}
#titlearea .titletext {
	float: left;
	width: 520px;
}

/*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: 788px;
}
#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 .imgbox {
	float: left;
	width: 464px;
}
#stylearea .textarea {
	float: left;
	width: 380px;
}
#stylearea .textarea p {
	width: 372px;
	font-size: 11px;
	line-height: 17px;
	height: 124px;
	padding:0px 0px 0px 8px;
}
#stylearea .textarea .imgbox {
	width: 380px;
}
/*corporationarea------------------------------*/

#corporationarea {
	width: 830px;
	padding: 33px 0px 0px 24px;
	clear: both;
}
#corporationbox {
	height: 175px;
	width: 820px;
	background: url(../pro/image/common/bg_company.gif);
	background-repeat: no-repeat;
}
#corporationbox .inner {
	padding: 17px 0px 0px 23px;
}
#corporationbox .leftarea {
	float: left;
	width: 439px;
}
#corporationbox .rightarea {
	float: left;
	width: 327px;
	font-size: 12px;
	line-height: 20px;
}
#corporationbox .rightarea .inner2 {
	padding: 22px 0px 0px 0px;
}
#corporationbox .rightarea p{
	clear: both;
	width: 327px;
}

/*advicearea------------------------------*/
#advicearea {
	background-image: url(../pro/image/common/bg_advice.jpg);
	background-repeat: no-repeat;
	height: 407px;
	width: 820px;
	clear: both;
}
.outer1 {
	margin: 0px 0px 0px 24px;
}
#beforearea {
	float: left;
	width: 440px;
}
.beforebox {
	float: left;
	width: 371px;
}
#beforearea .beforebox .imgbox {
	float: left;
	width: 207px;
}
#beforearea .beforebox .textbox {
	float: right;
	width: 164px;
}
#beforearea .beforebox .textbox p {
	width: 132px;
	font-size: 11px;
	line-height: 15px;
}
#stylistarea {
	float: left;
	width: 338px;
}
#stylistarea .imgbox {
	clear: left;
	width: 338px;
}
#stylistarea p {
	width: 321px;
	font-size: 12px;
	line-height: 22px;
	padding:0px 0px 0px 11px;
}
#itemarea {
	width: 820px;
	background-image: url(../pro/image/common/bg_item.gif);
	background-repeat: no-repeat;
	height: 362px;
	clear: left;
}
#itemarea .itembox1{
	width: 154px;
	float: left;
}
#itemarea .itembox2{
	width: 155px;
	float: left;
}
#itemarea .itembox3{
	width: 161px;
	float: left;
}
#itemarea .outer{
	padding: 0px 12px 0px 32px;
	float: left;
}
#itemarea p{
	width: 155px;
	font-size: 11px;
	line-height: 15px;
}