/* CSS Document */
body{
	margin:0px;
	background:url(bg.jpg) repeat-x top #E3E3D0;
	font-size:smaller;
}
/*隙間とか対策・テキスト*/
.clear{
	clear:both;
}
.small{
	font-size:small;
	color:#FFFFFF;
}
a{
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
}
	a:link,a:visited{
		color:#FFFFFF;
	}
	a:hover,a:active{
		color:#D50000;
	}
	
table{
	margin:0px auto;
	padding:0px;
	border:0px;
	border-collapse:collapse;
}


h1,h2,h3,h4{
	margin:0px auto;
	padding:0px;
	line-height:100%;
	text-align:left;
}
	h2{
	width:610px;
	display: block;
	}
	h3{
	width:500px;
	clear: both;
	}
	h4{
		width:430px;
	}
	h3.ryori{
		width:320px;
	}

	
.comment{
	max-width:450px;
	text-align:left;
	margin:0 auto;
}
.top_h1 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	position: absolute;
	display: block;
}

.comment_s{
	max-width:350px;
	text-align:left;
	margin:0 auto;
}
.comment_ss{
	width:300px;
	text-align:left;
	margin:0 auto;
}
.comment_min{
	width:200px;
	text-align:left;
	margin:0 auto;
}
.comment_280{
	width:280px;
	text-align:left;
	margin:0 auto;
}

	
img{
	vertical-align:bottom;
}
a img{
	border:0px;
}
p{
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
/*終わり*/


#header{
	height:20px;
	width:100%;
	background:#1A2C3F;
}
#wrapper{
	width:880px;
	margin:0px auto;
	background:url(shadow.gif) repeat-y;
}

#footer{
	height:20px;
	width:100%;
	background:#1A2C3F;
}

	/*#header内*/
	#header_link{
		width:850px;
		text-align:right;
		margin:0 auto;
	}

/*#wrapperを左右影とmainに分割*/
	#leftshadow{
		width:15px;
		margin:0px;
		padding:0px;
		float:left;
	}
	#mainbox{
		width:850px;
		margin:0px;
		padding:0px;
		background:url(nav_bg.png) repeat-y;
		float:left;
	}
	#rightshadow{
		width:15px;
		margin:0px;
		padding:0px;
		float:left;
	}

/*-------------indexlayout--------------*/	
	#mainbox_index{
		width:850px;
		margin:0px;
		padding:0px;
		float:left;
	}	
	#foot_left{
		width:240px;
		margin:0px;
		float:left;
		vertical-align:bottom;
		text-align:right;
	}
	#foot_right{
		width:610px;
		margin:0px;
		float:left;
		text-align:center;
	}
/*----------end of index----------*/	
	
	
/*#mainbox内*/
	/*メニューボタン部分*/
	#navbox{
		width:240px;
		margin:0px;
		float:left;
		text-align:right;
	}
	#nav_bg{
		background:url(nav_bg.png) repeat-y;
		height:110px;
	}

		/*左ボタン*/
		#nav{
			width:150px;
			height:580px;
			float:left;
		}
			/*~~~左ボタンの背景をページごとに設定。~~~*/
			.navbg_ryori{background:url(navi_ryorimg_r1_c1.jpg) top no-repeat;}
			.navbg_spa{background:url(navi_spaimg_r1_c1.jpg) top no-repeat;}
			.navbg_room{background:url(navi_roomimg_r1_c1.jpg) top no-repeat;}
			.navbg_kan{background:url(navi_kanimg_r1_c1.jpg) top no-repeat;}
			.navbg_price{background:url(navi_priceimg_r1_c1.jpg) top no-repeat;}
			.navbg_yoyaku{background:url(navi_yoyakuimg_r1_c1.jpg) top no-repeat;}
			.navbg_access{background:url(navi_accessimg_r1_c1.jpg) top no-repeat;}
			.navbg_plan_yoyaku{background:url(navi_yoyakuimg_r1_c1.jpg) top no-repeat;}
			.navbg_event{background:url(navi_event_r1_c1.jpg) top no-repeat;}
			.navbg_sou{background:url(navi_souimg_r1_c1.jpg) top no-repeat;}
			.navbg_links{background:url(navi_linksimg_r1_c1.jpg) top no-repeat;}
		
		/*右サブイメージ*/
		#navimg{
			width:80px;
			float:left;
		}
	/*メイン*/
	#contents{
		width:610px;
		margin:0px;
		float:left;
		text-align:center;
	}

	/*メインおしまい*/


/*~~~☆★#navボタンリストの設定★☆~~~*/
	#nav ul{
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
		#nav li{
			display:inline; 
			padding :0px; 
			margin:0px; 
		}
		#nav li a{
			display:block;
			margin:0px;
			padding:0px;
		}

/*~~~☆★#content内の設定★☆~~~*/
	#tel{
		width:600px;
		text-align:right;
	}
	#address{
		text-align:center;
		color:#FFFFFF;
	}

/*~~~☆★テキストリンクの設定★☆~~~*/
	ul#textlink{
		list-style:none;
		font-size:small;
	}
	ul#textlink li{
		display:inline;
	}
	ul#textlink li a{
		margin:2px;
		color:#FFFFFF;
		text-decoration:underline;
	}
	ul#textlink li a:hover{
		color:#000000;
		text-decoration:none;
		background-color:#CCCCCC;
	}



/*-------------------------料理ページ設定-------------------------*/
.ryoribox{
	margin:0px;
	padding:0px;
	width:600px;
	background:url(ryori_bg.gif) repeat-y;
	text-align:left;
}
.ryoribox_left{
	float:left;
	width:366px;
	margin:0px;
	padding:0px;
}
.ryoribox_right{
	float:right;
	width:234px;
	min-height:252px;
	background:url(ryori_rightbg.gif) top right no-repeat;
	margin:0px;
	padding:0px;
}
.ryoritext_left{
	margin-left:24px;
	color:#333333;
}
.ryoritext_menu{
	background:url(ryori_menubg.gif) bottom left no-repeat;
	width:210px;
	min-height:128;
	text-align:right;
	color:#374809;
}
	
ul#ryorisub{
	list-style:none;
	text-align:right;
	margin:0px;
	padding:0px;
}

ul#ryorisub li{
	display:inline;
	margin-right:-0.5em;
}
	
/*-------------------------概要の設定-------------------------*/
.gaiyou{
	color:#FFFFFF;
	line-height:24px;
	text-align:left;
}
.gaiyou tr{
	background:url(gaiyou_bg.gif) bottom repeat-x;
}
.gaiyou td{
	margin:0px;
	paddin:0px;
	border:0px;
}
.gaiyou img{
	vertical-align:top;
}
/*onsenにて使用*/
.w350{
	width:350px;
	margin:0 auto;
}
/*linksにて行の高さ合わせ*/
	.gaiyou a{
		vertical-align:-15%;
	}
/*みどころのlinkのズレ*/
.low{
	line-height:1.25em;
}





/*-------------------------おみやげ・みどころ共通-------------------------*/
.box{
	width:580px;
	margin:0px;
	paddin:0px;
	clear:both;
}
	/*-------------------------おみやげ・みどころ共通-------------------------*/	
	/*画像サイズ小のとき*/
	.box1_img{
		width:200px;
		float:left;
		text-align:center;/*タテ用*/
	}
	.box1_text{
		width:380px;
		float:left;
	}
	
	.box2_img{
		width:200px;
		float:right;
	}
	.box2_text{
		width:380px;
		float:right;
	}
.link{
	text-align:right;
	margin:5px;
	}
/*linkの高さ合わせ*/
	.link a{
		vertical-align:-20%;
	}

	/*-------------------------温泉・館内・客室共通-------------------------*/
	/*画像サイズ大のとき*/
	.box3_img{
		width:356px;
		float:left;
	}
	.box3_text{
		width:224px;
		float:left;
	}
	
	.box4_img{
		width:356px;
		float:right;
	}
	.box4_text{
		width:224px;
		float:right;
	}
	
	.box4_text_spa{
	width:140px;
	float:right;
	background:url(spa_s2.jpg) no-repeat top left;
	height: 190px;
	}
	.box3_text_spa{
	width:140px;
	float:left;
	background:url(spa_s1.jpg) no-repeat top right;
	height: 190px;
	}

	
	/*画像サイズ中のとき*/
	.box5_img{
		width:276px;
		float:left;
	}
	.box5_text{
		width:304px;
		float:left;
	}
	
	.box6_img{
		width:276px;
		float:right;
	}
	.box6_text{
		width:304px;
		float:right;
	}
	
	/*box3,4テキスト内のイメージ小*/
	.box_text_img{
		width:200px;
		height:139px;
		text-align:left;
		margin:107px 12px 0px 12px;
	}
	.right{
		text-align:right;
	}
	.left{
		text-align:left;
	}
	/*-------------------------お風呂の背景-------------------------*/
	
/*-------------------------indexひとことと、予約の紙のところ-------------------------*/
#paper{
	width:578px;
	background:url(paper_bg.gif) repeat-y;
	margin:0px auto;
	padding:0px;
}
	#hitokotopwaku{
		background:url(paper_top.gif) top no-repeat;
		margin: 0px;
		padding: 0px;
		width:578px;
	}
		#hitokotoimg{
		width:290px;
		text-align:right;
		margin:0px;
		padding:0px;
		margin-top:10px;
		float:left;
	}
		#hitokotoimg img{
			width:92px;
			vertical-align:top;
			margin-right:1px;
		}
	#yado{
	width:540px;
	line-height:120%;
	text-align:left;
	font-size:small;
	height: 360px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
	}
	#yadotitle{
		width:280px;
		text-align:left;
		float:left;
			margin-top:10px;
	}
	

.mtop{
	margin-top:4px;
}
.mtop2{
	margin-top:20px;
}
.w500 {
	color: #FFF;
	width: 500px;
	padding-left: 50px;
	text-align: left;
	line-height: 16px;
}