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

*{
	margin:0;
	padding:0;
}


html{
	width:100%;
	height:100%;
}


body{
	width:100%;
	height:100%;
	color:#FFFFFF;
	background:#443935;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}


a{
	color:#ffffff;
}


a:hover{
	color:#FFFF00;
}



/* container */

.container{
	width:1000px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}


/* innerBox */

.innerBox{
	width:1000px;
	float:left;
	background:#5c504c;
}


/* header */

.header{
	width:1000px;
	height:180px;
	background:url(../img/bg_header.png) no-repeat top left;
}


/* logo */

.logo{

}


/* mainNavi */

.mainNavi{
	width:998px;
	height:51px;
	border-right:1px solid #706866;
	border-left:1px solid #706866;
	background:url(../img/bg_mainnavi.png) repeat-x;

}


.mainNavi ul{
	list-style:none;
	margin-left:59px;
}


.mainNavi ul li{
	float:left;
	text-indent:-9999px;
	margin-right:1px;
}


/* naviButton */


/* home */

#home a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_home.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#home a:hover{
	background:url(../img/navibutton_home.png) no-repeat;
	background-position:0px -50px;
}


/* info */

#info a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_info.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#info a:hover{
	background:url(../img/navibutton_info.png) no-repeat;
	background-position:0px -50px;
}


/* menu */

#menu a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_menu.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#menu a:hover{
	background:url(../img/navibutton_menu.png) no-repeat;
	background-position:0px -50px;
}


/* campaign */

#campaign a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_campaign.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#campaign a:hover{
	background:url(../img/navibutton_campaign.png) no-repeat;
	background-position:0px -50px;
}


/* style */

#style a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_style.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#style a:hover{
	background:url(../img/navibutton_style.png) no-repeat;
	background-position:0px -50px;
}


/* staff */

#staff a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_staff.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#staff a:hover{
	background:url(../img/navibutton_staff.png) no-repeat;
	background-position:0px -50px;
}


/* recruit */

#recruit a{
	width:120px;
	height:50px;
	background:url(../img/navibutton_recruit.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#recruit a:hover{
	background:url(../img/navibutton_recruit.png) no-repeat;
	background-position:0px -50px;
}


/* contents */

.contents{
	margin-top:50px;
	margin-bottom:50px;
	margin-left:60px;
}



/* footer */

.footer{
	clear:both;
	/* width:960px; */
	height:60px;
	background:url(../img/bg_footer.png) no-repeat;
	margin-top:20px;
}


/* footerNavi */

.footerNavi{
	list-style:none;
	margin-left:30px;
}


.footerNavi li{
	float:left;
	text-indent:-9999px;
}



/* footerButton */


/* footerHome */

#footerHome a{
	width:60px;
	height:60px;
	background:url(../img/footer_button_home.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerHome a:hover{
	background:url(../img/footer_button_home.png) no-repeat;
	background-position:0px -60px;
}


/* footerInfo */

#footerInfo a{
	width:50px;
	height:60px;
	background:url(../img/footer_button_info.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerInfo a:hover{
	background:url(../img/footer_button_info.png) no-repeat;
	background-position:0px -60px;
}


/* footerMenu */

#footerMenu a{
	width:105px;
	height:60px;
	background:url(../img/footer_button_menu.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerMenu a:hover{
	background:url(../img/footer_button_menu.png) no-repeat;
	background-position:0px -60px;
}


/* footerCamnpaign */

#footerCamnpaign a{
	width:90px;
	height:60px;
	background:url(../img/footer_button_campaign.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerCamnpaign a:hover{
	background:url(../img/footer_button_campaign.png) no-repeat;
	background-position:0px -60px;
}


/* footerStyle */

#footerStyle a{
	width:60px;
	height:60px;
	background:url(../img/footer_button_style.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerStyle a:hover{
	background:url(../img/footer_button_style.png) no-repeat;
	background-position:0px -60px;
}


/* footerStaff */

#footerStaff a{
	width:60px;
	height:60px;
	background:url(../img/footer_button_staff.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerStaff a:hover{
	background:url(../img/footer_button_staff.png) no-repeat;
	background-position:0px -60px;
}


/* footerRecruit */

#footerRecruit a{
	width:73px;
	height:60px;
	background:url(../img/footer_button_recruit.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerRecruit a:hover{
	background:url(../img/footer_button_recruit.png) no-repeat;
	background-position:0px -60px;
}


/* footerMail */

#footerMail a{
	width:50px;
	height:60px;
	background:url(../img/footer_button_mail.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerMail a:hover{
	background:url(../img/footer_button_mail.png) no-repeat;
	background-position:0px -60px;
}


/* footerBlog */

#footerBlog a{
	width:50px;
	height:60px;
	background:url(../img/footer_button_blog.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
}


#footerBlog a:hover{
	background:url(../img/footer_button_blog.png) no-repeat;
	background-position:0px -60px;
}



/* === indexPage === */


/* main */

.main{
	width:604px;
	float:left;
}


/* sub */

.sub{
	float:right;
	width:290px;
}


/* sp */

.sp{
	margin-bottom:30px;
}


/* ban */

.ban{
	margin-bottom:2px;
}



/* titleSalon */

#titleSalon{
	width:604px;
	height:50px;
	background:url(../img/title_salon.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	clear:both;
}


/* titleInfo */

#titleInfo{
	width:604px;
	height:50px;
	background:url(../img/title_info.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	clear:both;
}



/* columnSalon */

.columnSalon{
	border:1px solid #e29399;
	width:562px;
	float:left;
	padding:20px;
	margin-bottom:30px;
}


.columnSalon p{
	font-size:0.9em;
	line-height:1.5;
}


/* salonImg */

.salonImg{
	float:right;
	margin-left:20px;
}



/* titleSpirits */

#titleSpirits{
	height:27px;
	margin-bottom:5px;
	background:url(../img/title_spirits.gif) no-repeat top left;
	text-indent:-9999px;
}
	

/* titleSpace */

#titleSpace{
	height:27px;
	margin-bottom:5px;
	background:url(../img/title_space.gif) no-repeat top left;
	text-indent:-9999px;
}


/* titleStory */

#titleStory{
	height:27px;
	margin-bottom:5px;
	background:url(../img/title_story.gif) no-repeat top left;
	text-indent:-9999px;
}


/* columnInformation */

.columnInformation{
	font-size:0.9em;
	line-height:1.66;
	margin-bottom:20px;
	margin-left:3px;
}
	


/* ban */

/* banSpirits */

#banSpirits a{
	width:230px;
	height:60px;
	background:url(../img/ban_spirits.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banSpirits a:hover{
	background:url(../img/ban_spirits.png) no-repeat;
	background-position:0px -60px;
}


/* banSpace */

#banSpace a{
	width:230px;
	height:60px;
	background:url(../img/ban_space.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banSpace a:hover{
	background:url(../img/ban_space.png) no-repeat;
	background-position:0px -60px;
}


/* banStory */

#banStory a{
	width:230px;
	height:60px;
	background:url(../img/ban_story.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banStory a:hover{
	background:url(../img/ban_story.png) no-repeat;
	background-position:0px -60px;
}



/* banStyle */

#banStyle a{
	width:230px;
	height:60px;
	background:url(../img/ban_style.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banStyle a:hover{
	background:url(../img/ban_style.png) no-repeat;
	background-position:0px -60px;
}


/* banMenu */

#banMenu a{
	width:230px;
	height:60px;
	background:url(../img/ban_menu.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banMenu a:hover{
	background:url(../img/ban_menu.png) no-repeat;
	background-position:0px -60px;
}


/* banCampaign */

#banCampaign a{
	width:230px;
	height:60px;
	background:url(../img/ban_campaign.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banCampaign a:hover{
	background:url(../img/ban_campaign.png) no-repeat;
	background-position:0px -60px;
}


/* banStaff */

#banStaff a{
	width:230px;
	height:60px;
	background:url(../img/ban_staff.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banStaff a:hover{
	background:url(../img/ban_staff.png) no-repeat;
	background-position:0px -60px;
}


/* banBlog */

#banBlog a{
	width:230px;
	height:90px;
	background:url(../img/ban_blog.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banBlog a:hover{
	background:url(../img/ban_blog.png) no-repeat;
	background-position:0px -90px;
}


/* banQr */

#banQr a{
	width:230px;
	height:120px;
	background:url(../img/ban_qr.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#banQr a:hover{
	background:url(../img/ban_qr.png) no-repeat;
	background-position:0px -120px;
}



/* blog */

.blog{
	margin-top:20px;
}


/* qr */

.qr{
	margin-top:20px;
}


/* mail */

.mail{
	margin-top:20px;
}


#mail a{
	width:150px;
	height:30px;
	background:url(../img/mail.png) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}


#mail a:hover{
	background:url(../img/mail.png) no-repeat;
	background-position:0px -30px;
}

/* facebook */

.facebook{
	margin-top:20px;
}


/* === subPage === */

/* style */

.style{
	float:left;
}



/* titleStyle */

#titleStyle{
	width:880px;
	height:50px;
	background:url(../img/title_style.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}


/* titleCrown */

.titleCrown{
	font-size:1.2em;
	line-height:2.2;
	color:#ffffff;
	background:url(../img/crown.gif) no-repeat left center;
	border-bottom:1px dashed #c9caca;
	padding-left:55px;
	width:825px;
	margin-bottom:45px;
	clear:both;
}


.titleCrown span{
	font-size:0.8em;
	margin-left:50px;
}


/* styleThumb */

.styleThumb{
	list-style:none;
	margin-left:1px;
}


.styleThumb li{
	float:left;
}


.styleThumb li a{
	margin-right:42px;
	margin-bottom:42px;
	display:block;
	background:#cccccc;
	padding:1px;
}


.styleThumb li a:hover{
	background:#ffff00;
}



/* staff */

.staff{
	margin-bottom:50px;
}


/* titleStaff */

#titleStaff{
	width:880px;
	height:50px;
	background:url(../img/title_staff.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}


/* staffprofile */

.staffprofile{
	/* clear:both; */
	float:left;
	width:880px;
	border-bottom:1px dashed #c9caca;
	padding-top:20px;
	padding-bottom:20px;
}


/*
.staffprofile img{
	float:left;
	margin-right:40px;
}
*/


.staffprofile table{
	border-collapse:collapse;
	float:left;
	/* margin-right:60px; */
	width:500px;
}


.staffprofile table th{
	font-size:0.9em;
	line-height:1.66;
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
	padding-right:30px;
}


.staffprofile table td{
	font-size:0.9em;
	line-height:1.66;
	vertical-align:top;
}


/* staffImg */

.staffImg{
	float:left;
	width:250px;
	margin-right:40px;
}


.staffImg span{
	font-size:0.8em;
	line-height:1.5;
}


/* careerImg */

.careerImg{
	clear:both;
}


.careerImg img{
	margin-right:10px;
}



/* shop */

.shop{

}



/* shopinfo */

.shopinfo{
	float:left;
	padding-bottom:20px;
	_padding-bottom:10px; /* for IE6 */
	margin-bottom:40px;
	background:url(../img/line_shopinfo.png) no-repeat bottom left;
}


/* titleShopinfo */

#titleShopinfo{
	width:880px;
	height:50px;
	background:url(../img/title_shopinfo.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}


/* shopinfoImg */

.shopinfoImg{
	margin-bottom:20px;
}


/* shopData */

.shopData{
	float:left;
	width:350px;
	margin-right:40px;
	margin-bottom:20px;
}


.shopData h3{
	/* background:#c9caca; */
	/* line-height:2; */
	font-size:1.2em;
	line-height:1.66;
	margin-bottom:20px;
}




.shopData p{
	font-size:0.9em;
	line-height:1.66;
	margin-bottom:20px;
}


.shopData table{
	border-collapse:collapse;
}


.shopData th{
	font-size:0.9em;
	line-height:1.66;
	vertical-align:top;
	text-align:left;
	padding-right:20px;
	white-space:nowrap;
}


.shopData td{
	font-size:0.9em;
	line-height:1.66;
	vertical-align:top;
}


/* shopinfoStaff */

.shopinfoStaff{
	float:left;
	width:510px;
	display:inline;
}


.shopinfoStaff h4{
	width:490px;
	height:24px;
	background:url(../img/title_infostaff.png) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:20px;
}


.shopinfoStaff div{
	float:left;
	width:150px;
	margin-right:20px;
	margin-bottom:20px;
}


.shopinfoStaff div span{
	font-size:0.8em;
	line-height:1.5;
	text-align:center;
}



/* googleMap */

.googleMap{
	clear:both;
	margin-bottom:40px;
}


/* fukidasi */

.fukidasi{
	width:220px;
	font-size:0.8em;
	line-height:1.66;
	color:#333333;
}


/* anchor */

.anchor{
	display:none;
}



/* menu */

.menu{
}


/* titleMenu */

#titleMenu{
	width:880px;
	height:50px;
	background:url(../img/title_menu.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}


/* menuInfo */

.menuInfo{
	float:left;
	padding-bottom:20px;
	/* _padding-bottom:10px; /* for IE6 */
	margin-bottom:40px;
	background:url(../img/line_shopinfo.png) no-repeat bottom left;
}


/* subheaderPrice */

.subheaderPrice{
	width:400px;
	height:250px;
	margin-bottom:40px;
}


.menuInfo h2{
	font-size:1.0em;
	line-height:1.66;
	margin-bottom:10px;
	border-left:2px solid #e29399;
	padding-left:10px;
	color:#cccccc;
}


/* menuColumn */

.menuColumn{
	width:400px;
	float:left;
	margin-right:40px;
}


.menuColumn p{
	font-size:0.9em;
	line-height:1.66;
	margin-bottom:40px;
	margin-left:12px;
}



/* priceTable */

.priceTable{
	border-collapse:collapse;
	margin-bottom:40px;
	margin-left:12px;
}


.priceTable th{
	font-size:0.9em;
	line-height:2;
	border-bottom:1px dashed #cccccc;
	text-align:left;
}


.priceTable td{
	font-size:0.9em;
	line-height:2;
	border-bottom:1px dashed #cccccc;
	padding-left:20px;
}









/* campaign */

.campaign{
}


/* titleCampaign */

#titleCampaign{
	width:880px;
	height:50px;
	background:url(../img/title_campaign.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}


/* campColumn */

.campColumn{
	width:878px;
	background:url(../img/bg_camp.png) repeat-y;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
}



/* campNews */

.campNews{
	width:650px;
	float:left;
	background:#ffffff;
	margin-top:20px;
	/* margin-bottom:20px; */
	margin-left:80px;
	padding-top:20px;
	padding-right:40px;
	padding-bottom:20px;
	padding-left:40px;
	color:#666666;
	display:inline;
}

/*
.campNews h2{
	font-size:1.2em;
	line-height:1.66;
	margin-bottom:20px;
	border-left:10px solid #ef857d;
	padding-left:10px;
}
*/

.campNews p{
	font-size:0.9em;
	line-height:1.66;
	margin-bottom:20px;
}



/* off20 */

#off20{
}


#off20 table{
	border-collapse:collapse;
}


#off20 table td{
	vertical-align:top;
}

	


/* repo*/

#repo{

}


#repo table{
	border-collapse:collapse;
}


#repo table td{
	vertical-align:top;
}



/* winter */

#winter{

}

#winter img{
	vertical-align:text-bottom;
}


#winter table{
	border-collapse:collapse;
}


#winter table th{
	vertical-align:top;
	text-align:left;
	width:180px;
	height:220px;
}


#winter table th img{
	border:1px solid #cccccc;
}


#winter table td{
	vertical-align:top;
}



/* headspa */

#headspa{

}


#headspa img{
	vertical-align:text-bottom;
}


/* headspaTitle */

#headspaTitle00{
	text-indent:-9999px;
	height:77px;
	background:url(../img/camp/title_headspa_00.png) no-repeat;
	border-left:none;
	margin-bottom:0;
}


#headspaTitle01{
	text-indent:-9999px;
	height:90px;
	background:url(../img/camp/title_headspa_01.png) no-repeat;
}


#headspaTitle02{
	text-indent:-9999px;
	height:50px;
	background:url(../img/camp/title_headspa_02.png) no-repeat;
}


#headspaTitle03{
	text-indent:-9999px;
	height:50px;
	background:url(../img/camp/title_headspa_03.png) no-repeat;
}


#headspaTitle04{
	text-indent:-9999px;
	height:50px;
	background:url(../img/camp/title_headspa_04.png) no-repeat;
}


#headspaTitle05{
	text-indent:-9999px;
	height:50px;
	background:url(../img/camp/title_headspa_05.png) no-repeat;
}



/* doc */

#titleDoc01{
	height:100px;
	background:url(../img/camp/title_120307_01.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#texDoc01{
	height:100px;
	background:url(../img/camp/tex_120307_01.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc02{
	height:60px;
	background:url(../img/camp/title_120307_02.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc03{
	height:60px;
	background:url(../img/camp/title_120307_03.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc02_01{
	height:62px;
	background:url(../img/camp/title_120307_02_01.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc02_02{
	height:62px;
	background:url(../img/camp/title_120307_02_02.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc02_03{
	height:62px;
	background:url(../img/camp/title_120307_02_03.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc03_01{
	height:62px;
	background:url(../img/camp/title_120307_03_01.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc03_02{
	height:62px;
	background:url(../img/camp/title_120307_03_02.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#titleDoc03_03{
	height:62px;
	background:url(../img/camp/title_120307_03_03.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}


#topInfoDoc{
	/* background:url(../img/doc.png) no-repeat left top; */
	background:url(../img/camp/130510_top.jpg) no-repeat left top;
	padding-left:170px;
}


#topInfoDoc h4{
	font-size:1em;
	line-height:1.5;
	margin-bottom:5px;
	border-left:5px solid #b0cfdd;
	padding-left:10px;
}





/* recruit */

.recruit{
	/* margin-right:60px; */
	margin-bottom:40px;
	_margin-bottom:20px; /* for IE6 */
	float:left;
	width:880px;
}


.recruit h2{
	font-size:1.2em;
	line-height:1.66;
	margin-bottom:20px;
	border-bottom:1px dashed #f08080;
	border-left:10px solid #f08080;
	padding-left:10px;
}


.recruit h3{
	font-size:1.0em;
	line-height:1.66;
	margin-bottom:10px;
	border-bottom:1px dashed #e29399;
	width:520px;
	border-left:2px solid #e29399;
	padding-left:10px;
	color:#cccccc;
}


.recruit p{
	font-size:0.9em;
	line-height:1.66;
	margin-bottom:20px;
}


.recruit ol{
	margin-bottom:20px;
	margin-left:25px;
}


.recruit ol li{
	font-size:0.9em;
	line-height:1.66;
}



/* recruitImg */

.recruitImg{
	float:right;
	width:200px;
	padding-top:10px;
	padding-right:20px;
	/* padding-bottom:10px; */
	padding-left:20px;
	background:url(../img/bg_recruitimg.png) repeat-y;
	margin-left:100px;
}


.recruitImg img{
	margin-bottom:10px;
}




/* titleRecruit */

#titleRecruit{
	width:880px;
	height:50px;
	background:url(../img/title_recruit.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}














/* mail */

.mail{
}


/* titleMail */

#titleMail{
	width:880px;
	height:50px;
	background:url(../img/title_mail.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	clear:both;
}


/* mailform */

.mailform{
}