#mainframearea a:link {color:#715721;text-decoration: underline;}
#mainframearea a:visited {color:#715721; text-decoration: underline;}
#mainframearea a:hover {color:#ceae53;text-decoration: underline;}
#mainframearea a:active {color:#ceae53;text-decoration: underline;}

#mainframearea {
	font-size: 12px;
	line-height: 22px;
}

/* #mainstylearea----------------------------------*/

#mainttlarea {
	width: 870px;
	height: 1005px;
}
#mainttlarea .mainstyleimage {
	width: 870px;
	height: 984px;
	z-index: 0;
	position:absolute;
}
#mainttlarea .ttlarea {
	width: 870px;
	height: 942px;
	z-index: 1;
	position:absolute;
}
#mainttlarea .ttlbox {
	width: 232px;
	float: left;
	font-size: 12px;
	line-height: 22px;
}
#mainttlarea .ttltextinner {
	padding: 8px 6px 0 28px;
}
#mainttlarea .ttltext {
	color:#ffffff;
	height: 420px;
}
#mainttlarea .ttltext02 {
	height: 420px;
}
#mainttlarea .beforearea {
	width: 154px;
}
#mainttlarea .modelname {
	font-weight:bold;
}
#mainttlarea .beforetext {
	font-size: 11px;
	line-height: 17px;
	color:#ffffff;
}
#mainttlarea .beforetext02 {
	font-size: 11px;
	line-height: 17px;
}
#mainttlarea .beforeimage {
	height: 174px;
}
#mainttlarea .styleimagetextbox {
	width: 638px;
	float: left;
}
/* #stylingarea----------------------------------*/
#stylingarea,
#afterarea .afterstylebox {
	width: 870px;
}
#stylingarea .stylingbox {
	width: 602px;
	float: left;
}
#stylingarea .techniquebox {
	width: 602px;
}
#stylingarea .stylingaboutbox {
	width: 578px;
	height: 502px;
}
#stylingarea .pointbox2 {
	width: 578px;
	height: 279px;
	z-index: 0;
	position:absolute;
	margin: 205px 0 0 0;
}
#stylingarea .point2textbox {
	width: 252px;
	float: left;
}
#stylingarea .point2ttl {
	padding: 140px 0 0 0;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
}
#stylingarea .point2before {
	width: 141px;
	float: left;
}
#stylingarea .point2after {
	width: 185px;
	float: left;
}
#stylingarea .pointbox1 {
	width: 578px;
	height: 296px;
	z-index: 1;
	position:absolute;
}
#stylingarea .point1after {
	width: 199px;
	float: left;
}
#stylingarea .point1before {
	width: 141px;
	float: left;
}
#stylingarea .point1textbox {
	width: 238px;
	float: left;
}
#stylingarea .point1ttl {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
}
#stylingarea .point1inner {
	padding: 7px 0 0 14px;
}
#stylingarea .adviceoutbox,
#stylingarea .advicetextbox {
	clear: left;
}
#stylingarea .advicebox {
	width: 578px;
}
#stylingarea .stylistimage {
	width: 215px;
	float: left;
}
#stylingarea .advivetextbox {
	width: 363px;
	float: left;
}
#stylingarea .advicettlbox {
	width: 363px;
}
#stylingarea .stylingadviceimage {
	width: 84px;
	float: left;
}
#stylingarea .stylingadvicettl {
	float: left;
	width: 279px;
}
#stylingarea .bgadvicebox {
	width: 363px;
	background-image:url(../style/image/common/bg_advicebottom.gif);
	height: 154px;
	background-repeat:no-repeat;
}
#stylingarea .stylistname {
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	padding: 0 0 4px 0;
}
#stylingarea .adviceboxinner {
	padding: 4px 18px 0 5px;
}
#stylingarea .boxline {
	float: left;
	width: 45px;
}
#stylingarea .itemarea {
	width: 223px;
	float: left;
}
#stylingarea .usingproduct {
	width: 223px;
}
#stylingarea .usingtext {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	color:#877146;
	padding: 5px 0 2px 0;
}
#stylingarea .itemtextvbox {
	height: 297px;
}
#stylingarea .techniquelink {
	padding: 18px 0 0 0;
}
#stylingarea .itembox {
	width: 223px;
	height: 243px;
}
#stylingarea .itembox a:link {color:#000000;text-decoration: underline;}
#stylingarea .itembox a:visited {color:#000000; text-decoration: underline;}
#stylingarea .itembox a:hover {color:#ceae53;text-decoration: underline;}
#stylingarea .itembox a:active {color:#ceae53;text-decoration: underline;}

#stylingarea .bgitembox {
	width: 223px;
	height: 243px;
	z-index: 0;
	position:absolute;
}
#stylingarea .itemimage {
	z-index: 1;
	position:absolute;
	width: 223px;
	height: 142px;
}
#stylingarea .itemabouttext {
	margin: 101px 0 0 0;
	z-index: 2;
	position:absolute;
	width: 220px;
	height: 142px;
}
#stylingarea .itemname {
	font-weight:bold;
	font-size: 12px;
	line-height: 16px;
}
#stylingarea .itemabout {
	font-size: 11px;
	line-height: 16px;
	padding: 5px 0 0 0;
}
#stylingarea .iteminfo {
	width: 189px;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 0 0 0;
}
#stylingarea .infottl {
	width: 79px;
	float: left;
}
#stylingarea .infotext {
	float: left;
	width: 110px;
}
/* #afterarea----------------------------------*/
#afterarea {
	clear: left;
	padding: 52px 0 0 0;
}
#afterarea .afterstyle {
	width: 870px;
	height: 532px;
	z-index: 0;
	position:absolute;
}
#afterarea .afterstylearea {
	width: 870px;
	height: 532px;
}
#afterarea .aftertextbox {
	margin: 37px 0 0 25px;
	z-index: 1;
	position:absolute;
	width: 811px;
	height: 478px;
}
#afterarea .afterstylettl {
	width: 98px;
	float: left;
}
#afterarea .afterdetaitext {
	clear: left;
	padding: 6px 0 0 0;
	height: 79px;
	width: 776px;
}
/* #saloninfoarea----------------------------------*/
#saloninfoarea {
	width: 870px;
}
#saloninfoarea .salonarea {
	width: 622px;
	height:208px;
	float: left;
	background-color:#c7d5e9;
}
#saloninfoarea .salonboxinner {
	padding: 15px 0 0 14px;
}
#saloninfoarea .salonoutbox {
	width: 318px;
	float: left;
	line-height: 20px;
}
#saloninfoarea .salonttlbox {
	width: 295px;
}
#saloninfoarea .salonimage {
	width: 275px;
	float: left;
}
#saloninfoarea .ttlsalon {
	width: 57px;
	float: left;
}
#saloninfoarea .salontextbox {
	width: 238px;
	float: left;
}
#saloninfoarea .salonname {
	padding: 11px 0 0 0;
	font-size: 11px;
	line-height: 16px;
}
#saloninfoarea .salonname span {
	font-weight:bold;
	font-size: 14px;
	line-height: 16px;
}
#saloninfoarea .salontel {
	font-size: 12px;
	line-height: 16px;
	color:#715721;
}
#saloninfoarea .salontextboxinner {
	clear: left;
	padding: 5px 23px 0 8px;
}
#saloninfoarea .salonaddress {
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 4px 0;
}
#saloninfoarea .salondataarea {
	float: left;
	width: 248px;
	font-size: 12px;
	line-height: 20px;
}
#saloninfoarea .salondatabox {
	padding: 0 0 0 19px;
	float: left;
}
#saloninfoarea .salondatabgbox {
	width: 229px;
	background-image:url(../style/image/common/bg_salondata.gif);
	height: 208px;
	background-repeat:no-repeat;
}
#saloninfoarea .infoboxinner {
	padding: 24px 0 0 25px;
}
#saloninfoarea .saloninfotext {
	color:#FFF;
	padding: 7px 0 0 0;
}
#btnnext {
	clear: left;
	padding: 35px 0 0 0;

}
/* #morestyle----------------------------------*/
#morestyle .morestylettl {
	width: 156px;
	float: left;
}
#morestyle ul a{
	float:left;
	list-style:none;
	display:block;
	height:64px;
	background-position:0px 0px;
	background-image:url(../style/image/common/link_morestyle.jpg);
}
/*morestyle----------------------------*/
#morestyle {
	width: 870px;
	height: 112px;
}
#morestyle .morestylettl {
	width: 156px;
	float: left;
}
#morestyle .morestylebox {
	width: 714px;
	float: left;
}
#morestyle ul {
	width: 714px;
	list-style:none;
}
#morestyle ul li {
	float: left;
}
#morestyle ul a{
	float:left;
	list-style:none;
	display:block;
	height:76px;
	background-position:0px 0px;
	background-image:url(../style/image/common/link_morestyle.jpg);
}
#morestyle .btn1 a{
	width:92px;
	background-position:0 0;
}
#morestyle .btn1 a:hover {
	width: 92px;
	background-position:0 -76px;
}
#morestyle .btn2 a{
	width:92px;
	background-position:-92px 0;
}
#morestyle .btn2 a:hover {
	width:92px;
	background-position:-92px -76px;
}
#morestyle .btn3 a{
	width:92px;
	background-position:-184px 0;
}
#morestyle .btn3 a:hover {
	width:92px;
	background-position:-184px -76px;
}
#morestyle .btn4 a{
	width:92px;
	background-position:-276px 0;
}
#morestyle .btn4 a:hover {
	width:92px;
	background-position:-276px -76px;
}
#morestyle .btn5 a{
	width:92px;
	background-position:-368px -0;
}
#morestyle .btn5 a:hover {
	width:92px;
	background-position:-368px -76px;
}
#morestyle .btn6 a{
	width:98px;
	background-position:-460px 0;
}
#morestyle .btn6 a:hover {
	width:98px;
	background-position:-460px -76px;
}
#morestyle .btn7 a{
	width:156px;
	background-position:-558px 0;
}
#morestyle .btn7 a:hover {
	width:156px;
	background-position:-558px -76px;
}
/* #style05special----------------------------------*/
#mainttlarea .modelchallengebox {
	width: 251px;
	padding: 27px 0 0 386px;
}
#mainttlarea .challengetext {
	font-size: 12px;
	line-height: 16px;
	color:#715721;
	padding: 3px 0 0 0;
}