#spheadarea {
	width: 870px;
	height:20px;
	border:none;
}
#maintoparea {
	width: 870px;
}
div#mainttl{
	padding-top: 80px;
	height: 197px;
}

#mainttl h2 {
	width: 405px;
}

#mainleftarea{
	float: left;
	width: 405px;
	height:700px;
}
.bgmain01{
	background-image:url(../image/style01/bg_main.jpg);
	background-repeat:no-repeat;
}
.bgmain02{
	background-image:url(../image/style02/bg_main.jpg);
	background-repeat:no-repeat;
}
.bgmain03{
	background-image:url(../image/style03/bg_main.jpg);
	background-repeat:no-repeat;
}
.bgmain04{
	background-image:url(../image/style04/bg_main.jpg);
	background-repeat:no-repeat;
}
.bgmain05{
	background-image:url(../image/style05/bg_main.jpg);
	background-repeat:no-repeat;
}
.bgmain06{
	background-image:url(../image/style06/bg_main.jpg);
	background-repeat:no-repeat;
}
#mainimg {
	float: left;
	width: 465px;
}

div#ttlsubarea {
	width: 405px;
	height: 225px;
}
div#ttlsubbox {
	padding-top: 50px;
}
#beforearea {
	width: 405px;
}
div#imgbefore {
	padding-left: 50px;
}
div#imgbefore img{
	width: 217px;
	float:left;
}

#beforetext {
	float: left;
	width: 110px;
}
#beforetext p{
	width: 110px;
	font-size: 12px;
	line-height: 16px;
}
.creditbox {
	clear: both;
	width: 870px;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	text-align:right;
}
.ttlheader01 {
	clear: both;
	width: 870px;
	height: 43px;
}

#fromstylistarea {
	background-image: url(../../image/common/bg_common.gif);
	background-repeat: repeat;
	clear: both;
	width: 870px;
	height:366px;
}
#stylistarea {
	float: left;
	width: 458px;
}
#stylistbox {
	padding: 19px 0px 0px 22px;
}
#itemarea {
	float: left;
	width: 411px;
}
#imgstylit {
	float: left;
	width: 236px;
}
#stylisttextarea {
	width: 178px;
	float: left;
	font-size: 12px;
	line-height: 20px;
}

#imgbar {
	float: left;
	width: 1px;
}
#itemarea01 {
	padding-left: 20px;
}
#itemarea02 {
	padding-left: 39px;
}
.itembox {
	width: 411px;
	clear: left;
}
div#item01textbox {
	float: left;
	width: 211px;
}
#item01textbox p {
	float: left;
	width: 178px;
	font-size: 11px;
	line-height: 14px;
}
.itemtext{
	padding-left: 26px;
}
.itemtext p{
	width: 185px;
}
#imgitem01 {
	float: left;
	width: 180px;
}
#imgitem02 {
	float: left;
	width: 209px;
}
#item02textbox {
	background-image: url(../../image/common/bg_item02.gif);
	float: left;
	width: 138px;
	height: 149px;
	font-size: 12px;
	line-height: 15px;
}
#stylingstepframe {
	clear: both;
	width: 870px;
}
.ttlheader02 {
	clear: both;
	width: 870px;
}
div.steparea {
	clear: both;
	width: 870px;
}
.stepframe {
	padding-top: 27px;
}
div.stepbox {
	float: left;
	width: 435px;
}
div.stepmainbox {
	width: 435px;
	float: left;
}
div.stepmainbox p{
	float: left;
	width: 160px;
	font-size: 12px;
	line-height: 18px;
}
.imgstep {
	float: left;
	width: 251px;
}
div.finsharea {
	float: left;
	width: 870px;
}
#imgfinsh {
	float: left;
	width: 448px;
}

#pointarea {
	float: left;
	width: 422px;
	font-size: 12px;
	line-height: 20px;
}
div#pointframe {
	padding-top: 45px;
}
.pointbox {
	float: left;
	width: 422px;
}
#imgpoint01 {
	float: left;
	width: 228px;
}
.pointtextbox {
	float: left;
	width: 170px;
}
#pointarea .pointframe02 {
	float: left;
	width: 170px;
	padding: 55px 0px 0px 45px;
}
#imgpoint02 {
	float: left;
	width: 207px;
}
#aftertextarea {
	float: left;
	width: 228px;
	font-size: 13px;
	line-height: 18px;
}
#imgafter {
	float: left;
	width: 642px;
}