@charset "utf-8";

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

	1: home-p
	2: news-p
	3: floor-p
	4: faq-p
	5: access-p
	6: link-p
	7: about-p
	8: relaxation-p
	9: meal-p
	10:-p

*/

/* 1: home-p
----------------------------------------------- */

#home-p{
	background-color:#000;

}
#home-p #wrap{
	position:relative;
	z-index:10;
}
#home-p #bg{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1;
}

.bgwrap{
	background-size:cover!important;
	background-position:center!important;
}


#home-header{
	padding-top:30px;
	margin-bottom:60px;
	height:70px;
}
#home-header .frame{
}

#home-header .group{
	position:absolute;
	left:50px;
	top:30px;
	width:550px;
}


#home-header #logo{
	position:absolute;
	left:0;
	top:0px;
}

#home-header .lang{
	position:absolute;
	left:240px;
	top:32px;
}
#home-header .lang li{
	float:left;
	margin-right:35px;
}

#home-header .social{
	position: fixed;
	right:60px;
	top:50px;
}

#home-header .social li{
	float:left;
	margin-left:15px;
	line-height:1;
}
#home-header .social li img{
	vertical-align:middle;
}




/* contents */


#home-p #container{
	background:url(../img/home/mark.png) left center no-repeat;
	min-height:100%;
	position:relative;
}

#home-contents{
	padding-bottom:100px;
	padding-left:50px;
}



#home-navi{
	margin-left:20px;
}

#home-navi li{
	margin-bottom:25px;
	line-height:1;
}

#home-contents .event{
	margin-left:20px;
	margin-bottom:10px;
}

#home-contents .calendar{
	margin-left:20px;
}



#home-news{
	margin-left:20px;
	padding-top:10px;
}

#home-news .head{
	padding-bottom:10px;
	background:url(../img/home/news-line.png) bottom repeat-x;
	margin-bottom:10px;
	width:250px;
}
#home-news .head img{
	vertical-align:bottom;
}

#home-news li{
	font-size:12px;
}

#home-news li a{
	background:url(../img/home/news-arrow.png) left no-repeat;
	padding-left:22px;
	display:block;
	margin-bottom:10px;
	line-height:1.4;
	color:#eee;
}


/* footer */

#home-footer{
	position: absolute;
	width:100%;
	bottom:0;
	height:75px;
}

#home-footer .menu{
}

#home-footer .menu{
}
#home-footer .menu ul{
	margin-left:70px;
	height:30px;
}
#home-footer .menu li{
	float:left;
	padding-right:15px;
	background:url(../img/common/footer/menu-line.png) right 0px no-repeat;
	margin-right:15px;
	line-height:1;
}
#home-footer .menu li:last-child{
	background:none;
}


#home-footer .address{
	background:url(../img/common/footer/line.png) center top repeat-x;
	padding-top:15px;
	text-align:center;
}

/* 2: news-p
----------------------------------------------- */

.entry-title{
}

.entry-body{
	width:px;
	display: inline-block;
}

.entry-body:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

.entry-footer{
}

/* sub */




/* 3: floor-p
----------------------------------------------- */

#floor-p{
	background-image:url(../img/floor/bg.png);
	background-position:top;
	background-repeat:no-repeat;
/* 
25150F
*/
	background-color:#1a100c;
}


#floor{
	position:relative;
}

#floor h1{
	text-align:center;
	padding:38px 0 0 0;
}


#floor .img{
	text-align:center;
	height:800px;
	overflow:hidden;
	position:relative;
	width:1077px;
	margin:-20px 0 0 40px;
	z-index:5;
}
#floor .img .cover{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
#floor .img .point{
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}
#floor .img .point .parts{
	position:absolute;
	left:0;
	top:0;
	display:none;
}

#floor .img .base{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#floor .img .base-off{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
}



#floor .group{
	position:absolute;
	top:116px;
	z-index:10;
}

#floor .bg{
	background-image:url(../img/floor/category-on.png);
	width:312px;
	height:218px;
	position:absolute;
	top:35px;
	display:none;

	z-index:1;
}
#floor.on-facility .bg{
	display:block;
	left:-125px;
}
#floor.on-bath .bg{
	display:block;
	right:-15px;
}


#floor .facility{
	left:-0px;
}
#floor .bath{
	right:-10px;
}
.en-site #floor .bath{
	right:-120px;
}
#floor .group .head{
	margin-bottom:35px;
	position:relative;
	z-index:10;
}

#floor .group ul{
	position:relative;
	z-index:10;
	margin-left:-5px;
}

#floor .group li{
	margin-bottom:-10px;
	position:relative;
}
#floor .group .li12{
	margin-left:2px;
}
#floor .group .li24{
	margin-left:4px;
}
#floor .group .li29{
	margin-left:-1px;
}


#floor .group li .off,
#floor .group li .on{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

#floor .group .roten{
	margin-top:10px;
	margin-left:1px;
}

#floor .group .roten-child{
	margin-left:15px;
}
#floor .group .roten-child-end{
	margin-bottom:5px;
}


#floor .group .label{
	position:relative;
}



/* 4: faq-p
----------------------------------------------- */

#faq-p .pagetitle{
	background: url(../img/faq/pagetitle.jpg) center no-repeat #1F0401;
}

#faq{
padding-top:50px;
}
#faq a{
}

#faq .inner{
	margin:0 auto;
	width:930px;
}

#faq h2{
	text-align:center;
	border-bottom:1px solid #918B8A;
	padding-bottom:5px;
	margin-bottom:30px;
}


#q{
	margin-bottom:35px;
}


#q:after{content: ""; display: block; clear: both;}
.oldie #q{ zoom: 1; }

#q .group1{
	float:left;
}
#q .group2{
	float:right;
}
#q li{
	margin-bottom:3px;
}

#q a{
}
#q a:hover{
}


#a{
	background:url(../img/faq/bg.png) 470px 530px no-repeat;
	padding-bottom:30px;
}

#a dl{
	background:url(../img/faq/list.png);
	padding:20px;
	font-size:110%;
}
#a dl:nth-child(odd){
	background:none;
}

#a dt,
#a dd{
	position:relative;
	padding-left:20px;
}

#a dt{
	margin-bottom:5px;
}

#a dd{
/*
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3" ,serif;
*/
}


#a .label{
	position:absolute;
	left:0;
}

#a .more{
	text-align:right;
	margin-top:-1.4em;
	font-size:85%;
}
#a .more a{
	background:url(../img/faq/more.png) left no-repeat;
	padding-left:13px;
	text-decoration:none;
}
#a .more a:hover{
	text-decoration:underline;
}


#q-top{
	position:fixed;
	right:50px;
	bottom:60px;
}



/* 5: access-p
----------------------------------------------- */

#access-p .pagetitle{
	background: url(../img/access/pagetitle.jpg) center no-repeat #1F0401;
	margin-bottom:80px;
}
.en-site#access-p .pagetitle{
	background: url(../en/img/access/pagetitle.jpg) center no-repeat #1F0401;
}
.cn-site#access-p .pagetitle{
	background: url(../cn/img/access/pagetitle.jpg) center no-repeat #1F0401;
}

#access{
}


#access:after{content: ""; display: block; clear: both;}
.oldie #access{ zoom: 1; }

#access h2{
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #808080;
}

#access #time{
	float: left;
	width:450px;
	margin-bottom:30px;
}

#access #map{
	float:right;
	width:682px;
	margin-bottom:30px;
}


#access #time dt{
	margin-bottom:15px;
}
#access #time dd{
	margin-bottom:25px;
}


#access #map_canvas{
	width:682px;
	height:540px;
	margin-bottom:10px;
}

.infowindow{
	color:#333;
}
.infowindow td{
	padding-right:5px;
}


#access .more{
	float:right;
}
#access .more a{
	display:inline-block;
	border:1px dashed #4C4948;
	background:url(../img/access/link.png) 10px center no-repeat #fff;
	padding:1px 10px 1px 20px;
	color:#4C4948;
	text-decoration:none;
}

#access .more a:hover{
	text-decoration:underline;
}


/* bottom-price */

.bottom-price{
	margin-bottom:50px;
}
.bottom-price:after{content: ""; display: block; clear: both;}
.oldie .bottom-price{ zoom: 1; }

.bottom-price .title{
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	margin-bottom:30px;
}

.bottom-price  h3{
	color:#fde1b0;
	font-size:140%;
	margin-bottom:10px;
	font-weight:normal;
}


.bottom-price .subgroup{
	float:left;
}
.bottom-price .subgroup1{
	min-width:220px;
	margin-right:60px;
}
.bottom-price .subgroup2{
	min-width:220px;
	margin-right:60px;
}

.bottom-price .subgroup3{
	border:1px solid #918C8A;
	padding:10px 20px;
}
.bottom-price table{
	border-collapse:collapse;
	width:100%;
}

.bottom-price .subgroup3 table{
	width:220px;
}

.bottom-price .subgroup th{
	white-space:nowrap;
	padding-right:5px;
	background:url(../img/about/ryoukin/line.png) center left repeat-x;
}
.bottom-price .subgroup th span{
	background-color:#231815;
	display:inline-block;
	padding-right:3px;
}


.bottom-price .subgroup .data{
	white-space:nowrap;
	padding-left:5px;
	text-align:right;
	background:url(../img/about/ryoukin/line.png) center left repeat-x;
}

.bottom-price .subgroup .data span{
	background-color:#231815;
	display:inline-block;
	padding-left:3px;
}


.bottom-price .subgroup .line{
	background:url(../img/about/ryoukin/line.png) center repeat-x;
}



/* 6: link-p
----------------------------------------------- */

#link-p .pagetitle{
	background: url(../img/link/pagetitle.jpg) center no-repeat #1F0401;
	margin-bottom:60px;
}

#link dt{
	padding-bottom:3px;
	border-bottom:1px dotted #fff;
	margin-bottom:10px;
	font-size:110%;
}
#link dd{
	margin-bottom:30px;
/*
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3" ,serif;
*/
}





/* 7: about-p
----------------------------------------------- */

#about-p{
	background:#231815;
}
#about-p .pagetitle{
	background: url(../img/about/pagetitle.jpg) center no-repeat #231815;
	height:599px;
	margin-bottom:10px;
}
.en-site#about-p .pagetitle{
	background-image:url(../en/img/about/pagetitle.jpg);
}
.cn-site#about-p .pagetitle{
	background-image:url(../cn/img/about/pagetitle.jpg);
}


#about-menu{
	float:left;
	width:1px;
	position:relative;
	padding-top:40px;
}
#about-menu ul{
	position: absolute;
	z-index:10;
}
#about-menu ul{
}

#about-menu li{
	margin-bottom:15px;
}


.pagedown{
	text-align:right;
}
.pagedown a{
	background:url(../img/about/pagedown.png) right no-repeat;
	padding-right:23px;
	display:inline-block;
	line-height:20px;
	text-decoration:none;
	margin-bottom:30px;
}
.pagedown a:hover{
	text-decoration:underline;
}



#about .group{
	margin-bottom:45px;
}

#about .group h2{
	text-align:right;
}
#about .group .inner{
	margin-left:auto;
	margin-bottom:20px;
	width:1010px;
}
#about .group .inner:after{content: ""; display: block; clear: both;}
.oldie #about .group .inner{ zoom: 1; }

#about .group .top{
	text-align:right;
}
#about .group .top a{
	background:url(../img/about/pagetop.png) right no-repeat;
	padding-right:23px;
	display:inline-block;
	line-height:20px;
	text-decoration:none;
}
#about .group .top a:hover{
	text-decoration:underline;
}
#about .group h3{
	color:#fde1b0;
	font-size:140%;
	margin-bottom:10px;
	font-weight:normal;
}



#kounou .inner{
	background:url(../img/about/kounou/bg.png) right top no-repeat;
}


#kounou .text{
	width:492px;
}

#kounou .img{
	float:right;
	margin-top:-130px;
}

#kounou .img:after{content: ""; display: block; clear: both;}
.oldie #kounou .img{ zoom: 1; }

#kounou .img li{
	float:left;
	margin-right:20px;
}


/* ashiyu */

#ashiyu .gensen{
	width:482px;
	float:left;
}

#ashiyu .ceramic{
	float:right;
	width:480px;
}


#ashiyu .gensen .img{
	float:right;
	margin-left:10px;
}


/* tansansen */

#tansansen .inner{
	background:url(../img/about/tansansen/bg.png) right top no-repeat;
	min-height:770px;
	position:relative;
}

#tansansen .text{
	width:482px;
}

#tansansen .point{
	border:1px dotted #fff;
	background:url(../img/about/tansansen/point.png);
	padding:5px 20px;
	margin-bottom:10px;
	font-size:110%;
}

#tansansen .img{
	position:absolute;
	right:0;
	top:390px;
}


/* ryoukin */

#ryoukin .subgroup{
	float:left;
}

#ryoukin .subgroup1{
	min-width:220px;
	margin-right:60px;
}
#ryoukin .subgroup2{
	min-width:220px;
	margin-right:60px;
}

#ryoukin .subgroup3{
	border:1px solid #918C8A;
	padding:10px 20px;
}



#ryoukin .subgroup table{
	width:100%;
	border-collapse:collapse;
}

#ryoukin .subgroup3 table{
	width:220px;
}

#ryoukin .subgroup th{
	white-space:nowrap;
	padding-right:5px;
	background:url(../img/about/ryoukin/line.png) center left repeat-x;
}
#ryoukin .subgroup th span{
	background-color:#231815;
	display:inline-block;
	padding-right:3px;
}


#ryoukin .subgroup .data{
	white-space:nowrap;
	padding-left:5px;
	text-align:right;
	background:url(../img/about/ryoukin/line.png) center left repeat-x;
}

#ryoukin .subgroup .data span{
	background-color:#231815;
	display:inline-block;
	padding-left:3px;
}


#ryoukin .subgroup .line{
	background:url(../img/about/ryoukin/line.png) center repeat-x;
}




.pagelink{
	text-align:right;
	margin-bottom:5px;
	margin-top:10px;
}
.pagelink a{
	background:url(../img/faq/more.png) left no-repeat;
	padding-left:13px;
	text-decoration:none;
}
.pagelink a:hover{
	text-decoration:underline;
}

/* bottom-nyuukan */

.bottom-nyuukan{
	margin-bottom:30px;
}
#about .bottom-nyuukan{
	margin-left:auto;
	width:1010px;
}

.bottom-nyuukan .title{
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	margin-bottom:10px;
}


/* 8: relaxation-p
----------------------------------------------- */
#relaxation-p{
	background:#fff;
}

#relaxation-p #header{
	background:#231815;
}


#relaxation-p .pagetitle{
	background: url(../img/relaxation/pagetitle.jpg) center no-repeat;
	height:600px;
	margin-bottom:65px;
}



#relaxation{
	background:url(../img/relaxation/bg.jpg) center 90px no-repeat;
	color:#595757;
}

#relaxation .group:after{content: ""; display: block; clear: both;}
.oldie #relaxation .group{ zoom: 1; }

#relaxation .group h2{
	margin-bottom:15px;
}



#relaxation #care{
	margin-bottom:55px;
	width:652px;
}
#relaxation #care .text{
	float:left;
	width:280px;
}
#relaxation #care .img{
	float:right;
}

#relaxation .more{
/*
	font-family: 'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro",Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
*/
	background:url(../img/relaxation/more.png) left no-repeat;
	padding-left:12px;
	color:#7E98C8;
	font-size:85%;
}


#relaxation #scrub{
	margin-bottom:55px;
	width:776px;
}
#relaxation #scrub .text{
	float:right;
	width:310px;
}
#relaxation #scrub .img{
	float:left;
}

#relaxation #esthetics{
	margin-bottom:120px;
	width:402px;
}


/* other-menu */

#relaxation .other-menu{
	padding:50px 55px;
	box-shadow: 0px 0px 20px #accade;

}

#relaxation .other-menu .inner{
	background:url(../img/relaxation/border.png) 457px 0px repeat-y;
}
#relaxation .other-menu .inner:after{content: ""; display: block; clear: both;}
.oldie #relaxation .other-menu .inner{ zoom: 1; }

#relaxation .other-menu .alpha{
	float:left;
	width:405px;
}

#relaxation .other-menu .beta{
	float:right;
	width:383px;
}

#relaxation .other-menu .section{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #B8CEE7;
}
#relaxation .other-menu .section:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}


#relaxation .other-menu h3{
	margin-bottom:15px;
}

#relaxation .other-menu .section4 p{
	margin-bottom:0;
}
#relaxation .other-menu .section4 .more{
}



/* 9: meal-p
----------------------------------------------- */


#meal-p{
	background:#fff;
}

#meal-p #header{
	background:#231815;
}

#meal-p .pagetitle{
	background: url(../img/meal/pagetitle.jpg) center no-repeat;
	height:599px;
}

#meal-p .pagetitle .button{
	position:absolute;
	left:0;
	top:495px;
	width:100%;
	text-align:center;
	text-indent:0;
}


#meal-p #contents{
	margin-bottom:0;
}
#meal-p #footer{
	margin-top:-30px;
}


#meal{
	font-size:85%;
}

#meal .inner{
	width:1100px;
	margin:0 auto;
	position:relative;
}


#meal #washoku{
	background:url(../img/meal/washoku/bg.jpg) center no-repeat;
	height:499px;
}
#meal #washoku .text{
	padding-top:155px;
	width:250px;
}

.text-black,
.text-black a{
	color:#231815;
}

#meal .inner h2{
	margin-bottom:20px;
}

#meal .inner .more{
	margin-top:25px;
/*
	font-family: 'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro",Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
*/
}
#meal .inner .more a{
	display:inline-block;
	border:1px solid #fff;
	padding:1px 10px 1px 24px;
	background:url(../img/meal/more.png) 11px center no-repeat;
	text-decoration:none;
}

#meal .text-black  .inner .more a{
	border-color:#59514E;
	background-image:url(../img/meal/more-black.png);
}

#meal .inner .more a:hover{
	text-decoration:underline;
}

#meal #youshoku{
	background: url(../img/meal/youshoku/bg.jpg) center no-repeat;
	height:399px;
}
#meal #youshoku .text{
	padding-top:75px;
	width:250px;
	margin-left:auto;
	margin-right:60px;
}




#meal #enkai{
	background: url(../img/meal/enkai/bg.jpg) center no-repeat;
	height:499px;
}
#meal #enkai .text{
	padding-top:110px;
	width:330px;
}

#meal #enkai .notes{

	position:absolute;
	text-align:right;
	top:457px;
	left:0;
	width:332px;

}



#meal #ikeuo{
	background: url(../img/meal/ikeuo/bg.jpg) center no-repeat;
	height:399px;
}
#meal #ikeuo .text{
	padding-top:37px;
	width:326px;
	margin-left:auto;
}


#meal #ikeuo .data{
	border-top:1px solid #fff;
	padding-top:10px;
}
#meal #ikeuo .data th,
#meal #ikeuo .data td{
	line-height:1.4;
}
#meal #ikeuo .data td{
	text-align:right;
	padding-left:15px;
}



#meal #drink{
	background: url(../img/meal/drink/bg.jpg) center no-repeat;
	height:500px;
}
#meal #drink .text{
	padding-top:95px;
	width:255px;
}



/* : -p
----------------------------------------------- */







/* : -p
----------------------------------------------- */







/* : -p
----------------------------------------------- */







/* : -p
----------------------------------------------- */








