/*
-----------------------------------------------
prototype
update:2008/1/24
----------------------------------------------- */

/*
===== CONTENTS =====

	1: universal reset 
	2: layout
	3: parts
		: header
		: navi
		: main
		: sub
		: footer
	
====================
*/

/* 1: universal reset
----------------------------------------------- */

*{
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-style:solid;
	border-width:0px;
	border-color:#ccc;
	font-size:100%;
}

p,li,dt,dd{line-height:1.8;}
.l17{line-height:1.7;}

th,td{ line-height:1.8; text-align:left; padding:3px 5px;}

img{border-width:0px;}

a{ color:#fff;outline:none; text-decoration:none;}
a:hover{text-decoration:underline;}

option{padding-right:10px;}

* html .png-img{ behavior: expression(IEPNGFIX.fix(this));}


.brown{color:#A27700;}

.small{font-size:80%;}

/* 2: layout
----------------------------------------------- */

body{
	font-family: Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	text-align:center;
	font-size:75%;
	color:#eee;
	background:url(common/bottom.jpg) bottom repeat-x #845929;
}



#container{
	margin:0px auto;
	text-align:left;
	width:800px;
	padding-bottom:40px;
}
.window-p #container{
	width:760px;
}

#light{
	background-image:url(common/light.jpg);
	width:472px;
	height:341px;
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	text-indent:-9000px;
}

#header{
	width:800px;
	height:87px;
	position:relative;
}
.window-p #header{
	width:760px;
}

#navi{
	background:url(common/navi.jpg) no-repeat;
	height:47px;
	width:800px;
	margin-bottom:11px;
	position:relative;
	overflow:hidden;
}

#navi2{
	background:url(common/navi2.jpg) no-repeat;
	height:46px;
	width:800px;
	margin-bottom:12px;
	position:relative;
	overflow:hidden;
}
#navi-new{
	background:url(common/navi-new.jpg) no-repeat;
	height:46px;
	width:800px;
	position:relative;
	overflow:hidden;
	margin-bottom:11px;
}
.navi-sub{
	height:25px;
	width:800px;
	position:relative;
	top:-10px;
}
#navi-plan{background-image:url(common/navi-plan.jpg);}
#navi-room{background-image:url(common/navi-room.jpg);}

#contents{
	width:800px;
	display: inline-block;
	background: url(common/contents.jpg);
}
#contents.single{
	background:#54300E;
	position: relative;
	z-index:100000;
	display:block;
	width:758px;
	border:1px solid #3E2A18;
	padding:9px 0;
}

#contents:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}


.box740{
	position:relative;
	left:9px;
	background:#FDFCFA;
	width:740px;
	padding-bottom:1px;
	color:#532f0e;
}



#main{
	float:left;
	width:528px;
	display:inline;
	position:relative;
	z-index:2;
}

#sub{
	float:right;
	width:259px;
	display:inline;

}

#footer{
	clear:both;
	position:relative;
	background-image:url(common/footer.gif);
	width:800px;
	height:84px;
}
.window-p #footer{
	background-image:url(common/footer-window.gif);
	width:760px;
}

html>/**/body #footer { top /*\**/:-8px \9;}

/* 3: parts
----------------------------------------------- */


/* social */

#main #social,
#main .social{
	display: inline-block;
	padding-left:15px;
}
#main #social:after,
#main .social:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}


#social .item,
.social .item{
	float:left;
	margin-right:10px;
}

#item-plus1{
	width:70px;
	overflow:hidden;
}
#item-mixi{
	width:70px;
	overflow:hidden;
}
#item-fb{
	width:105px;
	overflow:hidden;
}



/*
===== header =====
*/

#logo a{
	display:block;
	background-image:url(common/logo.jpg);
	width:150px;
	height:68px;
	text-indent:-9000px;
	position:absolute;
	top:10px;
}

#en a{
	background-image:url(common/english.jpg);
	width:89px;
	height:16px;
	display:block;
	top:47px;
	right:0px;
	position:absolute;
	text-indent:-9000px;
}

#home a{
	background-image:url(common/home.jpg);
	width:89px;
	height:16px;
	display:block;
	top:47px;
	right:105px;
	position:absolute;
	text-indent:-9000px;
}

#h-coution{
	border:1px solid #A58463;
	padding:5px 10px;
	background:#5A2F05;
	position:absolute;
	left:163px;
	top:22px;
	line-height:1.6;
	color:#DED9D3;
}

.pink{color:#E1A98E;}

#h-coution a{
	text-decoration:underline;
	color:#CDC4BB;
}

/*
===== navi =====
*/

#navi a{
	background-image:url(common/navi.jpg);
	display:block;
	text-indent:-9000px;
	height:47px;
	position:absolute;
	top:0px;
}

#n1 a{width:133px; left:0px; background-position:0px 0px;}
#n2 a{width:133px; left:133px; background-position:-133px 0px;}
#n3 a{width:134px; left:266px; background-position:-266px 0px;}
#n4 a{width:132px; left:400px; background-position:-400px 0px;}
#n5 a{width:133px; left:532px; background-position:-532px 0px;}
#n6 a{width:135px; left:665px; background-position:-665px 0px;}

#rest-p #n1 a,#n1 a:hover{ background-position:0px -47px;}
#nature-p #n2 a,#n2 a:hover{ background-position:-133px -47px;}
#spa-p #n3 a,#n3 a:hover{ background-position:-266px -47px;}
#guest-p #n4 a,.room-p #n4 a,#n4 a:hover{ background-position:-400px -47px;}
#plan-p #n5 a,.plan-p #n5 a,#n5 a:hover{ background-position:-532px -47px;}
#access-p #n6 a,#n6 a:hover{ background-position:-665px -47px;}

/*
===== navi2 =====
*/

#navi2 a{
	background-image:url(common/navi2.jpg);
	display:block;
	text-indent:-9000px;
	height:46px;
	position:absolute;
	top:0px;
	width:114px;
}

#n2-1 a{left:0px; background-position:0px 0px;}
#n2-2 a{left:114px; background-position:-114px 0px;}
#n2-3 a{left:228px; background-position:-228px 0px;}
#n2-4 a{left:342px; background-position:-342px 0px;}
#n2-5 a{width:115px; left:456px; background-position:-456px 0px;}
#n2-6 a{left:571px; background-position:-571px 0px;}
#n2-7 a{left:685px; background-position:-685px 0px;}

#rest-p #n2-1 a,#n2-1 a:hover{ background-position:0px -46px;}
#nature-p #n2-2 a,#n2-2 a:hover{ background-position:-114px -46px;}
#spa-p #n2-3 a,#n2-3 a:hover{ background-position:-228px -46px;}
.premium-p #n2-4 a,#n2-4 a:hover{ background-position:-342px -46px;}
.standard-p #n2-5 a,#n2-5 a:hover{ background-position:-456px -46px;}
#plan-p #n2-6 a,.plan-p #n2-6 a,#n2-6 a:hover{ background-position:-571px -46px;}
#access-p #n2-7 a,#n2-7 a:hover{ background-position:-685px -46px;}

/*
===== navi-new =====
*/

#navi-new a{
	background-image:url(common/navi-new.jpg);
	display:block;
	text-indent:-9000px;
	height:46px;
	position:absolute;
	top:0px;
	width:133px;
}

#nn-1 a{left:0px; background-position:0px 0px;}
#nn-2 a{left:133px; background-position:-133px 0px;}
#nn-3 a{left:266px; background-position:-266px 0px;}
#nn-4 a{left:399px; background-position:-399px 0px;}
#nn-5 a{left:532px; background-position:-532px 0px;}
#nn-6 a{width:134px; left:665px; background-position:-665px 0px;}

#plan-p #nn-1 a,.plan-p #nn-1 a,#nn-1 a:hover{ background-position:0px -46px;}
#rest-p  #nn-2 a,#nn-2 a:hover{ background-position:-133px -46px;}
#nature-p #nn-3 a,#nn-3 a:hover{ background-position:-266px -46px;}
.room-page #nn-4 a,#nn-4 a:hover{ background-position:-399px -46px;}
#spa-p #nn-5 a,#nn-5 a:hover{ background-position:-532px -46px;}
#access-p #nn-6 a,#nn-6 a:hover{ background-position:-665px -46px;}


/*
===== navi-plan =====
*/

.navi-sub li{float:left; display:inline;}
.navi-sub li a{height:25px; text-indent:-9000px; display:block;}

#navi-plan a{background-image:url(common/navi-plan.jpg);}

#np1 a{width:127px; margin-left:42px; background-position:-42px 0px;}
#np2 a{width:130px;background-position:-169px 0px;}
#np3 a{width:152px;background-position:-299px 0px;}
#np4 a{width:128px;background-position:-451px 0px;}
#np5 a{width:125px;background-position:-579px 0px;}

#plan-osusume #np1 a,#np1 a:hover{background-position:-42px -25px;}
#plan-gourmet #np2 a,#np2 a:hover{background-position:-169px -25px;}
#plan-spa #np3 a,#np3 a:hover{background-position:-299px -25px;}
#plan-style #np4 a,#np4 a:hover{background-position:-451px -25px;}
#plan-anniversary #np5 a,#np5 a:hover{background-position:-579px -25px;}

/*
===== navi-plan2 =====
*/

#navi-plan2,
#navi-plan2 a{background-image:url(common/navi-plan2.jpg);}

#np2-1 a{width:110px; margin-left:52px; background-position:-52px 0px;}
#np2-2 a{width:121px;background-position:-162px 0px;}
#np2-3 a{width:121px;background-position:-283px 0px;}
#np2-4 a{width:154px;background-position:-404px 0px;}
#np2-5 a{width:121px;background-position:-558px 0px;}
#np2-6 a{width:121px;background-position:-679px 0px;}

#plan-osusume #np2-1 a,#np2-1 a:hover{background-position:-52px -25px;}
#plan-season #np2-2 a,#np2-2 a:hover{background-position:-162px -25px;}
#plan-gourmet #np2-3 a,#np2-3 a:hover{background-position:-283px -25px;}
#plan-spa #np2-4 a,#np2-4 a:hover{background-position:-404px -25px;}
#plan-style #np2-5 a,#np2-5 a:hover{background-position:-558px -25px;}
#plan-anniversary #np2-6 a,#np2-6 a:hover{background-position:-679px -25px;}

/*
===== navi-room =====
*/

#navi-room a{background-image:url(common/navi-room.jpg);}

#nr1 a{width:140px; margin-left:41px; background-position:-41px 0px;}
#nr2 a{width:120px;background-position:-181px 0px;}
#nr3 a{width:100px;background-position:-301px 0px;}
#nr4 a{width:127px;background-position:-401px 0px;}
#nr5 a{width:138px;background-position:-528px 0px;}
#nr6 a{width:134px;background-position:-666px 0px;}

#premiumu-index-p #nr1 a,#nr1 a:hover{background-position:-41px -25px;}
#wing-p #nr2 a,#nr2 a:hover{background-position:-181px -25px;}
#suite-p #nr3 a,#nr3 a:hover{background-position:-301px -25px;}
#standard-index-p #nr4 a,#nr4 a:hover{background-position:-401px -25px;}
#terrace-p #nr5 a,#nr5 a:hover{background-position:-528px -25px;}
#view-p #nr6 a,#nr6 a:hover{background-position:-666px -25px;}


/*
===== navi-room2 =====
*/

#navi-room2{background-image: url(room/navi-room2.jpg);}
#navi-room2 a{background-image: url(room/navi-room2.jpg);}

#nr2-1 a{width:121px; margin-left:58px; background-position:-58px 0px;}
#nr2-2 a{width:141px;background-position:-179px 0px;}
#nr2-3 a{width:137px;background-position:-320px 0px;}
#nr2-4 a{width:125px;background-position:-457px 0px;}

#suite-p #nr2-1 a,#nr2-1 a:hover{background-position:-58px -25px;}
#wing-p #nr2-2 a,#nr2-2 a:hover{background-position:-179px -25px;}
#terrace-p #nr2-3 a,#nr2-3 a:hover{background-position:-320px -25px;}
#view-p #nr2-4 a,#nr2-4 a:hover{background-position:-457px -25px;}


/*
===== main =====
*/


#main a{color:#d6ba9c;}

.main-img{margin-bottom:35px;}

.block{
	margin-bottom:20px;
}

.type-a{
	width:472px;
	margin-left:28px;
}

.type-b{
	width:469px;
	_width:507px;
	margin-left:11px;
	background:url(common/block.jpg);
	padding:19px;
}

/* pankuzu */

#pankuzu{
	margin:-24px 0 23px 0;
	_margin-top:-27px;
	color:#d6b89c;
	display: inline-block;
}
*:first-child+html #pankuzu{margin-top:-27px;}

#pankuzu:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#pankuzu a,
#pankuzu span{
	line-height:30px;
	display:inline-block;
	font-size:90%;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	float:left;
}



#pankuzu a{
	background:url(common/pan-step.jpg) right no-repeat #27170a;
	padding:0 30px 0 20px;
	text-decoration:underline;
}

#pankuzu span{
	background:url(common/pan-last.jpg) right no-repeat #27170a;
	padding:0 30px 0 15px;
}
.news-entry-p #pankuzu span{ padding:0 20px 0 5px ;}


/* head */

.h1{
	height:27px;
	text-indent:-9000px;
	margin-bottom:15px;
}

.h2{
	height:22px;
	text-indent:-9000px;
	margin-bottom:10px;
}

.h3{
	border-bottom:2px solid #e3d3c6;
	margin-bottom:8px;
	padding-bottom:3px;
	color:#e3d3c6;
}


.p{margin:13px 0px 30px 0px;}
.p10{margin-bottom:10px;}
.p20{margin-bottom:20px;}

.pagetop{
	text-align:right;
	margin:0px 20px 15px 0px;
}

.pagetop a{
	background:url(common/pagetop.gif) left no-repeat;
	padding-left:10px;
	color:#d6bab5;
}

/* index-image */

.index-image .case{
	display: inline-block;
	width:440px;
	padding:10px;
	margin-bottom:10px;
}

.index-image .case:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


.index-image .image{
	float:left;
	width:90px;
	margin-right:15px;
}

.index-image .text{
	float:left;
	width:300px;
}


/* sub-image */

.sub-image{
	background:url(common/block.jpg);
	width:469px;
	_width:486px;
	margin-left:21px;
	padding:11px 9px 11px 8px;
}

/* case */

.case,.case2{
	display: inline-block;
	margin-bottom:10px;
	
	padding-left: 0px;
	width: 468px;
	
}

#home-p .case{padding-bottom: 10px;background:url(common/dot.gif) left bottom repeat-x;}

.case:after,.case2:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


.case .image{float:left;width:154px;}
.case .text{float:right;width:300px;}
.case .text p{line-height:1.7;}
.case .text h3 a{}

.case .text02 {float: left;width: 250px;}
.case .text03 {float:left;width: 300px;}
.case2 .image{float:right;margin-right:0px;}
.case .room{clear:both;position:relative;}
#main .case .room li{padding:0px;}
.case .room .reserve{position:absolute;top:0px;right:0px;}
#spa {padding-left: 10px;}
.tate-image01 {float: right;width: 154px;}



/* image-table */

.image-table{ width:469px; margin-bottom:12px;}
.image-table td{padding:0px;}
.image-table .top{padding-bottom:3px;}
.image-table .right{ padding-left:3px;}
.image-table .center{ padding-left:3px;}

/* border-block */

.border-block{
	background:url(../../img/restaurant/border-block.jpg) top no-repeat;
	margin:0 10px 20px 10px;
	padding:0 15px 10px 20px;
}

/*
===== sub =====
*/


#sub #yoyaku{
	background:url(../../../img/yoyaku2.jpg);
	width:259px;
	height:311px;
	position:relative;
	margin-bottom:22px;
}

#yoyaku .iframe1{
	width:240px;
	height:270px;
	left:10px;
	top:30px;
	position:relative;
}

#yoyaku .iframe2{
	width:240px;
	height:186px;
	left:10px;
	top:30px;
	position:relative;
}



#mail{
	width:215px;
	height:108px;
	position:relative;
	z-index:3;
	left:23px;
	top:0px;
	background:url(../../../mail/bg.gif) no-repeat left top;
}

#mail #item1{
	position:absolute;
	top:59px;
	left:44px;
	width:116px;
}

#mail #item2{
	position:absolute;
	top:59px;
	left:167px;
}

#mail #admin{
	position:absolute;
	top:85px;
	left:11px;
	display:block;
	color:#c8baad;
	font-size:10px;
}

#mail #admin a{color:#c8baad;}
#mail #admin a:hover{text-decoration:underline;}


/* yoyaku2 */

#sub #yoyaku2{
	background:url(../../../img/yoyaku2.jpg);
	width:259px;
	height:311px;
	position:relative;
	margin-bottom:22px;
}

#yoyaku-form{
	padding:40px 0px 0 15px;
	word-spacing:-1px;
	line-height:2;
	margin-bottom:10px;
	line-height:1.6;
}
#yoyaku-submit{vertical-align: bottom;}


#sub-pickup{
	width:221px;
	background:#5E3712;
	margin-left:18px;
	margin-top:15px;
}
#sub-pickup ul{
	padding:5px 10px;
}
#sub-pickup li{
	background:url(../../img/common/sub-pickup-arrow.jpg) 0px 7px no-repeat;
	padding-left:10px;
	font-size:12px;
	line-height:1.5;
}
#sub-pickup li a{
	color:#fff;
}



#cancel{
	width:217px;
	zoom:1;
	margin-left:22px;
}
#cancel dt{
	background-image:url(../../img/common/cancel-dt.gif);
	height:35px;
	text-indent:-9000px;
}
#cancel dd{
	background:#422a16;
	padding:5px 7px;
}


/* yoyaku3 */

#yoyaku3{
	background:url(../../../img/yoyaku2.jpg);
	width:259px;
	height:311px;
	position:relative;
	margin-bottom:22px;
}

#booking{
	position:absolute;
	left:19px;
	top:43px;
	width:223px;

}
#booking_inner{
	background:url(../../img/common/sub-reserve3-bg.jpg) bottom no-repeat;
	padding-bottom:8px;
}

#bokking_table{
	margin:8px 0 5px 10px;
}
#booking_inner th{
	padding:0;
}
#booking_inner td{
	padding:0 1px 8px 0;

}

#cancel-button{
	text-align:center;
}
#cancel-button input{
	background:none;
	border:0px;
	cursor:pointer;
	color:#D6BA9C;
	padding:4px 5px;
	margin:3px 0 1px 0;
}

.co-link{
	color:#D6BA9C;
}
.co-link:hover{text-decoration:none;}

/* sub-headline */

#sub .sub-headline{
	position:relative;
	margin-left:10px;
	width:241px;
	margin-bottom:20px;
}


.sub-headline h2{
	width:241px;
	height:21px;
	text-indent: -9000px;
}

#sub-news.sub-headline h2{background-image: url(common/sub-news-title.jpg);}
#sub-blog h2{background-image: url(common/sub-blog-title.jpg);}

#sub .sub-headline div{
	background:#6d431c;
	padding:10px;
}

#sub .sub-headline .bg{
	background: url(../../img/common/blog-bg.jpg) top right no-repeat #83592E;
	padding:40px 10px 10px 10px;

}

#sub .sub-headline th,.sub-headline td{
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	padding-bottom:3px;
	padding-top:0px;
	line-height:1.4;
}

#sub .sub-headline th{
	padding-right:10px;
	padding-left:8px;
	background:url(common/sub-news-th.gif) 0px 2px no-repeat;
}

#sub .sub-headline td em{
	color:#fffe03;
	font-style:normal;
	font-weight:bold;
}

#sub .sub-headline p{
	position:absolute;
	top:0px;
	right:0px;
}

#sub .sub-headline p a{
	background-image: url(common/empty.gif);
	width:40px;
	height:15px;
	text-indent:-9000px;
	overflow:hidden;
	display:block;
}

/* news-old */

#sub-news{
	position:relative;
	margin-left:10px;
	width:241px;
	margin-bottom:20px;
}

#sub-news h2{
	background-image:url(common/sub-news.gif);
	width:241px;
	height:21px;
	text-indent: -9000px;
}

#sub-news div{
	background:#6d431c;
	padding:10px;
}

#sub-news th,#sub-news td{
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	padding-bottom:3px;
	padding-top:0px;
	line-height:1.4;
}

#sub-news th{
	padding-right:10px;
	padding-left:8px;
	background:url(common/sub-news-th.gif) 0px 2px no-repeat;
}

#sub-news td em{
	color:#fffe03;
	font-style:normal;
	font-weight:bold;
}

#sub-news p{
}

#sub-news p a{
	background-image:url(common/sub-news-more.gif);
	width:39px;
	height:14px;
	overflow:hidden;
	text-indent:-9000px;
	overflow:hidden;
	display:block;
	margin:2px 0px;
}


.sub-notes{
	border:1px solid #7F6C27;
	padding:1px;
	margin:0 8px 10px 10px;
}
.sub-notes dl{
	border:1px solid #5B4E45;
	padding:5px;
}
.sub-notes dt{
	font-weight:bold;
	margin-bottom:5px;
	color:#D3B73C;
}
.sub-notes dd{
	color:#CEC6BB;
}
.sub-notes a{
	text-decoration: underline;
}

#sub-trip{
	margin:0 8px 10px 10px;
}
#sub-trip iframe{
	width:241px;
	height:135px;
	margin-bottom:5px;
}

/* end */

.chambolle{
	width:242px;
	position:relative;
	left:8px;
	height:192px;
	margin-bottom:10px;
}
.chambolle a{
	display:block;
}

.chambolle img {position:absolute;top:0;left:0;z-index:8;}
.chambolle img.active {z-index:10;}
.chambolle img.last-active {z-index:9;}


#sub .menu{
	margin:0px 10px 10px 10px;
}


#sub .banner li{margin-bottom:15px; margin-left:10px; color:#ccc4b9;}
/*
===== footer =====
*/

#text-navi{
	text-align:center;
	padding-top:22px;
	color:#e9e5e4;
	font-size:10px;
}

#text-navi a{color:#e9e5e4;}

#footer ul{

}


#footer li{
	position:absolute;
	bottom:9px;
}

#footer li a{

	height:21px;
	display:block;
	text-indent:-9000px;
	background-image:url(common/footer.gif);
}

#f-navi0{width:115px; left:15px;}
#f-navi1{width:59px; left:130px;}
#f-navi3{width:92px; left:189px;}
#f-navi4{width:63px; left:281px;}
#f-navi5{width:67px; left:344px;}

#f-navi0 a{ background-position:-15px -54px;}
#f-navi1 a{ background-position:-130px -54px;}
#f-navi3 a{ background-position:-189px -54px;}
#f-navi4 a{ background-position:-281px -54px;}
#f-navi5 a{ background-position:-344px -54px;}

#f-navi0 a:hover{ background-position:-15px -90px;}
#f-navi1 a:hover{ background-position:-130px -90px;}
#f-navi3 a:hover{ background-position:-189px -90px;}
#f-navi4 a:hover{ background-position:-281px -90px;}
#f-navi5 a:hover{ background-position:-344px -90px;}

#footer #copyright{
	position:absolute;
	bottom:7px;
	right:15px;
	font-size:80%;
}




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