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

/* #mainttlarea----------------------------------*/
#mainttlarea{
	width: 870px;
	height: 988px;
}
#mainttlarea .ttlarea{
	width: 870px;
	z-index: 1;
	position: absolute;
}
#mainttlarea .ttlarea .ttlinfobox{
	width: 281px;
	float: right;
}
#mainttlarea .ttlarea .ttlinfobox2{
	width: 311px;
}
#mainttlarea .ttlinfobox2 .inner{
	padding-left: 30px;
}
#mainttlarea .ttlbox{
	width: 281px;
}
#mainttlarea .ttltextbox{
	width: 250px;
	height: 315px;
}
#mainttlarea .ttltextbox p{
	font-size: 14px;
	line-height: 24px;
	padding-top: 5px;
}
#mainttlarea .beforebox{
	width: 281px;
}
#mainttlarea .beforebox .inner{
	padding-left: 118px;
}
#mainttlarea .imgbefore{
	padding: 3px 0 7px 0;
}
#mainttlarea .textmodelname{
	font-size: 12px;
	font-weight:bold;
}
#mainttlarea .textmodelname2{
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
}
#mainttlarea .beforetextbox{
	width: 132px;
}
#mainttlarea .beforetextbox p{
	font-size: 12px;
	line-height: 20px;
	padding-top: 3px;
}
#mainttlarea .beforetextbox .textmain{
	color:#ffffff;
}
#mainttlarea .imgmain{
	z-index: 0;
	position: absolute;
}

/* #mainstyleinfoarea----------------------------------*/
#mainstyleinfoarea{
	width: 870px;
}
#mainstyleinfoarea .mainpointarea{
	width: 870px;
}
#mainstyleinfoarea .pointarea{
	width: 639px;
	height: 486px;
	float: left;
}
#mainstyleinfoarea .pointbox1{
	width: 639px;
	z-index: 0;
	position: absolute;
}
#mainstyleinfoarea .imgpoint{
	float: left;
}
#mainstyleinfoarea .pointbox1 .pointimgbox{
	width: 360px;
	float: left;
}
#mainstyleinfoarea .pointbox2 .pointimgbox{
	width: 358px;
	float: left;
}

#mainstyleinfoarea .pointbox2 .imgpoint{
	float: left;
}
#mainstyleinfoarea .pointbox2 .imgpoint2{
	float: left;
	padding: 35px 0 0 18px;
}
#mainstyleinfoarea .pointbox1 .pointtextbox{
	width: 245px;
	float: left;
}
#mainstyleinfoarea .pointbox2 .pointtextbox{
	width: 247px;
	float: left;
}
#mainstyleinfoarea .pointarea .textttl{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
#mainstyleinfoarea .pointbox2 .textttl{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding-top: 155px;
}
#mainstyleinfoarea .pointarea .textmain{
	font-size: 14px;
	line-height: 22px;
	padding: 2px 0 3px 0;
}

#mainstyleinfoarea .pointarea .pointbox2{
	clear: left;
	width: 639px;
	z-index: 1;
	position: absolute;
	margin-top: 167px;
}
#mainstyleinfoarea .advicearea{
	width: 231px;
	float: left;
}
#mainstyleinfoarea .advicebgbox{
	width: 231px;
	height: 418px;
	background-image: url(../style/image/common/bg_advice.gif);
	background-repeat: no-repeat;
}
#mainstyleinfoarea .advicebgbox .inner{
	padding-left: 23px;
}
#mainstyleinfoarea .textstylistname{
	font-size: 12px;
	line-height: 16px;
	padding: 2px 0 5px 0;
}
#mainstyleinfoarea .advicetextbox{
	width: 184px;
}
#mainstyleinfoarea .advicetextbox p{
	font-size: 12px;
	line-height: 20px;
}
#mainstyleinfoarea .maintechniquearea{
	clear: left;
	width: 870px;
	height: 413px;
	background-image: url(../style/image/common/bg_technique.gif);
	background-repeat: no-repeat;
}
#mainstyleinfoarea .techniquearea{
	width: 622px;
	float: left;
}
#mainstyleinfoarea .techniquearea .inner{
	padding: 19px 0 0 30px;
}
#mainstyleinfoarea .ttltechnique{
	padding-bottom: 24px;
}
#mainstyleinfoarea .techniquebox{
	width: 592px;
}
#mainstyleinfoarea .techniqueimgbox{
	width: 357px;
	float: left;
}
#mainstyleinfoarea .imgtexhnique{
	float: left;
	padding-right: 5px;
}
#mainstyleinfoarea .techniquetextbox{
	width: 207px;
	float: left;
}
#mainstyleinfoarea .maintechniquearea .techniquearea a{
	display: block;
	text-decoration:none;
	width: 592px;
	height: 252px;
}
#mainstyleinfoarea .maintechniquearea a:hover img{
	opacity: 1;
}
#mainstyleinfoarea .techniquetextbox .textttl{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
#mainstyleinfoarea .techniquetextbox .textmain{
	font-size: 14px;
	line-height: 22px;
	padding: 2px 0 10px 0;
}
#mainstyleinfoarea .itemarea{
	width: 248px;
	float: left;
}
#mainstyleinfoarea .itemarea a:hover img{
	opacity: 1;
}
#mainstyleinfoarea .textitemname{
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 2px 0;
	text-decoration:underline;
}
#mainstyleinfoarea .maintechniquearea .itemarea a{
	display: block;
	text-decoration:none;
	width: 237px;
	height: 293px;
	padding-top: 38px;
}
#mainstyleinfoarea .itemtextbox{
	width: 199px;
}
#mainstyleinfoarea .itemtextbox p{
	font-size: 12px;
	line-height: 20px;
}

#mainstyleinfoarea .itemtextbox .inner{
	padding-left: 19px;
}

/* #mainafterarea----------------------------------*/
#mainafterarea{
	width: 870px;
}
#mainafterarea .afterbox{
	width: 333px;
	float: left;
}
#mainafterarea .aftertextbox{
	width: 297px;
}
#mainafterarea .aftertextbox p{
	font-size: 14px;
	line-height: 22px;
}
#mainafterarea .afterinfoarea{
	width: 537px;
	float: left;
}
#mainafterarea .afterbgarea{
	width: 537px;
	height: 556px;
}
#mainafterarea .afterbgbox{
	width: 537px;
	z-index: 1;
	position: absolute;
}
#mainafterarea .imgpointer{
	padding: 9px 0 9px 260px;
}
#mainafterarea .imgafterfullangle{
	padding-bottom: 29px;
}
#mainafterarea .menubox{
	width: 537px;
	height: 85px;
	background-image: url(../style/image/common/bg_menu.gif);
	background-repeat: no-repeat;
}
#mainafterarea .menubox p{
	font-size: 14px;
	line-height: 22px;
	padding: 19px 0 0 30px;
}
#mainafterarea .bgafter{
	z-index: 0;
	position: absolute;
}
#mainafterarea .salonbox{
	width: 537px;
	height: 239px;
}
#mainafterarea .salonbox a:hover img{
	opacity: 1;
}

#mainafterarea .imgsalon{
	float: left;
	padding: 0 11px 50px 0;
}
#mainafterarea .saloninfobox{
	width: 281px;
}
#mainafterarea .saloninfobox{
	float: left;
}
#mainafterarea .saloninfobox p{
	font-size: 14px;
	line-height: 20px;
}
#mainafterarea .textsalonname{
	padding-top: 5px;
	text-decoration:underline;
}
#mainafterarea .afterinfoarea .salonbox a{
	display: block;
	text-decoration: none;
	width: 537px;
	height: 189px;
}
#mainafterarea .salonname{
	font-weight: bold;
}
#mainafterarea .saloninfobox .textsalonadd{
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0 5px 0;
}
#mainafterarea .salontextbox{
	width: 250px;
}
#mainafterarea .salontextbox p{
	line-height: 22px;
}

/*morestyle----------------------------*/
#morestyle {
	width: 870px;
	height: 100px;
}
#morestyle .morestylettl {
	width: 54px;
	float: left;
}
#morestyle .morestylebox {
	width: 816px;
	float: left;
}
#morestyle ul {
	width: 816px;
	list-style:none;
}
#morestyle ul li {
	float: left;
}
#morestyle ul a{
	float:left;
	list-style:none;
	display:block;
	height:62px;
	background-position:0px 0px;
	background-image:url(../style/image/common/link_morestyle.jpg);
}
#morestyle .btn1 a{
	width:70px;
	background-position:0 0;
}
#morestyle .btn1 a:hover {
	width: 70px;
	background-position:0 -62px;
}
#morestyle .btn2 a{
	width:70px;
	background-position:-70px 0;
}
#morestyle .btn2 a:hover {
	width:70px;
	background-position:-70px -62px;
}
#morestyle .btn3 a{
	width:70px;
	background-position:-140px 0;
}
#morestyle .btn3 a:hover {
	width:70px;
	background-position:-140px -62px;
}
#morestyle .btn4 a{
	width:70px;
	background-position:-210px 0;
}
#morestyle .btn4 a:hover {
	width:70px;
	background-position:-210px -62px;
}
#morestyle .btn5 a{
	width:70px;
	background-position:-280px -0;
}
#morestyle .btn5 a:hover {
	width:70px;
	background-position:-280px -62px;
}
#morestyle .btn6 a{
	width:70px;
	background-position:-350px 0;
}
#morestyle .btn6 a:hover {
	width:70px;
	background-position:-350px -62px;
}
#morestyle .btn7 a{
	width:70px;
	background-position:-420px 0;
}
#morestyle .btn7 a:hover {
	width:70px;
	background-position:-420px -62px;
}
#morestyle .btn8 a{
	width:70px;
	background-position:-490px 0;
}
#morestyle .btn8 a:hover {
	width:70px;
	background-position:-490px -62px;
}
#morestyle .btn9 a{
	width:70px;
	background-position:-560px 0;
}
#morestyle .btn9 a:hover {
	width:70px;
	background-position:-560px -62px;
}
#morestyle .btn10 a{
	width:85px;
	background-position:-630px 0;
}
#morestyle .btn10 a:hover {
	width:85px;
	background-position:-630px -62px;
}
#morestyle .btn11 a{
	width:101px;
	background-position:-715px 0;
}
#morestyle .btn11 a:hover {
	width:101px;
	background-position:-715px -62px;
}
#mainframearea .btnstyle{
	clear: left;
}