#mainarea {
	height: 2541px;
}
.mainframe{
	width: 868px;
	float: left;
}

#mainarea .nextframe {
	padding-top: 23px;
}
#ttlarea {
	float: left;
	width: 443px;
}#imgttlmain {
	float: left;
	width: 425px;
}
#choicecolorarea {
	width: 868px;
	float: left;
}
#choicecolorarea .leftarea {
	float: left;
	width: 555px;
}
#choicecolorarea .imgbefore {
	float: left;
	width: 241px;
}
#choicecolorarea .coicecolor {
	width: 314px;
	float: left;
}
#choicecolorarea .rightarea {
	float: left;
	width: 306px;
	height: 269px;
	background-image: url(../image/pro/bg_color.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	padding: 51px 0px 0px 7px;
}
#choicecolorarea .rightarea p {
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 14px;
	width: 243px;
}

#processarea {
	clear: left;
	width: 868px;
}
#processframe {
	padding-left: 39px;
}
.processbox {
	float: left;
	width: 829px;
}
#processframe .subbox {
	float: left;
	width: 202px;
}
#processframe .subframe {
	float: left;
	padding-top: 27px;
}
#processframe .subbox p {
	width: 173px;
	font-size: 11px;
	line-height: 15px;
}
.imgprocess {
	width: 182px;
}
#processframe .leftarea {
	float: left;
	width: 404px;
}
#processframe .rightarea {
	float: left;
	width: 406px;
}
#processframe .leftbox {
	float: left;
	width: 404px;
}
#finishtext {
	width: 810px;
	clear: left;
	height: 142px;
}
#finishtext h2 {
	width: 810px;
}
#finishtext p {
	padding-left: 44px;
	font-size:12px;
	line-height: 21px;
}
#iteminfoarea {
	clear: left;
	width: 868px;
}
#iteminfoframe {
	padding: 0px 0px 0px 60px;
}
#iteminfoframe .itemmainarea {
	float: left;
	background-image: url(../image/pro/bg_item.gif);
	background-repeat: no-repeat;
	height: 339px;
	width: 767px;
}
#iteminfoframe .leftarea {
	float: left;
	width: 495px;
}
#iteminfoframe .textttl {
	clear: left;
	font-size:16px;
	line-height: 20px;
	font-weight: bold;
	width: 448px;
}
#iteminfoframe .textmain {
	clear: left;
	font-size:11px;
	line-height: 17px;
	width: 420px;
	padding: 5px 0px 0px 0px;
}
#iteminfoframe .rghtarea {
	float: left;
	width: 185px;
}
#iteminfoframe .leftframe {
	padding-left: 47px;
}
#iteminfoframe .itemtext {
	height: 147px;
	width: 448px;
}
#cooperationinfo {
	clear: left;
	height: 123px;
	width: 423px;
	background-image: url(../image/pro/bg_info.gif);
	background-repeat: no-repeat;
}

#cooperationinfo .linktext {
	font-size: 11px;
	line-height: 17px;
	float: left;
	padding-left: 29px;
}
#cooperationinfo .linktext2 {
	font-size: 11px;
	clear: left;
	padding: 5px 0px 0px 29px;
}