/* maintitlearea----------------------------------*/
#maintitlearea {
	width: 870px;
	font-size: 12px;
	line-height: 20px;
}
#mainimagearea {
	width: 870px;
	height: 809px;
}
#mainimagearea .stylemimage {
	width: 870px;
	z-index: 0;
	height: 809px;
	position:absolute;
}
#mainimagearea .mainstylebox {
	width: 339px;
	height: 692px;
	position:absolute;
	z-index: 1;
	margin: 117px 0 0 531px;
}
#mainimagearea .maintitletext {
	padding: 22px 0 0 14px;
}
#mainimagearea .maintitlebox {
	width: 254px;
	height: 182px;
	line-height: 24px;
}
#mainimagearea .beforestylebox {
	padding: 62px 0 0 0;
}
#mainimagearea .beforestyleinbox {
	width: 254px
}
#mainimagearea .beforestyle {
	width: 115px;
	float: left;
}
#mainimagearea .beforetextbox {
	width: 139px;
	float: left;
}
#mainimagearea .beforertext {
	padding: 6px 25px 0 11px;
	font-size: 11px;
	line-height: 15px;
}
/* stylemainarea----------------------------------*/
#stylemainarea {
	width: 870px;
}
#stylemainarea .stylemaininner {
	padding: 19px 0 0 0;
}
#stylemainarea .styleleftarea {
	width: 628px;
	float: left;
}
#stylemainarea .stylepointarea {
	width: 628px;
}
#stylemainarea .stylepointbox {
	width: 311px;
	float: left;
}
#stylemainarea .styletextbox {
	padding: 4px 0 3px 0;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
}
#stylemainarea .stylepointtext {
	width: 256px;
	height: 63px;
}
#stylemainarea .itemarea {
	clear: left;
}
#stylemainarea .itemoutbox {
	width: 622px;
}
#stylemainarea .itemimage {
	width: 253px;
	float: left;
}
#stylemainarea .itemtextbox {
	width: 346px;
	float: left;
}
#stylemainarea .titleitembox,
#stylemainarea .itemabotbox {
	width: 346px;
}
#stylemainarea .titletextbox {
	width: 285px;
	float: left;
}
#stylemainarea .stylistname {
	padding: 4px 0 6px 5px;
	font-size: 11px;
	line-height: 15px;
	font-weight:bold;
}
#maintitlearea .colorlink a:link {color:#333333;text-decoration: underline;}
#maintitlearea .colorlink a:visited {color:#333333; text-decoration: underline;}
#maintitlearea .colorlink a:hover {color:#18da8d;text-decoration: underline;}
#maintitlearea .colorlink a:active {color:#18da8d;text-decoration: underline;}


#stylemainarea .stylistimage {
	width: 61px;
	float: left;
}
#stylemainarea .advicetext {
	clear:left;
	width: 343px;
	height: 106px;
	padding: 0 0 0 5px;
}
#stylemainarea .itembox {
	width: 116px;
	float: left;
}
#stylemainarea .bgitembox {
	width: 230px;
	float: left;
	background-image:url(../style/image/common/bg_item.gif);
	height:158px;
	background-repeat:no-repeat;
}
#stylemainarea .itemname {
	padding: 34px 0 5px 0;
	font-size: 11px;
	font-weight:bold;
	line-height: 12px;
}
#stylemainarea .colorlink2 a:link {color:#594634;text-decoration: underline;}
#stylemainarea .colorlink2 a:visited {color:#594634; text-decoration: underline;}
#stylemainarea .colorlink2 a:hover {color:#18da8d;text-decoration: underline;}
#stylemainarea .colorlink2 a:active {color:#18da8d;text-decoration: underline;}

#stylemainarea .itemabouttext {
	width: 211px;
	padding: 0 0 5px 0;
}
#stylemainarea .itemfont {
	font-size: 11px;
	line-height: 17px;
}
#stylemainarea .companyname a:link {color:#333333;text-decoration: underline;}
#stylemainarea .companyname a:visited {color:#333333; text-decoration: underline;}
#stylemainarea .companyname a:hover {color:#18da8d;text-decoration: underline;}
#stylemainarea .companyname a:active {color:#18da8d;text-decoration: underline;}

#stylemainarea .stylerightarea {
	width: 242px;
	float: left;
}
#stylemainarea .stylisttechniquebox {
	width: 242px;
}
#stylemainarea .stylisttext {
	width: 242px;
	height: 108px;
	background-color:#eeecea;
}
#stylemainarea .techniquetext {
	width: 196px;
	font-size: 11px;
	line-height: 15px;
}
#stylemainarea .stylistinner {
	padding: 0 0 0 23px;
}
#stylemainarea .techniquelink {
	padding: 6px 0 0 0;
}
#stylemainarea .itemintroduction {
	width: 242px;
	height: 279px;
	background-image:url(../style/image/common/bg_technique.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	line-height: 15px;
}
#stylemainarea .pickuptext {
	padding: 0 34px 0 11px;
}
#stylemainarea .pickupitemabout {
	line-height: 20px;
	font-weight:bold;
}
#stylemainarea .pickupitemtext {
	padding: 2px 0 5px 0;
}
/* stylingimagearea----------------------------------*/
#stylingimagearea {
	clear: left;
}
#stylingimagearea .stylingimagebox {
	width: 870px;
}
#stylingimagearea .stylingimageinner {
	padding: 60px 0 0 0;
}
#stylingimagearea .styleimagebox {
	width: 675px;
	float: left;
}
#stylingimagearea .styleimage {
	width: 327px;
	float: left;
}
#stylingimagearea .style4cut {
	width: 321px;
	float: left;
}
#stylingimagearea .styleimageinbox {
	width: 648px;
}
#stylingimagearea .styleimagetext {
	clear:left;
}
#stylingimagearea .afterstyleabout {
	padding: 6px 0 0 0;
	width: 633px;
}
#stylingimagearea .saloninfoarea {
	width: 195px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}
#stylingimagearea .saloninfotext {
	font-weight:bold;
	padding: 3px 0 0 0;
	color:#594634;
}
#stylingimagearea .saloninfotext a:link {color:#594634;text-decoration: underline;}
#stylingimagearea .saloninfotext a:visited {color:#594634; text-decoration: underline;}
#stylingimagearea .saloninfotext a:hover {color:#18da8d;text-decoration: underline;}
#stylingimagearea .saloninfotext a:active {color:#18da8d;text-decoration: underline;}

#stylingimagearea .saloninfodetail {
	padding: 6px 0 0 0;
	font-size: 11px;
	line-height: 15px;
}

#stylingimagearea .saloninfobox {
	width: 195px;
}
#stylingimagearea .menuinfoarea {
	padding: 43px 0 0 0;
}

#stylingimagearea .menuinfobox {
	width: 195px;
	height: 173px;
	background-color:#eeecea;
}
#stylingimagearea .menuinner {
	padding: 30px 0 0 21px;
}
/* btnnext----------------------------------*/
#btnnext{
	padding:36px 0px 21px 0px;
	height: 38px;
	clear: both;
}