@charset "Shift_JIS";

/* -----------------------------------
	reset
----------------------------------- */

body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
img,
th,
dl,dt,dd,
form {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 160%;
	font-weight: normal;
	font-style: normal;
}

img {
	vertical-align: bottom;
	border: 0;
}

/* -----------------------------------
	anchor
----------------------------------- */

a:link{
	color: #B3916B;
	text-decoration: none;
}
a:visited{
	color: #B3916B;
	text-decoration: none;
}
a:hover{
	color: #B3916B;
	text-decoration: underline;
}

#gray a:link{
	color: #654C31;
	text-decoration: none;
}
#gray a:visited{
	color: #654C31;
	text-decoration: none;
}
#gray a:hover{
	color: #d7d7d7;
	text-decoration: none;
}

.clear_both{
	clear: both;
}


/* -----------------------------------
	container
----------------------------------- */

body {
	font-size: 12px;
	color: #777777;
}

#top {
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x;
}

#contents {
	background-image:url(../images/bg_contents.jpg);
	background-repeat:repeat-x;
}

#container {
	width: 840px;
	margin: 27px auto 30px;
	background-color: #FFFFFF;
}


#container_white {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_grd_white.jpg);
	background-repeat:no-repeat;
}

#container_white2 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img18.jpg);
	background-repeat:no-repeat;
}

#container_white3 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img19.jpg);
	background-repeat:no-repeat;
}

#container_white4 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img20.jpg);
	background-repeat:no-repeat;
}

#container_white5 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img21.jpg);
	background-repeat:no-repeat;
}

#container_white6 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img22.jpg);
	background-repeat:no-repeat;
}

#container_white7 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img23.jpg);
	background-repeat:no-repeat;
}

#container_white8 {
	width: 860px;
	margin: 50px auto 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bg_img24.jpg);
	background-repeat:no-repeat;
}



/* -----------------------------------
	top page
----------------------------------- */

#top_flash {
	width: 840px;
	height: 436px;
	clear: both;
}

#top_container {
	width: 840px;
	margin: 20px auto 30px;
	background-color: #FFFFFF;
}

#top_left {
	width: 330px;
	float: left;
	margin-left: 60px;
	margin-right: 90px;
	display: inline;
}

.wn_text {
	width: 330px;
	margin-bottom: 1em;
}

#qr {
	margin: 7px 0;
} 

#top_right {
	width: 360px;
	float: left;
}

#stylists {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}


.inner {
	padding: 15px;
}

p {
	margin-bottom: 10px;
}

.h1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.h2 {
	margin-bottom:12px;
}



/* -----------------------------------
	margin
----------------------------------- */

.mb50 {margin-bottom: 50px;}

/* -----------------------------------
	text
----------------------------------- */

.bold01 { font-weight: bold; font-size: 14px;}



#inner650 {
	width: 650px;
	margin: 0 auto;
}
#inner700 {
	width: 700px;
	margin: 0 auto;
}

#menu {
	width: 600px;
	margin: 0 auto;
}

#salon_contents {
	width: 700px;
	height: 400px;
	margin: 60px auto 30px;
	background-color: #000000;
	filter: alpha(opacity=70);
}

.policy ul {
    list-style: none;
}

.policy li {
    margin-bottom: 10px;
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}

.bg_e {padding: 12px; background-color: #f2f2f2;}


.menu ul {
    list-style: none;
}

.menu li {
    margin-bottom: 10px;
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}

td.left1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

td.right1 {
	background-color: #563413;
	color: #FFFFFF;
	font-weight: bold;
	filter: alpha(opacity=70);
}

td.right1 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: rgba(86,52,19,0.6); 
}

td.left2 {
	background-color: #E2DAD0;
	font-weight: bold;
}


.text10 {font-size: 10px; line-height: 120%; margin-top:4px;}

.menu_foot {width: 450px; margin-left: 200px; margin-top:5px; margin-bottom: 100px; color: #FFFFFF; font-size: 10px;}

.point {margin-right: 3px; margin-bottom: 6px;}



/* -----------------------------------
	salon
----------------------------------- */

#gray {
	width: 840px;
	margin: 60px auto 30px;
	clear: both;
	color: #2c2c2c;
}

#gray2 {
	width: 860px;
	margin: 50px auto 30px;
	clear: both;
	color: #2c2c2c;
}





#gray_inner04 {
	background-image:url(../images/bg_img04.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}



#gray_inner06 {
	background-image:url(../images/bg_img06.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner07 {
	background-image:url(../images/bg_img07.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner08 {
	background-image:url(../images/bg_img08.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner09 {
	background-image:url(../images/bg_img09.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner10 {
	background-image:url(../images/bg_img10.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner11 {
	background-image:url(../images/bg_img11.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner12 {
	background-image:url(../images/bg_img12.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner13 {
	background-image:url(../images/bg_img13.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner14 {
	background-image:url(../images/bg_img14.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner15 {
	background-image:url(../images/bg_img15.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner16 {
	background-image:url(../images/bg_img16.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner17 {
	background-image:url(../images/bg_img17.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}

#gray_inner18 {
	background-image:url(../images/bg_img25.jpg);
	background-repeat:no-repeat;
	background-color: #B2B2B2;
	float: left;
	margin-bottom: 30px;
	width: 860px;
}




.salon_inner {
	float: left;
	width: 810px;
	padding-bottom: 15px;
}

.salon_left {
	float: left;
	width: 480px;
	margin-right: 20px;
	display: inline;
}

* html .salon_left {
	float: left;
	width: 480px;
	margin-right: 10px;
	display: inline;
}

.salon_left2 {
	float: left;
	width: 470px;
	margin-right: 20px;
	display: inline;
}

* html .salon_left2 {
	float: left;
	width: 470px;
	margin-right: 10px;
	display: inline;
}

.salon_right {
	float: left;
	width: 310px;
}

.salon_right2 {
	float: left;
	width: 320px;
}

.salon_nav {font-weight: bolder;}

#salon2 {
	width: 650px;
	margin: 0 auto;
}

#salon_nav {float: left; width: 80px;}

*:first-child+html .salon_foot { margin-bottom: -10px;}

/* -----------------------------------
	style
----------------------------------- */

.salon_td {
	border: 2px #D2B274 solid;
	padding: 2px;
	height: 150px;
}
.salon_td2 {
	border: 2px #D2B274 solid;
	padding: 2px;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 50px;
}

.style_text { }

.style_img {padding-left: 10px; padding-bottom: 5px;}


/* -----------------------------------
	stylist
----------------------------------- */

.stylistphoto {
	padding-right: 33px;
	padding-bottom: 33px;
	padding-left: 30px;
}


/* -----------------------------------
	header
----------------------------------- */

#header {
	width: 840px;
	margin: 0 auto;
	height: 87px;
	margin-bottom:200px;
}

#top_header {
	width: 840px;
	margin: 0 auto;
	height: 523px;
}

#logo {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 11px;
	margin-left: 12px;
}

#online {
	float: left;
	width: 102px;
	height: 13px;
	margin-left: 20px;
	display: inline;
}
#online a{
	display:block;
	height:13px;
	overflow:hidden;
	background-image:url(../images/online.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#online a{background-position:0 0;}
#online a:hover{background-position:0 -13px;}


#online2 {
	float: left;
	width: 102px;
	height: 13px;
	margin-left: 20px;
}
#online2 a{
	display:block;
	height:13px;
	overflow:hidden;
	background-image:url(../images/online.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#online2 a{background-position:0 0;}
#online2 a:hover{background-position:0 -13px;}

#info {
	float: left;
	width: 94px;
	height: 13px;
	margin-left: 498px;
	display: inline;
}
#info a{
	display:block;
	height:13px;
	overflow:hidden;
	background-image:url(../images/info.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#info a{background-position:0 0;}
#info a:hover{background-position:0 -13px;}

#info2 {
	float: left;
	width: 94px;
	height: 13px;
}
#info2 a{
	display:block;
	height:13px;
	overflow:hidden;
	background-image:url(../images/info.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#info2 a{background-position:0 0;}
#info2 a:hover{background-position:0 -13px;}


/* -----------------------------------
	footer
----------------------------------- */

#footer {
	text-align: center;
	padding-bottom: 30px;
	clear: both;
}

.xline {
	width: 100%;
	height: 1px;
	background-color:#cfcfcf;
	margin-bottom: 15px;
	clear: both;
}

* html .xline {
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_cf.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	clear: both;
}

#top_banner_area {
	width: 760px;
	height: 45px;
	margin: 15px auto;
	text-align: center;
	clear: both;
}

* html #top_banner_area {
	width: 780px;
	height: 45px;
	margin: 15px auto;
	text-align: center;
	clear: both;
}

.top_banner {
	margin: 0 5px;
}



#top_banner_seijinshiki {
	float: left;
	width: 180px;
	height: 45px;
	margin: 0 5px;
}
#top_banner_seijinshiki a{
	display:block;
	height:45px;
	overflow:hidden;
	background-image:url(../images/top_banner_seijinshiki.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#top_banner_seijinshiki a{background-position:0 0;}
#top_banner_seijinshiki a:hover{background-position:0 100%;}


#top_banner_upstyle {
	float: left;
	width: 180px;
	height: 45px;
	margin: 0 5px;
}
#top_banner_upstyle a{
	display:block;
	height:45px;
	overflow:hidden;
	background-image:url(../images/top_banner_upstyle.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#top_banner_upstyle a{background-position:0 0;}
#top_banner_upstyle a:hover{background-position:0 100%;}


#top_banner_wig {
	float: left;
	width: 180px;
	height: 45px;
	margin: 0 5px;
}
#top_banner_wig a{
	display:block;
	height:45px;
	overflow:hidden;
	background-image:url(../images/top_banner_wig.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#top_banner_wig a{background-position:0 0;}
#top_banner_wig a:hover{background-position:0 100%;}


#top_banner_concept {
	float: left;
	width: 180px;
	height: 45px;
	margin: 0 5px;
}
#top_banner_concept a{
	display:block;
	height:45px;
	overflow:hidden;
	background-image:url(../images/top_banner_concept.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#top_banner_concept a{background-position:0 0;}
#top_banner_concept a:hover{background-position:0 100%;}




/* -----------------------------------
	gnav start
----------------------------------- */



#salon {
	float: left;
	width: 120px;
	height: 33px;
}
#salon a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_salon.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#salon a{background-position:0 0;}
#salon a:hover{background-position:0 100%;}


#stylist {
	float: left;
	width: 120px;
	height: 33px;
}
#stylist a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_stylist.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#stylist a{background-position:0 0;}
#stylist a:hover{background-position:0 100%;}


#menu {
	float: left;
	width: 120px;
	height: 33px;
}
#menu a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_menu.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#menu a{background-position:0 0;}
#menu a:hover{background-position:0 100%;}


#style {
	float: left;
	width: 120px;
	height: 33px;
}
#style a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_style.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#style a{background-position:0 0;}
#style a:hover{background-position:0 100%;}


#qa {
	float: left;
	width: 120px;
	height: 33px;
}
#qa a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_qa.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#qa a{background-position:0 0;}
#qa a:hover{background-position:0 100%;}


#item {
	float: left;
	width: 120px;
	height: 33px;
}
#item a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_item.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#item a{background-position:0 0;}
#item a:hover{background-position:0 100%;}


#blog {
	float: left;
	width: 120px;
	height: 33px;
}
#blog a{
	display:block;
	height:33px;
	overflow:hidden;
	background-image:url(../images/gnav_blog.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#blog a{background-position:0 0;}
#blog a:hover{background-position:0 100%;}






/* -----------------------------------
	gnav end
----------------------------------- */


/* -----------------------------------
	salon_gnav start
----------------------------------- */

ul#salon_gnav li{
	list-style-type:none;
	float:left;
	width:57px;
	margin-left:8px;
}
ul#salon_gnav li a{
	display:block;
	height:16px;
	overflow:hidden;
	background-image:url(../images/salon_nav.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

ul#salon_gnav li.news a{background-position:0 0;}
ul#salon_gnav li.stylist a{background-position:-57px 0;}
ul#salon_gnav li.recruit a{background-position:-114px 0;}
ul#salon_gnav li.reserve a{background-position:-171px 0;}
ul#salon_gnav li.reserve2 a{background-position:-228px 0;}

ul#salon_gnav li.news a:hover{background-position:0 100%;}
ul#salon_gnav li.stylist a:hover{background-position:-57px 100%;}
ul#salon_gnav li.recruit a:hover{background-position:-114px 100%;}
ul#salon_gnav li.reserve a:hover{background-position:-171px 100%;}
ul#salon_gnav li.reserve2 a:hover{background-position:-228px 100%;}





ul#salon_gnav_bis li{
	list-style-type:none;
	float:left;
	width:57px;
	margin-left:8px;
}
ul#salon_gnav_bis li a{
	display:block;
	height:16px;
	overflow:hidden;
	background-image:url(../images/salon_nav_bis.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

ul#salon_gnav_bis li.news a{background-position:0 0;}
ul#salon_gnav_bis li.stylist a{background-position:-57px 0;}
ul#salon_gnav_bis li.recruit a{background-position:-114px 0;}
ul#salon_gnav_bis li.reserve a{background-position:-171px 0;}

ul#salon_gnav_bis li.news a:hover{background-position:0 100%;}
ul#salon_gnav_bis li.stylist a:hover{background-position:-57px 100%;}
ul#salon_gnav_bis li.recruit a:hover{background-position:-114px 100%;}
ul#salon_gnav_bis li.reserve a:hover{background-position:-171px 100%;}

/* -----------------------------------
	salon_gnav end
----------------------------------- */



/* -----------------------------------
	top page recent entries
----------------------------------- */

dl.rentory dt { font-weight: bold;}
dl.rentory dd { margin-bottom: 1em;}

/* -----------------------------------
	shop top btn
----------------------------------- */

#shoptop_btn1 {
	width:138px;
	margin: 15px 63px;
}
#shoptop_btn1 a{
	display:block;
	height:34px;
	overflow:hidden;
	background-image:url(../images/shoptop_btn.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#shoptop_btn1 a{background-position:0 0;}
#shoptop_btn1 a:hover{background-position:0 100%;}

#shoptop_btn2 {
	width:138px;
	margin: 15px 63px;
}
#shoptop_btn2 a{
	display:block;
	height:34px;
	overflow:hidden;
	background-image:url(../images/shoptop_btn.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#shoptop_btn2 a{background-position:-138px 0;}
#shoptop_btn2 a:hover{background-position:-138px 100%;}