@charset "euc-jp";
/* CSS Document */

/* ------------------------------

	CONTENTS > H2
	
------------------------------ */

h2 {
	width: 900px;
	height: 90px;
	display: block;
	text-indent: -1000em;
}

#contents.salon_first h2 { background: url(../img/salon/first/h2_page.jpg) no-repeat 0 0;}
#contents.salon_think h2 { background: url(../img/salon/think/h2_page.jpg) no-repeat 0 0;}
#contents.salon_guide h2 { background: url(../img/salon/guide/h2_page.jpg) no-repeat 0 0;}
#contents.salon_staff h2,
#contents.salon_staff_detail h2{ background: url(../img/salon/satff/h2.jpg) no-repeat 0 0;}



/* ------------------------------

	SALON_FIRST
	
------------------------------ */

#contents.salon_first {
	height: 885px;
	margin: 0;
	background: url(../img/salon/first/bg.jpg) no-repeat 0 125px;
}

#contents.salon_first h3 {
	width: 375px;
	height:43px;
	display: block;
	margin: 0 0 25px 30px;
	text-indent: -1000em;
	background: url(../img/salon/first/h3_title.jpg) no-repeat 0 0;
}

#contents.salon_first p {
	text-indent: -1000em;
}

#contents.salon_first img {
	margin: 0 0 0 400px;
	position: absolute;
	top: 720px;
}

#contents.salon_first div.pagetop {
	width: 810px;
	position: absolute;
	top: 975px;
}

/* ------------------------------

	SALON_THINK
	
------------------------------ */

#contents.salon_think .c_center {
	width: 600px;
	height: 755px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	text-indent: -1000em;	
}

#contents.salon_think .c_center h3 {
	width: 360px;
	height: 40px;
	display: block;
	margin: 0 0 20px 180px;
	background: url(../img/salon/think/h3_title.jpg) no-repeat;
}

#contents.salon_think .c_center#letter01 {
	background:  url(../img/salon/think/bg_letter01.jpg) no-repeat;
}
#contents.salon_think .c_center#letter02 { background:  url(../img/salon/think/bg_letter04.jpg) no-repeat;}

#contents.salon_think div.pagetop {
	width: 840px;
	position: absolute;
	top: 1880px;
}

/* ------------------------------

	SALON_GUIDE
	
------------------------------ */

#contents.salon_guide .c_main{
	width	:510px;
	margin-left	:20px;
	padding-left	:125px;
	background	:url(../img/salon/guide/icon_f2.jpg) no-repeat left top;
	float	:left;
}

#contents.salon_guide .c_main p{
	margin:0 0 20px;
}

#contents.salon_guide .c_main div.floor {
	width: 510px;
	height: 470px;
	margin: 0 0 20px 0;
	background: url(../img/salon/guide/bg.gif) no-repeat 0 0;
}

img#icon_entrance         { position: relative; top: 102px; left:334px;}
img#icon_reception        { position: relative; top: 114px; left:190px;}
img#icon_waiting1         { position: relative; top: 193px; left:170px;}
img#icon_waiting2         { position: relative; top: 193px; left:153px;}
img#icon_counselingroom1  { position: relative; top: 278px; left:215px;}
img#icon_counselingroom2  { position: relative; top: 278px; left:200px;}
img#icon_counselingroom3  { position: relative; top: 311px; left:-90px;}
img#icon_passage1         { position: relative; top: 169px; left:-40px;}
img#icon_passage2         { position: relative; top: 348px; left:24px;}
img#icon_passage3         { position: relative; top: 349px; left:-103px;}
img#icon_room1            { position: relative; top: 390px; left:-70px;}
img#icon_room2            { position: relative; top: 214px; left:-233px;}
img#icon_powderroom1      { position: relative; top: 285px; left:-347px;}
img#icon_powderroom2      { position: relative; top: 332px; left:-293px;}
img#icon_restroom         { position: relative; top: 268px; left:-295px;}

#contents.salon_guide div.floor img  {
	filter: alpha(opacity=69);
	-moz-opacity:0.69;
	opacity:0.69;
}

#contents.salon_guide .c_main .people {
	width	:510px;
	padding	:20px 0 0 0;
	font-size:80%;
	border-top: 1px solid #CCC;
}

#contents.salon_guide .c_main .people img {
	margin: 0 20px 20px 0;
	float: left;
}

#contents.salon_guide .c_main .people h2.name{
	width	:400px;
	height	:35px;
	float: left;
	margin-bottom:15px;
	background	:url(../img/salon/guide/name.gif) no-repeat left top;
	text-indent	:-9999px;
	display: block;
}

#contents.salon_guide .c_main .people p {
	width	:400px;
	display: block;
	float: left;
}

/*  right  */

#contents.salon_guide .c_sub li{
	width	:190px;
	height	:35px;
	text-indent:-9999px;
}

#contents.salon_guide .c_sub li a{
	width	:190px;
	height	:35px;
	display	:block;
}


#contents.salon_guide .c_sub li.m_title{
	background:url(../img/salon/guide/h3_title.gif) no-repeat left top;
	display: block;
	height: 20px;
}

#contents.salon_guide .c_sub li.m01 a{ background:url(../img/salon/guide/m01.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m02 a{ background:url(../img/salon/guide/m02.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m03 a{ background:url(../img/salon/guide/m03.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m04 a{ background:url(../img/salon/guide/m04.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m05 a{ background:url(../img/salon/guide/m05.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m06 a{ background:url(../img/salon/guide/m06.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m07 a{ background:url(../img/salon/guide/m07.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m08 a{ background:url(../img/salon/guide/m08.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m09 a{ background:url(../img/salon/guide/m09.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m10 a{ background:url(../img/salon/guide/m10.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m11 a{ background:url(../img/salon/guide/m11.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m12 a{ background:url(../img/salon/guide/m12.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m13 a{ background:url(../img/salon/guide/m13.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m14 a{ background:url(../img/salon/guide/m14.jpg) no-repeat  ;}
#contents.salon_guide .c_sub li.m15 a{ background:url(../img/salon/guide/m15.jpg) no-repeat  ;}

#contents.salon_guide .c_sub li a:hover {
	background-position: -190px 0;
}

/* ------------------------------

	SALON_STAFF
	
------------------------------ */

#contents.salon_staff {
	background: url(../img/salon/satff/bg.jpg) no-repeat 100% 125px;
	margin-bottom:50px;
}

#contents.salon_staff h3 {
	width: 163px;
	height: 18px;
	display: block;
	background: url(../img/salon/satff/h3.gif) no-repeat 0 0;
	text-indent: -1000em;
	margin: 0 0 15px 5px;
}

#contents.salon_staff .c_center{
	margin-left:30px;
}

#contents.salon_staff p.caption {
	margin: 0 0 15px 5px;
}

#contents.salon_staff div.frame {
	width: 260px;
	height: 160px;
	padding: 5px 15px 0 5px;
	float: left;
	background: url(../img/salon/satff/staff_frame.jpg) no-repeat 0 0;
}

#contents.salon_staff div.frame img {
	margin: 0 15px 0 0;
	float: left;
}

#contents.salon_staff div.frame p.position {
	width: 135px;
	height: 25px;
	padding: 10px 0 0 10px;
	display: block;
	float: right;
	font-size: 10px;
	background: url(../img/salon/satff/position_s.jpg) no-repeat 0 13px;
}

#contents.salon_staff div.frame p.position.none {
	background: url();
}

#contents.salon_staff div.frame h4 {
	width: 145px;
	height: 18px;
	float: right;
	display: block;
	font-size: 15px;
	line-height: normal;
}

#contents.salon_staff div.frame p.h4_ruby {
	width: 145px;
	height: 12px;
	margin: 0 0 10px 0;
	float: right;
	display: block;
	font-size: 9px;
	color: #B88B3F;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

#contents.salon_staff div.frame p.license {
	width: 145px;
	margin: 0 0 2px 0;
	float: right;
	display: block;
	font-size: 10px;
	line-height: 1.0;
}

/* ------------------------------

	SALON_STAFF_DETAIL
	
------------------------------ */

#contents.salon_staff_detail .c_main {
    display: inline;
    width: 650px;
	margin-bottom:20px;
}

#contents.salon_staff_detail .c_sub {
    display: inline;
    width: 190px;
}

ul#staff_navi {}
ul#staff_navi li {
	padding: 10px 0 8px 20px;
	border-bottom: 1px solid #EFE2CE;
	line-height: normal;
	background: url(../img/icon_arrow.gif) no-repeat 8px 50%;
}

ul#staff_navi li a {
	color: #85766C;
	text-decoration: none;
}

ul#staff_navi li a:hover {
	color: #C90;
}

ul#staff_navi li.title {
	height: 20px;
	padding: 0;
	display: block;
	background: url(../img/salon/satff/li_title.gif) no-repeat 0 0;
	border: none;
	text-indent: -1000em;
}

ul#staff_navi li span.ruby {
	font-size: 10px;
	font-family:"£Í£Ó ¥´¥·¥Ã¥¯", "MS Gothic", "Osaka¡ÝÅùÉý", Osaka-mono, monospace;
}

#contents.salon_staff_detail img.large {
	float: right;
	border: 3px solid #EFE2CE;
	display: inline;
}

#contents.salon_staff_detail img.small {
	margin: 20px 0 0 10px;
	float: left;
}

#contents.salon_staff_detail img.smalli {
	margin: 87px 0 0 10px;
	float: left;
}

#contents.salon_staff_detail p {
	width: 500px;
}

#contents.salon_staff_detail p.position {
	width: 370px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	display: block;
	background: url(../img/salon/satff/position.jpg) no-repeat 0 0;
}

#contents.salon_staff_detail p.position.none {
	background: url();
}

#contents.salon_staff_detail h3 {
	height: 25px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	display: block;
	font-size: 19px;
	line-height: normal;
}

#contents.salon_staff_detail .h3_ruby {
	height: 15px;
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #B88B3F;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

#contents.salon_staff_detail h4 {
	float: right;
	width: 500px;
	height: 40px;
	display: block;
	text-indent: -1000em;
}

#contents.salon_staff_detail h4#q1 {
	background:url(../img/salon/satff/h4_q1.gif) no-repeat 0 20px;
}
#contents.salon_staff_detail h4#q2 {
	background:url(../img/salon/satff/h4_q2.gif) no-repeat 0 20px;
}
#contents.salon_staff_detail h4#q3 {
	background:url(../img/salon/satff/h4_q3.gif) no-repeat 0 20px;
}
#contents.salon_staff_detail h4#q4 {
	background:url(../img/salon/satff/h4_q4.gif) no-repeat 0 20px;
}
#contents.salon_staff_detail h4#q5 {
	background:url(../img/salon/satff/h4_q5.gif) no-repeat 0 20px;
}

#contents.salon_staff_detail div.license {
	border-top: 1px solid #EFE2CE;
	height: 60px;
	padding: 10px 0 0 15px;
	width: 370px;
}

#contents.salon_staff_detail p.license {
	height: 15px;
	display: block;
	font-size: 11px;
	width: 370px;
}

#contents.salon_staff_detail div.first {
	width: 370px;
	height: 230px;
	padding: 0 0 0 15px;
}

#contents.salon_staff_detail div.first p,
#contents.salon_staff_detail div.first h4 {
	width: 370px;
}

h5 {
	color: #452109;
	font-weight: bold;
	font-size: 115%;
}

.mb20 {
	margin-bottom: 20px;
}