@charset "utf-8";
/* CSS Document */

body {
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka;
margin: 0px;
padding: 0px;
background:url(../img/common/all_bg.jpg) repeat-x;
}



body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,li {
font-size:small;
line-height:155%;
font-weight:normal;
color:#271d1b;
letter-spacing:0.035em;

/*IE5.5以下に見せたくないときの設定（2行）*/
voice-family:"\"}\""; /*『 } 』で終わったと見せかける*/
voice-family:inherit; /*『inherit』で上の設定をキャンセル*/

font-size:small;
/*_font-size:small;*/

}


p{text-align:justify;text-justify : inter-ideograph;}

a{ text-decoration:underline; color:#5872ac;}
a:hover{ text-decoration:none; color:#c64b45;}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,li,dd,form,pre,embed,object,form,fieldset,input,textarea,select,option,img{margin:0;padding:0;vertical-align: baseline;}

li{ list-style-type:none;}

table,img{border:0;}
.clear{ clear:both; margin:0; padding:0;}
.float_r{float:right;}
.float_l{float:left;}

.x-small{font-size:x-small;}

/*layout*/
#building{
	width:100%;
	height:auto;
	text-align:center;
	background:url(../img/common/bg.jpg) no-repeat top center;
}
#header{
	width:810px;
	height:auto;
	margin:0px auto;
	overflow: hidden;
}
#contents_bg_top{
	width:830px;
	height:70px;
	margin:0 auto;
	background:url(../img/common/cont_bg_top.png) no-repeat;
	text-align: left;
}
#contents_bg_middle{width:830px; height:auto; text-align:left; margin:0 auto; background:url(../img/common/cont_bg_middle.png) repeat-y;}

#footer{
	width:100%;
	height:100px;
	text-align:center;
	margin:0;
	background:url(../img/common/footer_bg.jpg) repeat-x;
	padding-top:10px;
}


/*footer*/
#footer_contents{
	width:740px;
	margin:0 auto;
	height: auto;
}
#footer_contents p{float:left;}
/*#footer h2 {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	line-height: normal;
}
#footer p {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	line-height: normal;
}
#footer h3 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	line-height: normal;
}*/

#add {
	width: 840px;
	margin: 0px auto 20px auto;
}
#add p {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	line-height: normal;
}
.add_B{
	font-weight:bold;
	color: #CC6600;
}
.add_p {
	font-size: 12px;
}

/*#footer p{float:left;}*/
#footer ul{ float:right;}
#footer ul li{ float:left; padding:0 5px;}
#footer ul li.li901{ border-left:1px solid #666666;}
.copyRight a {color:#271d1b; text-decoration: none;}
.copyRight a:hover {text-decoration: underline;	color: #c64b45;}

/*top*/
#top_head_staff{
	width:800px;
	height:27px;
	text-align:right;
	margin:0 auto;
}
#top_header_right{
	width:850px;
	height:24px;
	text-align:right;
	margin:0px auto 0px auto;
	padding: 0px 0px 20px 0px;
}
#top_header_right strong{
	font-weight: normal;
	color: #271d1b;
}
#top_header_right a{
	font-weight: normal;
	color: #271d1b;
	text-decoration: none;
}
#top_header_right a:hover{
	color: #271d1b;
	font-style: normal;
	text-decoration: underline;
}



#body top_bg{ background:url(top_bg.jpg) repeat-x;}
#top_box{
	width:auto;
	height:auto;
	margin:0 auto;
	background:url(../img/top/fla_bg.jpg) no-repeat;
	padding:19px 0 0 0;
	background-position: center 0px;
}
#top_fla{width:840px; height:auto;margin:0 auto;}
#top_tenpo{
	width:840px;
	height:auto;
	text-align:center;
	margin:12px auto;
}


/*common*/
.contents{width:650px; height:auto; margin:0 0 50px 80px;}

.color_bg{
	width: 650px;
	background-image: url(../img/damageless/bg02.gif);
	background-repeat: no-repeat;
	background-position: 250px 0px;
}

.reclut01{
	width:650px;
	height:160px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	background-image: url(../img/company/recruit_001.jpg);
	background-repeat: no-repeat;
	background-position: 150px 0px;
}
.reclut02{
	width:650px;
	height:160px;
	margin:0 0 0 0;
	padding: 0px;
	background-image: url(../img/company/recruit_002.jpg);
	background-repeat: no-repeat;
	background-position: 180px 0px;
}
.reclut03{
	width:650px;
	height:160px;
	margin:0 0 0 0;
	background-image: url(../img/company/recruit_003.jpg);
	background-repeat: no-repeat;
	background-position: 210px 0px;
}
.reclut01_img{
	width:150px;
	height:100px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
}
.reclut02_img{
	width:150px;
	height:100px;
	margin:0 0 0 0;
	padding: 0px;
}
.reclut03_img{
	width:150px;
	margin:0 0 0 0;
	height: 100px;
}


.totop{height:30px; margin:100px 40px 0 0;}

h2{margin:0 0 23px 24px;}
h2.mb_0{margin:0 0 0px 24px;}
h3{margin:0 0 20px 26px;}
h4{margin:0 0 10px 0px;}

strong{ color:#ad480b; font-weight: bold;}
.f_bold{ font-weight: bold;}
.f_10{font-size:10px;}

.main_box{margin:0 0 23px 24px;}
.main_img{margin:0 0 30px 32px;}

.value01{margin:10px 0}

.ml_1{margin-left:1px;}
.ml__10{margin-left:-15px;}
.ml__11{margin-left:80px;}
.ml__12{margin-left:40px;}
.ml_14{margin-left:14px;}
.ml_30{margin-left:30px;}
.mb_5{margin-bottom:5px;}
.mb_0{margin-bottom:0;}
.mb_15{margin-bottom:15px;}
.mb_30{ margin:0 0 30px 0;}
.mb_60{ margin:0 0 60px 0;}
.mbl_540{margin:0 0 5px 40px;}

.comment01{padding:5px 30px 0px 30px;}
.comment01 a{font-size:10px; color:#cf8741;}
.comment02{font-size:10px; margin:5px 30px 10px 30px;}

.style1 {color: #FF6600}

/*header*/
#logo{
	width:auto;
	height:auto;
	float:left;
	text-indent:-5000px;
}
#logo a{
	width:260px;
	height:67px;
	display:block;
}

#header_right{
	width:550px;
	height:auto;
	float:right;
	text-align: right;
}
#header_right strong{
	font-weight: normal;
	color: #271d1b;
}
#header_right a{
	font-weight: normal;
	color: #271d1b;
	text-decoration: none;
}
#header_right a:hover{
	color: #271d1b;
	font-style: normal;
	text-decoration: underline;
}

h1{
	height:20px;
	font-size:10px;
	margin-top:5px;
}
.btn_totop{
	width:100px;
	height:25px;
	text-indent:-5000px;
	overflow:hidden;
	float: right;
	margin-top:25px;
	background-image: url(../img/common/top.gif);
	background-repeat: no-repeat;
}
.btn_totop a{
	width:100px;
	height:25px;
	display:block;
}

.btn_tosalon{
	width:100px;
	height:25px;
	text-indent:-5000px;
	overflow:hidden;
	float: right;
	margin:25px 0px 0px 0px;
	background-image: url(../img/common/tosalon.gif);
	background-repeat: no-repeat;
}
.btn_tosalon a{
	width:200px;
	height:25px;
	display:block;
}

ul#t_navi{
	width:300px;
	height:auto;
	margin:0 auto;
	float:right;
}
#t_navi li{height:53px; float:left; overflow:hidden; text-indent:-5000px;}

.pan{
	width:auto;
	height:auto;
	margin:35px 0px 0px 0px;
	font-size: 10px;
	padding: 0px 0px 0px 50px;
	float: left;
}
.pan strong{
	font-weight: normal;
	color: #271d1b;
}


#t_navi li{
	margin-top:16px;
}
#t_navi li a{height:53px; display:block;}
.li_101{ background:url(../img/common/btn_t_nishijin.jpg); width:94px;}
.li_102{ background:url(../img/common/btn_t_tenjin.jpg); width:94px;}
.li_103{ background:url(../img/common/btn_t_meinohama.jpg); width:92px;}





/*h_navi*/
ul#h_navi{width:886px;height:auto; margin:0 auto;}
#h_navi li{height:26px; float:left; overflow:hidden; text-indent:-5000px; margin-left:3px;}

#h_navi li a{height:26px; display:block;}
.li_001{ background:url(../img/common/navi_01.jpg); width:100px;}
.li_002{ background:url(../img/common/navi_09.jpg); width:151px;}
.li_003{ background:url(../img/common/navi_03.jpg); width:100px;}
.li_004{ background:url(../img/common/navi_04.jpg); width:180px;}
.li_005{ background:url(../img/common/navi_05.jpg); width:86px;}
.li_006{ background:url(../img/common/navi_06.jpg); width:54px;}
.li_007{ background:url(../img/common/navi_11.jpg); width:100px;}
.li_008{ background:url(../img/common/navi_12.jpg); width:85px; margin-left:0px;}




/*table*/
table.tblIN td{ padding:0 0;}
table.tbl01{background-color:#CCCCCC;margin-bottom:30px;}
table.tbl01 td{padding:5px 7px;background-color:#FFFFFF;}
table.tbl01 td.tbl01L{background-color:#F7F7F7;}



/*saloninfo*/
.discount01{float:left;padding-right:10px;}
.contents_map{width:650px; height:auto; margin:0 0 50px 80px;background-color:#f5e2d5;}



/*menu*/
.menu_submenu{height:32px; width:680px; border-bottom: 1px solid #fbc197; border-left: 1px solid #fbc197; margin:0 0 10px 80px;}
.menu_submenu ul{ padding:5px 0 0 0;}
.menu_submenu ul li{ float:left; padding-left:28px;}

.menu_topic_box001{border:3px solid #D7AE32;border-top:none; width:726px; height:auto; margin-left:47px; background-color:#FFFFFF; margin-bottom:15px;}
.menu_topic_box001 dl,.menu_topic_box001 dt,.menu_topic_box001 dd{ color:#945f42; width:288px;}
.menu_topic_box001 dl{
	margin-left:14px;
	display: none;
}
.menu_topic_box001 dt.menu_dt100{padding-left:0px; width:273px;}
.menu_topic_box001 dt.menu_dt101{padding-left:15px; width:273px;}
.menu_topic_box001 dt.menu_dt102{padding-left:5px; width:295px; font-size: x-small;}
.menu_topic_box001 dd{ text-align:right; margin-bottom:23px;}
.menu_topic_box001B {border:3px solid #D7AE32;border-top:none; width:726px; height:auto; margin-left:47px; background-color:#FFFFFF; margin-bottom:15px;}

.menu_topic_box002{
	width: 670px;
	height:630px;
	margin:0 auto;
}
.menu_topic_box003{
	width: 670px;
	height:auto;
	border-bottom:1px solid #F0DD90;
	margin:0 auto;
	margin-bottom:0px;
}
.menu_topic_box003 p{line-height:1.3; padding: 10px 0 20px 0;}
.menu_topic_box004{
	width: 670px;
	height:530px;
	float:left;
	background-image: url(../img/menu/setmenu_02.gif);
	background-repeat: no-repeat;
}
.menu_topic_box005{ width: 307px; height:auto; float:right;}
.menu_topic_box006{width: 628px; height:auto; margin:0 auto; border:8px solid #EDDDAD; margin:0px auto 25px auto; padding:20px;}
.menu_topic_box007{float:left; width:275px;}
.menu_topic_box008{ float:right; width:333px;}
.menu_topic_box008 p{font-size:10px; color:#5f5f5f; margin-top:13px;}

.menu_box001,.menu_box002,.menu_box003,.menu_box004,.menu_box005,.menu_box006,.menu_box007{padding:20px 35px 20px 35px; width:660px; height:auto; margin:0 0 30px 47px;}
.menu_box_l{ float:left; width:308px; height:auto;}
.menu_box_l1{
	float:left;
	width:308px;
	height:250px;
	background-image: url(../img/menu/hair_L02.gif);
}
.menu_box_l2{
	float:left;
	width:308px;
	height:250px;
	background-image: url(../img/menu/wave_L02.gif);
	background-repeat: no-repeat;
}
.menu_box_l3{
	float:left;
	width:660px;
	height:250px;
	background-image: url(../img/menu/color_02.gif);
	background-repeat: no-repeat;
}
.menu_box_l4{
	float:left;
	width:308px;
	height:320px;
	background-image: url(../img/menu/head_L02.gif);
	background-repeat: no-repeat;
}
.menu_box_l5{
	float:left;
	width:308px;
	height:400px;
	background-image: url(../img/menu/make_L02.gif);
	background-repeat: no-repeat;
}
.menu_box_l5 h5{display:none;}

.menu_box_l6{
	float:left;
	width:308px;
	height:390px;
	background-image: url(../img/menu/esthe_L02.gif);
	background-repeat: no-repeat;
}
.menu_box_l6 h5{display:none;}
.menu_box_l7{
	float:left;
	width:308px;
	height:720px;
	background-image: url(../img/menu/nail_L02.gif);
	background-repeat: no-repeat;
}
.menu_box_l7 h5{display:none;}

.menu_box_r{ float:right; width:308px; height:auto;}
.menu_box_r1{
	float:right;
	width:308px;
	height:250px;
	background-image: url(../img/menu/hair_R02.gif);
}
.menu_box_r2{
	float:right;
	width:308px;
	height:250px;
	background-image: url(../img/menu/wave_R02.gif);
	background-repeat: no-repeat;
}
.menu_box_r3{ float:right; width:308px; height:auto;}
.menu_box_r4{
	float:right;
	width:308px;
	height:320px;
	background-image: url(../img/menu/head_R02.gif);
	background-repeat: no-repeat;
}
.menu_box_r5{
	float:right;
	width:308px;
	height:400px;
	background-image: url(../img/menu/make_R02.gif);
	background-repeat: no-repeat;
}
.menu_box_r6{
	float:right;
	width:308px;
	height:390px;
	background-image: url(../img/menu/esthe_R02.gif);
	background-repeat: no-repeat;
}
.menu_box_r7{
	float:right;
	width:308px;
	height:720px;
	background-image: url(../img/menu/nail_R02.gif);
	background-repeat: no-repeat;
}
.menu_box001{
	background:#FCEDED;
}
.menu_box002{ background:#e9eef8;}
.menu_box003{ background:#fffded;}
.menu_box004{ background:#e8e6f3;}
.menu_box005{ background:#eaf5f4;}
.menu_box006{ background:#fdede3;}
.menu_box007{ background:#fef5e8;}

.dl_menu{
	margin:15px 20px 20px 20px;
}
.dl_menu dt{
	float:left;
	color:#945f42;
	line-height:100%;
	margin-bottom:13px;
	height:auto;
	width:200px;
	display: none;
}
.dl_menu dd{
	float:right;
	color:#945f42;
	line-height:100%;
	margin-bottom:13px;
	height:auto;
	width:65px;
	display: none;
}

.menu_box_l h5{margin:0 0 5px 12px; color:#ad480b; font-weight:bold;}
.menu_pan,.menu_pan_003{ padding:0 0 10px 0; color:#945f42;}
.menu_pan_003{border-bottom: 2px solid #fcd071; margin-bottom:10px;}

.menu_text01{font-size:18px; font-weight:bold; color:#c3453d;}
.menu_text02{
	width:303px;
	text-align:right;
	color:#7f7f7f;
	font-size:10px;
	margin-bottom:15px;
	display: none;
}





/*hairstyle*/
#contents_wrap{
	width:778px;
	height:auto;
	margin: 0px 26px 0px 26px;
}
#contents_box_left h3,#contents_box_right h3{margin:0 0 15px 0;}
#contents_box_left{width:384px;height:auto; float:left;}
#contents_box_right{width:384px; height:auto; float:right;}

#contents0000{
	width:740px;
	height:110px;
	background-image: url(../img/common/20off.gif);
	background-repeat: no-repeat;
	margin: 0px 45px 0px 45px;
}
#contents0001{
	width:384px;
	height:1270px;
	background-image: url(../img/2009_winter/001.gif);
	background-repeat: no-repeat;
}
#contents0002{
	width:384px;
	height:1270px;
	background-image: url(../img/2009_winter/002.gif);
	background-repeat: no-repeat;
}
#contents0003{
	width:384px;
	height:1200px;
	margin: 30px 0px 0px 0px;
	background-image: url(../img/2009_winter/003.gif);
	background-repeat: no-repeat;
}
#contents0004{
	width:384px;
	height:1200px;
	margin: 30px 0px 0px 0px;
	background-image: url(../img/2009_winter/004.gif);
	background-repeat: no-repeat;
}
#contents0001 h2,#contents0002 h2,#contents0003 h2,#contents0004 h2{
	margin:0 0 15px 0;
	display: none;
}
#contents0001 h3,#contents0002 h3,#contents0003 h3,#contents0004 h3{
	margin:0 0 15px 0;
	display: none;
}
#contents0000 p,#contents0001 p,#contents0002 p,#contents0003 p,#contents0004 p{
	margin:0 0 15px 0;
	display: none;
}
#contentsFB01{
	width:384px;
	height:680px;
	margin: 10px 0px 0px 0px;
	background-image: url(../img/facialbody/winter_FB001.gif);
	background-repeat: no-repeat;
}
#contentsFB02{
	width:384px;
	height:680px;
	margin: 10px 0px 0px 0px;
	background-image: url(../img/facialbody/winter_FB002.gif);
	background-repeat: no-repeat;
}
#contentsFB01 h2,#contentsFB02 h2{
	margin:0 0 15px 0;
	display: none;
}
#contentsFB01 h3,#contentsFB02 h3{
	margin:0 0 15px 0;
	display: none;
}
#contentsFB01 h4,#contentsFB02 h4{
	margin:0 0 15px 0;
	display: none;
}
#contentsFB01 p,#contentsFB02 p{
	margin:0 0 15px 0;
	display: none;
}

.contentsHS01{
	width:350px;
	height:160px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 18px;
}
.contentsHS02{
	width:350px;
	height:auto;
	margin: 0px 0px 30px 18px;
	text-align: right;
}

.contents002{
	width:350px;
	margin-left:18px;
	height:240px;
}
.contents003{width:350px; margin-left:18px; height:200px;}
.contents004{width:350px; margin-left:18px; height:auto;}
.contents004_season{
	width:360px;
	margin-left:18px;
	height:auto;
	text-align:center;
}
.contents004_season p{text-align:left; padding:0px 15px 20px 15px;}
.contents004_season ul,.contents004_season ul li{text-align:left;}

#contents_salon{
	width:650px;
	height:auto;
	margin:20px 90px 80px 90px;
}
#contents_salon h2{
	font-size: 14px;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#contents_salon h3{
	font-size: 14px;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#contents_salon p{
	font-size: 14px;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#contents_salon a{
	text-decoration: none;
}
#contents_salon a:hover{
	text-decoration: underline;
}

ul.icon01 li,ul.icon01_r li,ul.icon01_l li{ background:url(../img/season/icon01.gif) no-repeat center left; padding-left:23px;}
ul.icon01_r{float:right;}
ul.icon01_l{float:left;}
ul.icon01{margin: 0 0 30px 20px;}
ul.icon02{ margin:0 0 20px 30px;}
ul.icon02 li{ background:url(../img/season/icon02.gif) no-repeat center left; padding-left:17px;}
.icon001_box{ width:280px; height:auto; margin:0 0 15px 30px;}
.season_box001{width:311px; height:auto; background:#eee9d2; padding:15px; text-align:left; margin:0 0 60px 0;}
.season_box002{ background:#eee9d5; width:731px; height:auto; margin:0 0 0 45px;}
.season_box002 p{ padding:10px 0 10px 20px; color:#a66a63;}
.season_box003{width:311px; height:auto; background:#eee9d2; padding:15px; text-align:left; margin:0 0 0 0;}



/*recommend_hairstyle*/

.textbox01{ width:750px; height:auto; text-align:right; margin:10px auto;}
#rec_box{ width:750px; height:auto; background:#F3DBC8; margin:0 auto 10px; text-align:left;}

.rec_img01{ margin:12px 0 0px 12px;}
.rec_img02{ margin:0px 12px 0px 12px;}

.rec_img01_2{ margin:12px 0 12px 12px;}
.rec_img02_2{ margin:0px 12px 12px 12px;}



/*lightbox*/
#outerImageContainer {
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
	}
	#imageDataContainer {
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
	}
	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




/*season_menu*/
#season_menu #contents_bg_middle{
	width:830px;
	height:auto;
	text-align:left;
	margin:0 auto;
	background-image: url(../img/common/cont_bg_middle.png);
	background-repeat: repeat-y;
}