@charset "UTF-8";

*{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	font-size:12px;
	color:#333333;
}

/* HTML5
--------------------*/

article,
aside,
footer,
header,
nav,
section{
  display: block;
}

/* CSS Document */
html {overflow-y: scroll;}

body{
	background:#ffffff;
	text-align:center;
	font-size:12px;
	color:#000000;
	padding:0px 0 0 0;
}

a:link{color:#999999; text-decoration:none; }
a:visited{color:#999999; text-decoration:none; }
a:active{color:#555555; text-decoration:underline; }
a:hover{color:#555555; text-decoration:underline; }

p { line-height:150%; }

.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }


a:hover img.alpha {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.clear_both {
	clear:both;
}

/* header */

header {
	background:url(../images/nav_bg.gif) repeat-x left bottom;
	width:100%;
	height:160px;
	text-align:center;
}

#header {
	text-align:left;
	width:940px;
	margin:0 auto;
	position:relative;
}

header h1 {
	background:url(../images/logo.gif) no-repeat left top;
	text-indent:-9999px;
	width:236px;
	height:41px;
	position:absolute;
	left:0;
	top:24px;
}
header h1 a {
	display:block;
	width:236px;
	height:41px;
}

header #logo {
	background:url(../images/logo.gif) no-repeat left top;
	text-indent:-9999px;
	width:236px;
	height:41px;
	position:absolute;
	left:0;
	top:24px;
}
header #logo a {
	display:block;
	width:236px;
	height:41px;
}

header #inquiry {
	position:absolute;
	right:0;
	top:24px;
	width:199px;
}

header #search {
	position:absolute;
	right:0;
	top:131px;
	width:372px;
	overflow:hidden;
}

header #search dt {
	float:left;
	width:128px;
}
header #search dt img {
	display:block;
	padding:1px 0 0 0;
}
header #search dd {
	text-align:right;
}
header #search input.text {
	float:left;
	width:184px;
	height:17px;
	border:solid 1px #b5af98;
}




/* nav */

nav {
	text-align:left;
	width:940px;
	height:41px;
	position: absolute;
	left:0;
	top:80px;
	overflow:hidden;
}

nav ul li {
	width:188px;
	height:41px;
	float:left;
}

nav #nav01 a {
	background-image:url(../images/nav01.gif);
}
nav #nav02 a {
	background-image:url(../images/nav02.gif);
}
nav #nav03 a {
	background-image:url(../images/nav03.gif);
}
nav #nav04 a {
	background-image:url(../images/nav04.gif);
}
nav #nav05 a {
	background-image:url(../images/nav05.gif);
}

nav ul li a {
	display:block;
	text-indent:-9999px;
	width:188px;
	height:41px;
	background-position:left top;
	background-repeat:no-repeat;
}

nav ul li a:hover , nav ul li.act a {
	background-position:left bottom;
}

/* breadcrumb */
#breadcrumb {
	height:1%;
	overflow:hidden;
	padding:0 0 10px 0;
}
#breadcrumb li {
	float:left;
	padding:0 10px 0 0;
}
#breadcrumb li a {
	margin:0 10px 0 0;
}

/* content */

#content {
	width:940px;
	margin:10px auto 0 auto;
	text-align:left;
	overflow:hidden;
}

/* swf */

#swf {
	width:940px;
	height:420px;
	margin:0 0 20px 0;
}


/* article */

article {
	width:660px;
	float:left;
}

article section {
	position:relative;
}

#salon_search {
	margin:0 0 20px 0;
}

#salon_search h2 ,
#salon_search .h2 {
	border-bottom:solid 2px #d9d4c5;
	background:url(../images/h2_salon_search.gif) no-repeat left top;
	text-indent:-9999px;
	height:20px;
	margin:0 0 11px 0;
	border-bottom:solid 2px #d9d4c5;
}

#salon_search dl {
	border-bottom:dotted 1px #cccccc;
	width:660px;
	overflow:hidden;
}
#salon_search dt {
	background:url(../images/prov.gif) no-repeat left top;
	width:88px;
	float:left;
	clear:left;
	margin:2px 0 1px 0;
}
#salon_search dt span {
	display:block;
	background:url(../images/prov_btm.gif) no-repeat left bottom;
	color:#ffffff;
	padding:2px 0 0 0;
	margin:0;
	line-height:18px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}



#salon_search dd {
	border-top:dotted 1px #cccccc;
	padding:3px 0 1px 98px;
}
#salon_search dd ul li {
	display: inline;
	padding-right:0.5em;
	margin:0;
	line-height:18px;
}


#whatsnew {
}

#whatsnew h2 {
	border-bottom:solid 2px #d9d4c5;
	background:url(../images/h2_whatsnew.gif) no-repeat left top;
	text-indent:-9999px;
	height:20px;
	margin:0 0 10px 0;
	border-bottom:solid 2px #d9d4c5;
}

#whatsnew dl {
	width:660px;
	overflow:hidden;
}
#whatsnew dl dt {
	float:left;
	clear:left;
	width:6em;
	padding:0px 0 0 0;
}
#whatsnew dl dt time {
	font-size:10px;
	color:#999999;
}
#whatsnew dl dd {
	border-bottom:dotted 1px #cccccc;
	padding:0px 0 3px 6em;
	margin:0 0 5px 0;
	line-height:120%;
}
#whatsnew dl dd p {
	line-height:120%;
}
#whatsnew dl dd img {
	vertical-align: middle;
	padding-left:5px;
}



/* aside */

aside {
	width:260px;
	float:right;
}

aside #sidebnr li {
	margin-bottom:13px;
}


#con_link {
	clear:both;
	padding:40px 0 7px 0;
	width:940px;
	overflow:hidden;
	position:relative;
}
#con_link ul {
	clear:both;
	width:640px;
	overflow:hidden;
	margin-left:-10px;
}
#con_link ul li {
	border-left:1px solid #cccccc;
	display:inline;
	padding:0 10px;
	font-size:10px;
}
#con_link ul li a {
	font-size:10px;
}

.pagetop {
	position:absolute;
	right:0;
	top:30px;
}
.pagetop a {
	font-size:10px;
	width:80px;
	height:9px;
	display:block;
	background:url(../images/pagetop.gif) no-repeat left top;
	text-indent:-9999px;
}

/* footer */

footer {
	width:100%;
	overflow:hidden;
	padding:0;
	border-top:solid 1px #cccccc;
	background:#f3f2ee;
	text-align:center;
}

#footer {
	width:940px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

#foot_n_group {
	height:110px;
}
#foot_n_group dt {
	text-align:center;
	position:absolute;
	left:0;
	top:20px;
	width:940px;
}

#foot_n_group #grp01 {
	position:absolute;
	left:352px;
	top:50px;
	width:62px;
}
#foot_n_group #grp02 {
	position:absolute;
	left:424px;
	top:50px;
	width:63px;
}
#foot_n_group #grp03 {
	position:absolute;
	left:493px;
	top:52px;
	width:95px;
}
#foot_n_group #grp04 {
	position:absolute;
	left:498px;
	top:78px;
	width:88px;
}

#foot_link  {
	text-align:center;
}
#foot_link  li {
	display:inline;
	border-right:1px solid #cccccc;
	padding:0 5px;
	line-height:180%;
	font-size:10px;
}
#foot_link  li a {
	font-size:10px;
}


address {
	text-decoration:none;
	font-style: normal;
	text-align:center;
	padding:20px 0;
	font-size:10px;
}


/* col single */

#privacy article ,
#agree article {
	width:940px;
	float: none;
}

/* privacy */

#privacy h1 {
	background:url(../images/privacy_h1.gif) no-repeat left 10px;
	text-indent:-9999px;
	height:16px;
	padding:10px 0 7px 0;
	margin:0 0 20px 0;
	border-bottom:solid 2px #d6d2c3;
}

#privacy h2 {
	background:url(../images/privacy_h2.gif) no-repeat left 10px;
	text-indent:-9999px;
	height:16px;
	padding:10px 0 7px 0;
	margin:0 0 20px 0;
	border-bottom:solid 1px #e4e4e4;
}

#privacy article p {
	padding:0 15px 1em 15px;
	line-height:170%;
}

#privacy section {
	padding:0 15px 0 15px;
}

#privacy section dl {
}
#privacy section dl dt {
	padding:2px 0 10px 25px;
	font-size:14px;
}
#privacy section dl dd {
	padding:0 0 20px 0;
	line-height:170%;
}

#privacy section dl dt.no01 { background:url(../images/ol1.gif) no-repeat left top; }
#privacy section dl dt.no02 { background:url(../images/ol2.gif) no-repeat left top; }
#privacy section dl dt.no03 { background:url(../images/ol3.gif) no-repeat left top; }
#privacy section dl dt.no04 { background:url(../images/ol4.gif) no-repeat left top; }
#privacy section dl dt.no05 { background:url(../images/ol5.gif) no-repeat left top; }
#privacy section dl dt.no06 { background:url(../images/ol6.gif) no-repeat left top; }
#privacy section dl dt.no07 { background:url(../images/ol7.gif) no-repeat left top; }


/* agree */

#agree h1 {
	background:url(../images/agree_h1.gif) no-repeat left 10px;
	text-indent:-9999px;
	height:16px;
	padding:10px 0 7px 0;
	margin:0 0 20px 0;
	border-bottom:solid 2px #d6d2c3;
}

#agree h2 {
	background:url(../images/agree_h2.gif) no-repeat left 10px;
	text-indent:-9999px;
	height:16px;
	padding:10px 0 7px 0;
	margin:0 0 20px 0;
	border-bottom:solid 1px #e4e4e4;
}

#agree section {
	padding:0 15px 0 15px;
}

#agree section dl {
	padding:20px 0 0 0;
}
#agree section dl dt {
	padding:2px 0 5px 18px;
	font-size:14px;
	background:url(../images/agree_dt.gif) no-repeat left 3px;
}
#agree section dl dd {
	padding:0 0 20px 18px;
	line-height:170%;
}


/* webcounseling */

#webcounseling {
}

#webcounseling article {
	width:880px;
	padding:10px 0 0 30px;
	float:none;
	position:relative;
}
#webcounseling article h1 {
	height:35px;
	padding:0 0 15px 0;
	overflow:hidden;
}
#webcounseling article h1 img {
	position:absolute;
	left:0;
	top:0;
	display:block;
	z-index:2;
}
#webcounseling article p#price {
	position:absolute;
	right:0;
	top:0;
	width:300px;
}
#webcounseling article p#top_lead {
	font-size:14px;
	line-height:180%;
	color:#727172;
	padding:0 0 25px 0;
}

#webcounseling article #est_content {
	overflow:hidden;
	width:897px;
	margin:0 0 10px -17px;
}
#webcounseling article #est_content div {
	float:left;
	width:162px;
	padding:0 0 15px 17px;
}
#webcounseling article #est_content h2 {
	height:146px;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
}
#webcounseling article #est_content h2.aroma {
	height:118px;
}
#webcounseling article #est_content h2 img {
	position: absolute;
	left:0;
	top:0;
}
#webcounseling article #est_content p {
	color:#727172;
	padding:5px 0 0 0;
	line-height:180%;
}
#webcounseling article #comment {
	clear:both;
	overflow:hidden;
	width:880px;
	margin:0px 0 25px -15px;
}
#webcounseling article #comment dl {
	width:425px;
	float:left;
	padding:0 0 0 15px;
}
#webcounseling article #comment dl dd p {
	color:#727172;
	line-height:180%;
	padding:5px 0 0 0;
}

#webcounseling article #banner {
	padding:0 0 0 10px;
	text-align: center;
}
#webcounseling article #osusume {
	padding:0 0 20px 0px;
	background:url(../images/webcounseling/osusume.gif) no-repeat left top;
	width:302px;
	height:19px;
	text-indent:-9999px;
}


#webcounseling article#question section {
	width:915px;
	height:526px;
	margin:0 -20px 0 -15px;
	position:relative;
	
}

#webcounseling article#question section#start {
	background:url(../images/webcounseling/index.jpg) no-repeat left top;
}
#webcounseling article#question section#question01 { background:url(../images/webcounseling/question01.jpg) no-repeat left top; }
#webcounseling article#question section#question02 { background:url(../images/webcounseling/question02.jpg) no-repeat left top; }
#webcounseling article#question section#question03 { background:url(../images/webcounseling/question03.jpg) no-repeat left top; }
#webcounseling article#question section#question04 { background:url(../images/webcounseling/question04.jpg) no-repeat left top; }
#webcounseling article#question section#question05 { background:url(../images/webcounseling/question05.jpg) no-repeat left top; }
#webcounseling article#question section#question06 { background:url(../images/webcounseling/question06.jpg) no-repeat left top; }
#webcounseling article#question section#question07 { background:url(../images/webcounseling/question07.jpg) no-repeat left top; }
#webcounseling article#question section#question08 { background:url(../images/webcounseling/question08.jpg) no-repeat left top; }
#webcounseling article#question section#question09 { background:url(../images/webcounseling/question09.jpg) no-repeat left top; }


#webcounseling article#question section h1 {
	position:absolute;
	left:320px;
	top:70px;
	width:550px;
	height:80px;
	text-indent:-9999px;
}


#webcounseling article#question section p.txt01 ,
#webcounseling article#question section p.txt02 ,
#webcounseling article#question section p.txt03 ,
#webcounseling article#question section p.txt04 ,
#webcounseling article#question section p.txt05 ,
#webcounseling article#question section p.txt06 ,
#webcounseling article#question section p.txt07 {
	position:absolute;
	text-indent:-9999px;
}

#webcounseling article#question section .txt01 a ,
#webcounseling article#question section .txt02 a ,
#webcounseling article#question section .txt03 a ,
#webcounseling article#question section .txt04 a ,
#webcounseling article#question section .txt05 a ,
#webcounseling article#question section .txt06 a ,
#webcounseling article#question section .txt07 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#webcounseling article#question section#start p.txt01 {
	position:absolute;
	left:355px;
	top:180px;
	width:460px;
	height:115px;
}
#webcounseling article#question section#start p.txt02 {
	position:absolute;
	left:410px;
	top:300px;
	width:330px;
	height:200px;
}
#webcounseling article#question section#start .txt02 a {
	width:330px;
	height:200px;
	display:block;
	position:relative;
	z-index:2;
}



#webcounseling article#question section#question01 h1 {
	left:140px;
	top:75px;
	width:700px;
	height:50px;
}
#webcounseling article#question section .txt01 ,
#webcounseling article#question section .txt01 a ,
#webcounseling article#question section .txt02 ,
#webcounseling article#question section .txt02 a ,
#webcounseling article#question section .txt03 ,
#webcounseling article#question section .txt03 a ,
#webcounseling article#question section .txt04 ,
#webcounseling article#question section .txt04 a ,
#webcounseling article#question section .txt05 ,
#webcounseling article#question section .txt05 a ,
#webcounseling article#question section .txt06 ,
#webcounseling article#question section .txt06 a ,
#webcounseling article#question section .txt07 ,
#webcounseling article#question section .txt07 a {
	width:750px;
	height:60px;
	z-index:2;
}
#webcounseling article#question section#question01 .txt01 {
	left:140px;
	top:155px;
}
#webcounseling article#question section#question01 .txt02 {
	left:140px;
	top:220px;
}
#webcounseling article#question section#question01 .txt03 {
	left:140px;
	top:280px;
}
#webcounseling article#question section#question01 .txt04 {
	left:140px;
	top:345px;
}
#webcounseling article#question section#question01 .txt05 {
	left:140px;
	top:410px;
}

#webcounseling article#question section#question02 h1 {
	left:20px;
	top:30px;
	width:650px;
	height:110px;
}
#webcounseling article#question section#question02 .txt01 {
	left:140px;
	top:165px;
}
#webcounseling article#question section#question02 .txt02 {
	left:140px;
	top:225px;
}
#webcounseling article#question section#question02 .txt03 {
	left:140px;
	top:290px;
}


#webcounseling article#question section#question03 h1 {
	left:20px;
	top:30px;
	width:115px;
	height:110px;
}
#webcounseling article#question section#question03 .txt01 {
	left:140px;
	top:55px;
}
#webcounseling article#question section#question03 .txt02 {
	left:140px;
	top:120px;
}
#webcounseling article#question section#question03 .txt03 {
	left:140px;
	top:180px;
}
#webcounseling article#question section#question03 .txt04 {
	left:140px;
	top:240px;
}
#webcounseling article#question section#question03 .txt05 {
	left:140px;
	top:305px;
}
#webcounseling article#question section#question03 .txt06 {
	left:140px;
	top:366px;
}
#webcounseling article#question section#question03 .txt07 {
	left:140px;
	top:430px;
}

#webcounseling article#question section#question04 h1 {
	left:140px;
	top:25px;
	width:700px;
	height:70px;
}
#webcounseling article#question section#question04 .txt01 {
	left:140px;
	top:115px;
}
#webcounseling article#question section#question04 .txt02 {
	left:140px;
	top:180px;
}
#webcounseling article#question section#question04 .txt03 {
	left:140px;
	top:240px;
}
#webcounseling article#question section#question04 .txt04 {
	left:140px;
	top:305px;
}
#webcounseling article#question section#question04 .txt05 {
	left:140px;
	top:370px;
}
#webcounseling article#question section#question04 .txt06 {
	left:140px;
	top:430px;
}


#webcounseling article#question section#question05 h1 {
	left:130px;
	top:65px;
	width:700px;
	height:70px;
}
#webcounseling article#question section#question05 .txt01 {
	left:110px;
	top:150px;
}
#webcounseling article#question section#question05 .txt02 {
	left:110px;
	top:215px;
}
#webcounseling article#question section#question05 .txt03 {
	left:110px;
	top:280px;
}
#webcounseling article#question section#question05 .txt04 {
	left:110px;
	top:345px;
}
#webcounseling article#question section#question05 .txt05 {
	left:110px;
	top:405px;
}



#webcounseling article#question section#question06 h1 {
	left:130px;
	top:25px;
	width:700px;
	height:70px;
}
#webcounseling article#question section#question06 .txt01 {
	left:110px;
	top:160px;
}
#webcounseling article#question section#question06 .txt02 {
	left:110px;
	top:220px;
}
#webcounseling article#question section#question06 .txt03 {
	left:110px;
	top:235px;
}
#webcounseling article#question section#question06 .txt04 {
	left:110px;
	top:300px;
}
#webcounseling article#question section#question06 .txt05 {
	left:110px;
	top:280px;
}
#webcounseling article#question section#question06 .txt06 {
	left:110px;
	top:340px;
}


#webcounseling article#question section#question07 h1 {
	left:136px;
	top:61px;
	width:700px;
	height:70px;
}
#webcounseling article#question section#question07 .txt01 {
	left:110px;
	top:155px;
}
#webcounseling article#question section#question07 .txt02 {
	left:110px;
	top:220px;
}
#webcounseling article#question section#question07 .txt03 {
	left:110px;
	top:285px;
}


#webcounseling article#question section#question08 h1 {
	left:136px;
	top:61px;
	width:700px;
	height:70px;
}
#webcounseling article#question section#question08 .txt01 {
	left:140px;
	top:155px;
}
#webcounseling article#question section#question08 .txt02 {
	left:140px;
	top:220px;
}
#webcounseling article#question section#question08 .txt03 {
	left:140px;
	top:285px;
}


#webcounseling article#question section#question09 h1 {
	left:136px;
	top:61px;
	width:700px;
	height:70px;
}
#webcounseling article#question section#question09 .txt01 {
	left:110px;
	top:150px;
}
#webcounseling article#question section#question09 .txt02 {
	left:110px;
	top:215px;
}
#webcounseling article#question section#question09 .txt03 {
	left:110px;
	top:280px;
}
#webcounseling article#question section#question09 .txt04 {
	left:110px;
	top:345px;
}
#center {
text-allign: center;
}