/* maintitlearea----------------------------------*/
#maintitlearea {
	width: 868px;
}
/* titlearea----------------------------------*/
#titlearea {
	width: 868px;
}
#titlearea .ttlicon {
	width: 182px;
	float: left;
}
#titlearea .ttl {
	width: 686px;
	float: left;
}

/* mainstylearea----------------------------------*/
#mainstylearea {
	width: 868px;
	clear: left;
	height: 1013px;
	overflow: hidden;
}
#styleinfoarea {
	width: 868px;
	z-index: 1;
	position: absolute;
}
#mainstylearea .bgarea {
	z-index: 0;
	position: absolute;
}
/* ttlarea----------------------------------*/
#ttlarea h3 {
	float: right;
	padding: 0px 36px 0px 0px;
}
#ttlarea {
	width: 868px;
}
/* ttl2area----------------------------------*/
#ttlarea .ttl2area {
	width: 460px;
	padding: 63px 0px 0px 66px;
}
#ttlarea .ttl2area .ttlsub {
	width: 117px;
	float: left;
}
/* styleinfoarea02----------------------------------*/
#styleinfoarea02 {
	width: 868px;
	float: left;
}
#styleinfoarea02 .pointarea {
	width: 495px;
	float: left;
	padding: 92px 0px 0px 21px;
}
#styleinfoarea02 .pointarea .pointbox {
	width: 247px;
	float: left;
}
#styleinfoarea02 .pointarea .pointbox .pointtext {
	width: 213px;
	font-size: 11px;
	color:#000000;
	line-height: 13px;
	float: left;
}
#styleinfoarea02 .beforearea {
	float: left;
	width: 313px;
	margin: 189px 0px 0px 23px;
}
#styleinfoarea02 .beforearea .beforebox {
	width: 313px;
}
#styleinfoarea02 .beforearea .beforebox .beforeimg {
	width: 90px;
	float: left;
}
#styleinfoarea02 .beforearea .beforebox .beforeinner {
	padding: 0px 0px 36px 122px;
}
/* stylistadvice----------------------------------*/
#stylistadvice {
	width: 868px;
	float: left;
}
#stylistadvice .advicebox {
	width: 479px;
	float: left;
}
#stylistadvice .advicebox .techbox {
	width: 245px;
	float: left;
}
#stylistadvice .advicebox .techbox .techtext .color,
#stylistadvice .advicebox .techbox2 .techtext .color {
	color: #ff69b4;
}
#stylistadvice .advicebox .techbox .techtext {
	font-size: 12px;
	line-height: 20px;
	color:#333333;
	padding-left: 36px;
	float: left;
}
#stylistadvice .advicebox .techbox2 {
	width: 221px;
	float: left;
}
#stylistadvice .advicebox .techbox2 .techtext {
	font-size: 12px;
	line-height: 20px;
	color:#333333;
	padding-left: 13px;
	float: left;
}
#stylistadvice .advicelink {
	width: 479px;
	float: left;
}
#styleinfoarea02 .beforearea .beforebox .beforelinktext {
	font-size: 10px;
	color:#666666;
	width: 308px;
}
#styleinfoarea02 .beforearea .beforebox .beforelink2 {
	font-size: 10px;
	color:#666666;
	padding-left: 240px;
}
#stylistadvice .advicelink .adviceinner {
	padding:0px 9px 0px 33px;
}
#stylistadvice .advicebox2 {
	width: 389px;
	float: left;
}
#stylistadvice .advicebox2 .adviceitembox,
#stylistadvice .advicebox2 .adviceitembox3 {
	width: 222px;
	float:left;
}
#stylistadvice .advicebox2 .adviceitembox2 {
	background-image:url(../style/image/style01/bg_advice.gif);
	background-repeat:no-repeat;
	width: 167px;
	float: left;
	height: 203px;
}
#stylistadvice .advicebox2 .adviceitembox2 .itemadd,
#stylistadvice .advicebox2 .adviceboxup .adviceitembox22 .itemadd {
	padding: 61px 0px 0px 7px;
}
#stylistadvice .advicebox2 .adviceitembox2 .itemlink,
#stylistadvice .advicebox2 .adviceboxup .adviceitembox22 .itemlink {
	padding: 0px 0px 0px 7px;
}
#stylistadvice .advicebox2 .adviceitembox3 .adviceitembox4 {
	width: 167px;
	float: left;
}
#stylistadvice .advicebox2 .adviceitembox4 {
	width: 167px;
	float: left;
}
#stylistadvice .advicebox2 .adviceboxup,
#stylistadvice .advicebox2 .adviceboxdown {
	width: 389px;
	float: left;
}
#stylistadvice .advicebox2 .advicetext {
	width: 328px;
	float: left;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
#stylistadvice .advicebox2 .textinner {
	padding: 10px 0px 0px 31px;
	float: left;
}
#stylistadvice .advicebox2 .adviceboxdown .adviceitembox3 .apishicon {
	width: 222px;
}
/* stylearea----------------------------------*/
#stylearea {
	width: 868px;
	clear: both;
}
#stylearea .bgbox {
	background-image:url(../style/image/common/bg_style.gif);
	background-repeat:no-repeat;
	width: 868px;
	height: 409px;
}
#stylearea .bgbox .styleinner {
	padding: 34px 0px 0px 37px;
}
#stylearea .bgbox .styleinner .styletext {
	font-size: 12px;
	color:#ff69b4;
	padding: 6px 0 7px 0;
}
#stylearea .bgbox .styleinner .styletext2 {
	width: 615px;
	font-size:11px;
}
#stylearea .bgbox .styleinner .styletext .bold {
	font-weight:bold;
}
#stylearea .bgbox .styleinner .styleleft {
	width: 616px;
	float: left;
}
#stylearea .bgbox .styleinner .styleright {
	width: 169px;
	background-image:url(../style/image/common/bg_salon.gif);
	background-repeat:no-repeat;
	float: left;
	height: 301px;
}
#stylistadvice .advicebox2 .adviceboxdown .adviceitembox3 .apishicon a:hover img,
#stylearea .bgbox .styleinner .styleright .styleinner2 .stylesalonlink a:hover img {
	opacity: 0.40;
	filter: alpha(opacity=40);
}
#stylearea .bgbox .styleinner .styleright .styleinner2 {
	padding: 18px 0px 0px 11px;
}
#stylearea .bgbox .styleinner .styleright .styleinner2 .styleimage {
	padding: 7px 0 5px 0px;
}
#stylearea .bgbox .styleinner .styleright .styleinner2 .styleaddress {
	width: 149px;
}
#stylearea .bgbox .styleinner .stylesaloninner {
	padding: 20px 16px 20px 13px;
	float: left;
}
#stylearea .bgbox .styleinner .stylesaloninner .styleright .styleinner2 .styleinner3 {
	padding: 5px 0 0px 0;
}
/* nextbtn----------------------------------*/
#nextbtn {
	width: 868px;
}
#nextbtn .btnnext {
	padding: 0 19px 13px 73px;
	clear: left;
}
#nextbtn a:hover img{
	opacity: 0.40;
	filter: alpha(opacity=40);
}
/* adviceitembox2_2----------------------------------*/
#stylistadvice .advicebox2 .adviceitembox22 {
	background-image:url(../style/image/style02/bg_advice.gif);
	background-repeat:no-repeat;
	width: 167px;
	float: left;
	height: 203px;
}