/* maintitlearea----------------------------------*/
#maintitlearea {
	width: 870px;
}
#maintitlearea .bgarea {
	width: 870px;
	height: 1018px;
	z-index: 0;
	position:absolute;
}
#styleimagearea {
	width: 870px;
	height: 1100px;
}
#styleimagearea .stylingpointarea {
	width: 870px;
	height: 983px;
	z-index: 1;
	position:absolute;
}
#styleimagearea .beforebox {
	width: 322px;
}
#styleimagearea .stylepointinner {
	padding: 0 0 0 30px;
}
#styleimagearea .styletitle {
	padding: 0 0 20px 0;
}
#styleimagearea .counselingbox {
	width: 296px;
	background-image:url(../style/image/nanoaqualite/bg_before.gif);
	height: 144px;
	background-repeat:no-repeat;
}
#styleimagearea .counselingbox2 {
	width: 296px;
	background-image:url(../style/image/moistwave/bg_before.gif);
	height: 144px;
	background-repeat:no-repeat;
}
#styleimagearea .counselingbox3 {
	width: 296px;
	background-image:url(../style/image/digiclip/bg_before.gif);
	height: 144px;
	background-repeat:no-repeat;
}
#styleimagearea .boxinner {
	padding: 13px 0 0 14px;
}
#styleimagearea .beforestyle {
	width: 98px;
	float: left;
}
#styleimagearea .beforetetxbox {
	width: 155px;
	float: left;
}
#styleimagearea .beforetextinner {
	padding: 0 0 0 15px;
}
#styleimagearea .modelname {
	padding: 5px 0 3px 0;
	font-size: 11px;
	line-height: 15px;
	font-weight:bold;
}
#styleimagearea .beforetext {
	width: 140px;
	font-size: 11px;
	line-height: 17px;
}
#styleimagearea .styleimagetext {
	width: 296px;
	padding: 35px 0 0 0;
	font-size: 12px;
	line-height: 22px;
}
#styleimagearea .stylingpointbox {
	width: 834px;
}
#maintitlearea a:link {color:#333333;text-decoration: underline;}
#maintitlearea a:visited {color:#333333; text-decoration: underline;}
#maintitlearea a:hover {color:#fe465e;text-decoration: underline;}
#maintitlearea a:active {color:#fe465e;text-decoration: underline;}

#styleimagearea .pointbox {
	width: 322px;
	height: 526px;
	float: left;
}
#styleimagearea .pointbgbox {
	width: 296px;
	height: 410px;
	z-index:2;
	position:absolute;
}
#styleimagearea .stylistpointtitle {
	padding: 48px 0 0 0;
}
#styleimagearea .stylistname {
	padding: 375px 0 11px 0;
	font-size: 11px;
	line-height: 15px;
	font-weight:bold;
}

#styleimagearea .pointtextbox {
	width: 296px;
	height: 145px;
	z-index:3;
	position:absolute;
}
#styleimagearea .pointadvicebox {
	width: 265px;
	font-size: 12px;
	line-height: 20px;
}
#styleimagearea .pointaboutbox {
	width: 512px;
	float: left;
}
#styleimagearea .pointshortbox {
	width: 256px;
	float: left;
}
#styleimagearea .pointimage {
	width: 152px;
	float: left;
}
#styleimagearea .pointabouttextbox {
	width: 104px;
	float: left;
}
#styleimagearea .pointabouttitle {
	font-size: 12px;
	line-height: 16px;
	color:#6a3906;
	font-weight:bold;
}
#styleimagearea .pointabouttext {
	font-size: 12px;
	line-height: 18px;
	padding: 4px 0 0 0;
	width: 95px;
}
#styleimagearea .pointboxinner {
	padding: 312px 0 0 0;
}
/* procheckarea----------------------------------*/
#procheckarea {
	width: 870px;
	font-size: 12px;
	line-height: 18px;
}
#procheckarea .salonnametext a:link {color:#9e7526;text-decoration: underline;}
#procheckarea .salonnametext a:visited {color:#9e7526; text-decoration: underline;}
#procheckarea .salonnametext a:hover {color:#fe465e;text-decoration: underline;}
#procheckarea .salonnametext a:active {color:#fe465e;text-decoration: underline;}

#procheckarea .protitle {
	padding: 21px 0 4px 0;
}
/* afterstylebox----------------------------------*/
#procheckarea .afterstylebox {
	width: 445px;
	height: 770px;
	float: left;
}
#procheckarea .afterstyleinbox {
	width: 445px;
	height: 596px;

}
#procheckarea .bgafterstyle {
	width: 434px;
	height: 596px;
	z-index: 0;
	position:absolute;
}
#procheckarea .afterstyletext {
	margin: 412px 0 0 16px;
	z-index: 1;
	position:absolute;
	height: 155px;
	width: 403px;
}
#procheckarea .afterstyletitle {
	padding: 0 0 13px 0;
}
#procheckarea .aftertext {
	width: 243px;
	font-size: 12px;
	line-height: 20px;
}
#procheckarea .lefttextbox {
	width: 253px;
	height: 155px;
	float: left;
}
#procheckarea .menutext {
	width: 148px;
	float: left;
	font-size: 11px;
	line-height: 15px;
}
#procheckarea .menuinner {
	padding: 43px 0 0 24px;
}
#procheckarea .menutext2 {
	padding: 8px 0 0 0;
}
/* afterstyleinbox----------------------------------*/

#procheckarea .afterallstyle {
	clear:left;
	width: 419px;
}
#procheckarea .allstyle {
	padding: 8px 0 0 0;
}
#procheckarea .styleprocessbox {
	width: 425px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}
#procheckarea .styleprooutbox,
#procheckarea .pickupitem {
	width: 425px;
}
#procheckarea .processprobox {
	width: 197px;
	float: left;
}
#procheckarea .styleprocesstext {
	height: 70px;
}
#procheckarea .styleprocessinner {
	padding: 0 0 0 31px;
	float: left;
}
#procheckarea .processlink {
	clear:left;
	width: 425px;
}
#procheckarea .processinner {
	padding: 0 0 15px 0;
}
#procheckarea .pickupimage {
	width: 197px;
	float: left;
	height: 194px;
}
#procheckarea .itemcaution {
	width: 72px;
	height: 35px;
	z-index: 1;
	position:absolute;
	margin: 127px 0 0 12px;
}
#procheckarea .itemcaution2 {
	width: 146px;
	height: 26px;
	z-index: 1;
	position:absolute;
	margin: 146px 0 0 17px;
}
#procheckarea .itemtitle {
	width: 98px;
	height: 33px;
	z-index: 2;
	position:absolute;
	margin: 11px 0 0 8px;
}
#procheckarea .itemimage {
	z-index: 0;
	position:absolute;
	width: 197px;
	height: 194px;
}
#procheckarea .iteminfo {
	width: 228px;
	float: left;
	background-image:url(../style/image/common/bg_pickupitem.gif);
	height: 194px;
	background-repeat:no-repeat;
}
#procheckarea .itemname {
	font-size: 14px;
	line-height: 20px;
	font-weight:bold;
	padding: 15px 0 8px 0;
}
#procheckarea .itemname a:link {color:#6a3906;text-decoration: underline;}
#procheckarea .itemname a:visited {color:#6a3906; text-decoration: underline;}
#procheckarea .itemname a:hover {color:#fe465e;text-decoration: underline;}
#procheckarea .itemname a:active {color:#fe465e;text-decoration: underline;}

#procheckarea .itemtextbox {
	width: 213px;
}
#procheckarea .infotext {
	padding: 0 0 0 11px;
}
#procheckarea .infotext2 {
	padding: 4px 0 0 11px;
}
#procheckarea .iteminfofont {
	font-size: 11px;
	line-height: 14px;
	font-weight:bold;
}
#procheckarea .infotextbox {
	padding: 12px 0 0 0;
}

/* saloninfoarea ---------------------------------------------------*/
#procheckarea .saloninfoarea {
	clear:left;
}
#procheckarea .saloninfoinner {
	padding: 16px 0 0 0;
}
#procheckarea .saloninfobox {
	width: 423px;
	height: 141px;
	border: 1px solid #cccccc;
}
#procheckarea .salonimagebox {
	width: 173px;
	float: left;
}
#procheckarea .salonimage {
	padding: 9px 0 0 7px;
}
#procheckarea .saloninfoabout {
	width: 233px;
	float: left;
}
#procheckarea .salonnamebox {
	width: 230px;
}
#procheckarea .salomlogo {
	width: 54px;
	float: left;
}
#procheckarea .saloninfotop {
	float: left;
}
#procheckarea .salonnametext {
	font-size: 11px;
	padding: 14px 0 0 0;
}
#procheckarea .salonnametext span {
	font-size: 16px;
}
#procheckarea .salonfont {
	color:#9e7526;
	font-weight:bold;
	line-height: 16px;
}
#procheckarea .saloninfoabouttext {
	width: 230px;
	font-size: 11px;
	line-height: 15px;
	clear:left;
}
#procheckarea .salonaddress {
	padding: 4px 0 5px 4px;
	line-height: 16px;
	color:#9e7526;
}
#procheckarea .salonexplanation {
	padding: 0 0 0 4px;
}
