@charset "UTF-8";

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
h7 {
	font-weight: normal;
	font-size: 150%;
	font-family: "Comic Sans MS","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",cursive;
	text-align:center;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* font setting */
body{
	color: #5E3A1D;
	line-height:167%;
	font-size:12px;
	font-family:'Lucida Grande',Verdana,sans-serif;
}

a{	color: #5E3A1D; text-decoration:none;}

a:hover{text-decoration:underline;}


/* layout */
body{
	background-image: url("../images/d.gif");
　　　　background-repeat: repeat;
	width:100%;
}

#wrapper{
	width:1100px;
	background-color:#fff;
	margin:0 auto;
}

#header{
	width:900px;
}

#container{}

#side{
	float:left;
}
#side{
	float:left;
	width:220px;
        margin-left: 20px;
}

#contents{
	float:left;
	width:850px;
	margin-left:5px;
}

.contents_inner{
	padding-left:20px;
}

/* icon setting */
.icon{
	background:url("../images/icon_item_li.gif") 0 0 no-repeat;
	padding-left:24px;
}

.icon.mail{
	background:url("../images/icon_email.gif") 0 0 no-repeat;
}

.icon.tel{
	background:url("../images/icon_tel.gif") 0 0 no-repeat;
}

/* Generic setting */
.under_dot{
    background: url("../images/dot.gif") repeat-x left bottom;
    padding: 2px 0 5px;
}

.separate{
	text-align:center;
    padding: 15px 0 20px 0;
}

.t_left{
	text-align:left;
}
.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}

.bold,.here{
	font-weight:bold;
}

.caution{
	font-size:11px;
	color:#FF6600;
}

table th, table td {
    padding: 5px;
    vertical-align: middle;
}

/* .page_navi */
.page_navi ul {
	margin:0;
	list-style:none;
	display:inline-block;
}

.page_navi{
	width:90%;
	font-size:11px;
	line-height:11px;
	text-align:right;
}
.page_navi li {
	display: table-cell;
	*display: inline;  
	*zoom: 1;
	padding: 3px;
}

.line_top{
	vertical-align:top;
}

/* selectbox setting */
.callback span{
	width:180px !important;
	font-size:11px;
}

div#_mat {
   	width:210px;
   	font-size:11px;
}



/* #header */
#logo{
	width:131px;
	height:112px;
	position:relative;
	float:left;
	margin:25px 0 10px 0;
}

#logo .headline{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#logo p{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#hdr_contents{
	width:769px;
	float:left;
	text-align:right;
}

#hdr_contents .word{
	font-size:11px;
}

#hdr_contents span{
	margin-left:10px;
}


/* #side */

#side .box li p{font-weight:bold;}


#side .item{
	margin-top:20px;
	margin-bottom:0px;
	display:block;
}

#side .seo{
	color: #ffffff;
	margin-top:20px;
	margin-bottom:0px;
	display:block;
}

#side .seo2{
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
}


/* 	#navi	 */
#navi{
	margin:15px 0;
}

#navi li a{
	padding:6px 5px;
	display:block;
}

/* 	#sub_navi	 */
.sub_navi{
	text-align:right;

}

.sub_navi ul{
	display:inline-block;
 *display:inline; /* IE7 and below */
}
.sub_navi li{
	float:left;
}
.sub_navi li a{
	background:url("../images/sub_navi_salon_menu_staff.gif") 0 0 no-repeat;
	text-align:right;
	display:block;
	height:0;
	padding-top:22px;
	overflow:hidden;
	margin-left:10px;
}


.sub_navi li.info a{
	width: 140px;
}
.sub_navi li.menu a{
	background-position:-158px 0;
	width: 115px;
}
.sub_navi li.staff a{
	background-position:-286px 0;
	width: 110px;
}

.salon_infomation .sub_navi li.info a,
.sub_navi li.info a:hover{
	background-position:0 -26px;
}
.menu_and_price .sub_navi li.menu a,
.sub_navi li.menu a:hover{
	background-position:-158px -26px;
}

.staff_member .sub_navi li.staff a,
.sub_navi li.staff a:hover{
	background-position:-286px -26px;
}

/* 	#breadcrumb	 */
#breadcrumb{
	text-align:right;
	font-size: 11px;
	margin-bottom:20px;
}

/*	 #news 	*/
#news{
	background:url("../images/bg_news.gif") 0 0 no-repeat;
	text-align:right;
}
#news .box{
	padding:89px 28px 28px 25px;
	height:180px;
	text-align:left;
}

#news .icon{
	font-size:11px;
	margin-right:20px;
}

/*	 #blog 	*/
#blog{
	background:url("../images/bg_blog.gif") 0 0 no-repeat;
	text-align:right;
}

#blog .box{
	padding:51px 28px 10px 25px;
	height:50px;
	text-align:left;
}

#blog .icon{
	font-size:11px;
	margin-right:20px;
}


/* #slideshow */

#slideshow{
	width:850px;
	height:682px;
	position:relative;
}

#slideshow .facebook{
	position:absolute;
	bottom:0px;
	left:40px;
	z-index:100;
}

#slideshow .yoyaku{
	position:absolute;
	bottom:0px;
	left:290px;
	z-index:100;
}

#slideshow .kyujin{
	position:absolute;
	bottom:0px;
	left:550px;
	z-index:100;
}

#kabu{
	width:850px;
	height:170px;
	position:relative;
}

#kabu .facebook2{
	position:absolute;
	bottom:0px;
	left:40px;
	z-index:100;
}

#kabu .yoyaku2{
	position:absolute;
	bottom:0px;
	left:290px;
	z-index:100;
}

#kabu .kyujin2{
	position:absolute;
	bottom:0px;
	left:550px;
	z-index:100;
}

#slideshow .frame{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#slideshow #slider{
	position:absolute;
	top:35px;
	left:28px;
	z-index:0;
	width:680px;
	height:410px;
}

/* .pagetop */

.pagetop{
	text-align:right;
	margin-top:50px;
	margin-right:50px;
}



/* #footer */

#footer{
	margin-top:20px;
}

#footer .copyright{
	text-align:center;
	margin-bottom:20px;
}


#footer a{
	color:#A9A6A1;
}

#footer li{
	padding:0 20px;
	float:left;
	font-size:10px;
	line-height:10px;
	margin-bottom:10px;
}

#footer li.elem{
	border-right:1px solid #A9A6A1;
}

/* #campaign & #products */
#campaign{
padding-left: 35px;
}

#campaign .coupon{
	background:url("../images/bg_coupon.gif") 0 0 no-repeat;
	width: 570px;
	margin-bottom:20px;
}

#campaign .coupon td{
	height:280px;
	padding:0 50px;
}


#campaign .entry_ttl{
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom:10px;
}


#campaign .entry_text{
	border: 1px dashed #CCCCCC;
	padding: 20px;
	width:520px;
	margin-bottom:10px;
}


#products{
	margin: 20px 0 10px 20px;
}

#products .showindow{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
	float:left;
}

#products .entry_text{
	float:left;
	border: 1px dashed #CCCCCC;
	padding: 20px;
    width: 300px;
	margin-left:20px;
}
#products li{
	margin-bottom:20px;
}


/* .voice */

.voice .dialog li{
	width: 560px;
	margin: 20px 0 20px 30px;
	padding: 5px;
	display:block;
}

.voice .showindow{
	float:left;
	display:block;
}
.voice .profile{
	float:left;
	width:120px;
	margin-right:10px;
}

.voice .entry_name{
	font-weight:bold;
}
.voice .entry_salon,
.voice .career{
	font-size:11px;
	line-height:1.4;
}

.voice .entry_salon{
	text-decoration:underline;
}


.voice .staff_area .entry_text{
	font-size: 11px;
	width: 348px;
	float:left;
}

.voice .block{
	float:left;
}

.voice .staff_area{
    margin-left: 10px;
}

.voice .member{
    background: url("../images/bg_text.gif") 0 5px no-repeat;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    margin-left: 5px;
    width: 200px;
    padding: 10px 0 0 10px;
}
.voice .showindow img{
    border: 1px solid #D7D2CC;
    margin-right: 10px;
    padding: 2px;
}



.voice .messeage{
	margin-top:-30px;
	width:572px;
    background: url("../images/bg_voice_bottom.gif") 0 bottom no-repeat;
    padding-bottom:17px;
    margin-bottom:30px;
}
.voice .callout{
	display:block;
}

.voice .messeage .inner{
    background: url("../images/bg_voice.gif") 0 2px no-repeat;
    padding:5px 20px;
}
.voice .messeage .tag{
	float:left;
	padding:0px 4px;
	border:1px solid #cccccc;
	margin-right:15px;
	height:20px;
}

.voice .messeage .name{
	float:left;
	line-height:22px;
	display:inline-block;
	font-weight:bold;
}

.voice .messeage .entry_text{
	padding-top:7px;
}

/* .qa */

.qa .contents_inner{
	padding:0 0 0 40px;
}

.qa .question{
    background: url("../images/icon_q.gif") 0 7px no-repeat;
    text-decoration: none;
    padding:5px 0;
    margin-top:3px;
}

.qa .question .under_dot{
	margin-left:24px;
    padding:2px 0;
    font-weight:bold;
}

.qa .cat_list{
	margin-bottom:25px;
}

.qa  .ttl_qa *{
	vertical-align:middle;
}

.qa  .ttl_qa{
	font-weight:bold;
	font-size:14px;

}

.qa  .ttl_qa img{
	margin-right:5px;
}

.qa .answer{
    border: 1px dashed #CCCCCC;
    line-height: 180%;
    margin: 10px 60px 20px 25px;
    padding: 20px;
}

/* #swapimage */

#swapimage{
	position:relative;
    background: url("../images/slide_bg.gif") no-repeat 0 0;
    display: block;
    height: 420px;
    margin-left: 15px;
    overflow: hidden;
    width: 626px;

}

#swapimage #main_image{
	position:absolute;
	z-index:1;
	left:33px;
	top:16px;
}

#swapimage #thumbnail{
	position:absolute;
	z-index:10;
	right:30px;
	bottom:45px;;
}

#swapimage #thumbnail img{
	padding:1px;
	background:#ffffff;
	border:1px solid #cccccc;
}

#swapimage #thumbnail li{
	float:left;
	display:block;
	margin-right:3px;
}


/* .salon_infomation */
.salon_infomation .bg_area{
   background: url("../images/bg_concept_bottom.gif") no-repeat scroll 0 bottom;
    display: block;
    margin-left: 30px;
    overflow: hidden;
    width: 577px;
    padding-bottom:68px;
}


.salon_infomation .bg_area .text_area{
   background: url("../images/bg_concept.gif") repeat-y scroll 0 0;
   padding: 0 50px;
}


.salon_infomation .head{
	display:block;
}

.salon_infomation .half_zone{
	width: 50%;
	float:left;
	margin-top:20px;
}
.salon_infomation .info_zone{
	margin-left: 45px;
}

.salon_infomation .sln_info .frame{
	background: url("../images/bg_notice_bottom.gif") no-repeat 0 bottom;
    margin: 10px;
    padding: 0;
    width: 232px;
    padding-bottom:7px;
    overflow:visible;
    height:auto;
}

.salon_infomation .sln_info .frame .inner{
	background: url("../images/bg_notice.gif") no-repeat scroll 0 0;
	padding: 16px;
}

.salon_infomation .desc{
    padding: 10px;
}
.salon_infomation .frame{
    background: url("../images/bg_desc.gif") no-repeat scroll 0 0 transparent;
    height: 50px;
    overflow: hidden;
    padding: 15px 40px 15px 20px;
}



/* .menu_and_price */

.menu_and_price .bg_area{
    background: url("../images/bg_content_bottom.gif") no-repeat 0 bottom;
    padding-bottom:83px;
}


.menu_and_price .bg_area .text_area{
    background: url("../images/bg_content.gif") no-repeat 0 0;
    padding:70px 140px 0 130px;
}
.menu_and_price .bg_area .text_area .inner li{
    background: url("../images/line02.gif") no-repeat 0 0;
    padding:8px 0 10px; 0;
}

.menu_and_price .bg_area .text_area .attention{
	margin-top:5px;
}

/* .staff_member */


.staff_member .staff_list {
	margin-left:20px;
}

.staff_member .staff_list .ttl{
	margin-bottom:5px;
}

.staff_member .staff_list .ttl *{
	vertical-align:middle;

}

.staff_member .staff_list .ttl .under_dot{
	font-weight:bold;
	display:inline-block;
	margin-bottom:4px;
	margin-left:5px;
	padding-bottom:0px;
}

.staff_member .staff_list ul li{
	float:left;
	margin-right:100px;
	width:122px;
}

.staff_member .staff_list ul li img{
    border: 1px dashed #CCCCCC;
    padding: 4px;
}
.staff_member .staff_list ul li p{
	text-align:center;
}
/* #search_area */
#search_area{
	margin-bottom:12px;
}

#search_area img{
	margin-right:15px;
}

#search_area *{
	vertical-align:middle;
}


/* .staff_detail */
.staff_detail .contents_inner{
	margin-left:30px;
	padding-right:30px;
}

.staff_detail .page_nav{
	margin:15px;
}

.staff_detail .stf_info{
	margin: 0 40px 20px 0;
}

.staff_detail .stf_info .prf_img{
	float:left
}

.staff_detail .stf_info .prf_img img{
    border: 1px dashed #CCCCCC;
    padding: 5px;
}

.staff_detail .stf_info .inner{
    display: inline;
    float: left;
    margin: 0;
    padding: 5px 0 5px 40px;
    position: relative;
    width: 320px;
}

.staff_detail .stf_info .inner .name{
	font-weight:bold;
}


.staff_detail .stf_info .inner .desc{
	font-size: 11px;
	margin:-3px 0 10px 0;
}


.staff_detail .stf_info .inner ul{
	margin:10px 0 20px; 0;
}

.staff_detail .comment{
    border: 1px dashed #CCCCCC;
    margin:0 10px 0 0 ;
    padding: 20px;
}

/* #company */

#company,
#recruit {
    margin-left: 10px;
    padding-right: 60px;
}


#company table,
#recruit table {
    color: #8F7863;
    margin-left: 60px;
}

#company table th,
#recruit table th {
    padding-right: 20px;
    text-align: left;
    white-space: nowrap;
    width: 130px;
    font-weight:bold;
}


/* .contact */

.contact .contents_inner{
padding: 0 15px 0 65px;
}


.contact .input_area{
    width:600px;
    border: 1px dashed #CCCCCC;
    margin-top:10px;
}

.contact .input_area table th{
	height:35px;
	width:170px;
	font-weight:bold;
}

.contact .input_area table td input{
	width:230px;
	height:16px;
}

.contact .input_area table td textarea{
	width:330px;
	height:160px;

}

/* .news */

.news .contents_inner{
	padding-left: 35px;
}

.news .coupon{
	background:url("../images/bg_coupon.gif") 0 0 no-repeat;
	width: 570px;
	margin-bottom:20px;
}

.news .coupon td{
	height:280px;
	padding:0 50px;
}


.news .entry_ttl{
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom:10px;
}


.news .entry_text{
	border: 1px dashed #CCCCCC;
	padding: 20px;
	width:520px;
	margin-bottom:10px;
	margin-left:30px;
}

.news .entry_text .entry_date,
.news .entry_text .entry_title{
	margin-bottom:10px;
}


table.data{
width:100%;
text-align:center;
border-collapse:collapse;
border-spacing:0px;
}
	
table.data th,table.data td{
padding:3px 5px 3px 5px;
font-size:14px;
}


table.price td.price{
width:500px;
text-align:left;
}

table.price td.pri{
width:100px;
text-align:left;
}