#mainarea {
	width:868px;
	height: 2871px;
}

#mainarea2 {
	width:868px;
	height: 2654px;
}

#mainstylearea {
	width: 870px;
}

/*leftarea------------------------------*/
#mainstylearea .mainimage {
	float: left;
	width: 405px;
}

/*rightarea------------------------------*/
#mainstylearea .leftarea {
	float: left;
	width: 463px;
}
#mainstylearea .rightarea {
	float: left;
	width: 405px;
}
#mainstylearea .textarea {
	float: left;
	width: 463px;
}

#maintextarea {
	width: 463px;
	float: left;
}
#maintextarea h2,
#maintextarea p {
	float: right;
}
#pointarea {
	float: left;
	width: 463px;
	font-size: 12px;
	line-height: 18px;
}
#pointarea .inner {
	padding: 0px 0px 0px 58px;
}
#stylepoint1 {
	float: left;
	width: 405px;
}
#stylepoint1 .imgpoint {
	float: left;
	width: 166px;
}
#stylepoint1 .textbox {
	width: 239px;
	float: left;
	height: 137px;
}

#stylepoint1 .textbox p{
	width: 150px;
}
#stylepoint1 .imgbox {
	width: 405px;
	float: left;
}
#stylepoint2 {
	float: left;
	width: 405px;
}
#stylepoint2 .textbox {
	float: left;
	width: 149px;
}
#stylepoint2 .inner {
	padding-left: 7px;
}
#stylepoint2 .imgstylepoint {
	float: left;
	width: 249px;
}
#advicearea {
	width: 463px;
	float: left;
}
#advicearea .imgbox {
	float: left;
	width: 224px;
}

/*haikei------------------------------*/
#stylepoint1 .style1{
	background-image: url(../style/image/style1/bg_point.jpg);
	background-repeat: no-repeat;
}
#stylepoint1 .style2{
	background-image: url(../style/image/style2/bg_point.jpg);
	background-repeat: no-repeat;
}
#stylepoint1 .style3{
	background-image: url(../style/image/style3/bg_point.jpg);
	background-repeat: no-repeat;
}
#stylepoint1 .style4{
	background-image: url(../style/image/style4/bg_point.jpg);
	background-repeat: no-repeat;
}
#stylepoint1 .style5{
	background-image: url(../style/image/style5/bg_point.jpg);
	background-repeat: no-repeat;
}
#advicearea .style1 {
	background-image: url(../style/image/style1/bg_advice.jpg);
	background-repeat: no-repeat;
}
#advicearea .style2 {
	background-image: url(../style/image/style2/bg_advice.jpg);
	background-repeat: no-repeat;
}
#advicearea .style3 {
	background-image: url(../style/image/style3/bg_advice.jpg);
	background-repeat: no-repeat;
}
#advicearea .style4 {
	background-image: url(../style/image/style4/bg_advice.jpg);
	background-repeat: no-repeat;
}
#advicearea .style5 {
	background-image: url(../style/image/style5/bg_advice.jpg);
	background-repeat: no-repeat;
}

#advicearea .textbox {
	float: left;
	width: 239px;
	height: 319px;
}

#advicearea .textbox p {
	width: 209px;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 22px;
}
#stylecreditarea {
	width: 868px;
	height: 50px;
	text-align: right;
	font-size: 11px;
	line-height: 28px;
}
#stylecreditarea .inner{
	padding: 0px 18px 0px 0px;
}
/*finshstylearea------------------------------*/
#subarea {
	width: 868px;
	float: left;
}
#finshstylearea {
	float: left;
	width: 575px;
}

#finshstylearea .imgbox {
	float: left;
	width: 335px;
}
#finshstylearea .textbox {
	float: left;
	width: 213px;
}
#beforearea {
	width: 213px;
	float: left;}
#beforearea .imgbox {
	width: 93px;
	float: left;
}
#beforearea .textbox {
	width: 120px;
	float: left;
	font-size: 11px;
	line-height: 13px;
}
#beforearea .model {
	width: 106px;
	padding-top: 3px;
}

#afterarea {
	width: 213px;
	float: left;}
#afterarea p{
	width: 213px;
	font-size: 12px;
	line-height: 20px;
}
#finshstylearea .finshstylebox {
	width: 575px;
	float: left;
}
/*salonarea------------------------------*/
#salonarea {
	float: left;
	width: 274px;
	height: 639px;
	background-image: url(../style/image/common/bg_salon1.gif);
	background-repeat: no-repeat;
}
#salonarea .innner {
	padding-left: 18px;
}
#salonarea .imgbox {
	width: 238px;
	clear: both;
}
#salonarea .bgimgsalon {
	width: 238px;
	background-image: url(../style/image/common/bg_salon.gif);
	background-repeat: no-repeat;
	height: 69px;
	font-size: 11px;
	line-height: 15px;
}
#salonarea .bgstyledata {
	width: 238px;
	background-image: url(../style/image/common/bg_menu.gif);
	background-repeat: no-repeat;
	height: 115px;
	font-size: 12px;
	line-height: 18px;
	padding-left: 8px;
}
/*proarea------------------------------*/
div#proarea {
	width: 868px;
	clear: left;
}
#proarea .probox {
	width: 868px;
}
#proarea .imgbox {
	float: left;
	width: 401px;
}
#proarea .textbox {
	float: left;
	width: 461px;
}
#proarea .textbox .inner{
	padding: 0px 0px 0px 5px;
}
#proarea .processbox {
	float: left;
	width: 228px;
	height: 213px;
	font-size: 12px;
	line-height: 20px;
}
#proarea .processbox p {
	width: 174px;
}
#btnpro {
	width: 442px;
	clear: both;
}

/*itemarea------------------------------*/
div#itemarea {
	width: 868px;
	clear: both;
}

#itemarea .inner {
	padding-left: 19px;
}
div#itembox {
	height: 205px;
	width: 828px;
	border: 1px solid #CCCCCC;
	clear: both;
}
#itembox .inner {
	padding-left: 34px;
}
#itembox .leftarea {
	float: left;
	width: 442px;
}
#itembox .leftarea .textbox {
	float: left;
	width: 285px;
	font-size: 12px;
	line-height: 20px;
}
#itembox .leftarea .imgbox {
	float: left;
	width: 118px;
}
#itembox .rightarea {
	float: left;
	width: 335px;
	font-size: 11px;
	line-height: 17px;
}
#itembox .infotext {
	width: 326px;
}
div#linkarea {
	width: 335px;
	clear: left;
	padding-top: 18px;
}
#linkarea .linkbox {
	float: left;
	width: 165px;
}
#linkarea .linkbox img {
	float: left;
	width: 15px;
}
#btnarrange {
	clear: both;
	height: 256px;
	width: 868px;
}
#btnarrange img {
	padding: 0px 0px 0px 19px;
}