@charset "UTF-8";


/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
	}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
	}

a, ins {
  text-decoration: none;
	}

address, em, cite, dfn, var {
  font-style: normal;
	}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
	}

img {
	outline: none;
  vertical-align: baseline;
	}

a img { 
	outline: none;
  border: none;
	}
	
/* ================================================- */	

/*
 * Style Name: base.css
 * Description: body要素,link要素,container,ナビ要素,contents,ヘッダー,フッター,旅作
 */
	
/* ----------------------------------------
 ■ 全体設定
 * ---------------------------------------- */
 
body {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;
	text-align: center;	
	line-height: 1.6;
	letter-spacing: 1px;
	background:#fbf6ee url(img/back.gif) repeat;
	margin: 0;
	padding: 0;
	}

*:first-child+html body { 
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	}

html>body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	}


body div {
	text-align: left;
	margin: 0 auto;
	}


/*--画像---------------------------------*/	

img { 
	vertical-align: top;
	border: none;
	margin: 0;
	padding: 0;
	}

/*--リンク設定--------------------------------*/	
	   
a { 
	overflow: hidden;
	}
	
a:link,a:visited {
	color: #17387B;
	text-decoration: underline;
	}

a:hover,a:active {
	color: #FF9900;
	text-decoration: underline;
	}

a img {
	border: 0;
	}

/*--テキスト太字--------------------------------*/
.bold {
	font-weight: bold;
	}

/* テキスト中央--------------------------------*/
.center{
	text-align: center;
	}		

/*テキスト赤--------------------------------*/
.r {
	font-weight: bold;
  color: #8D5409;
	}

/*テキストサイズ80%--------------------------------*/
.s {
	font-size: 80%;
	}

/*--コンテンツ全体の枠-----------------------------*/

#container {
	width: 800px;
	background: url(img/back_under.gif) repeat-y;
	position:relative;
	} 	

/* ----------------------------------------
 ■ ハック
 * ---------------------------------------- */	
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
	
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
	
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
	}
	
.clearfix { 
	display: block; 
	}
/* End hide from IE-mac */


/* ----------------------------------------
 ■ top
 * ---------------------------------------- */	
#top { 
	width:100%; 
	height:10px;
	background:url(img/back_brown.jpg) repeat;
	margin: 0 auto;
	}
	 
 
/* ----------------------------------------
 ■ ヘッダー
 * ---------------------------------------- */
 
/*--ヘッダーのボックス---------*/
#header { 
	width: 750px;
	height: 115px;
	}

/*--予約---------*/
#yoyaku {
	width:187px;
	height:42px;
	position:absolute;
	top:0px;
	right:25px;
	z-index:20; /*--後で全体確認-*/
	} 

/*--h1文章---------*/	
h1 {
	font-size:80%;
	font-weight:normal;
	margin:0px 0 0 100px;
	padding:20px 0 0 0;
	}

/*--ヘッダーのボックス（左・ロゴ）---------*/
#header_left {
	width: 330px;
	margin:0;
	float: left;
	}
		
#header_left img {
margin:10px 0 0 70px;
}

/*--ヘッダーのボックス（右・住所）---------*/
#header_right {
	width: 166px;
	float: right;
	}	
	
#header_right img {
	margin:20px 0 0 0px;
	}


/*--ナビゲーション---------*/
#navi {
	width: 750px;
	height: 30px;
	background:#44738D;
	}

#navi img { 
	margin:0px;
	}

/*--共通のメインコンテンツ---------------------------*/	
#content {
	width: 750px;
	margin:0 0 0 25px;
	}

/*--rightボックス---------------------------*/		
#right { 
	width: 245px;
	float:right;
	margin:10px 0 0 0;
	}

/*--leftボックス---------------------------*/		
#left {
	width: 500px;
	float:left;
	margin:10px 0 0 0;	
	}



/*--rightボックスのごあいさつ---------------------------*/	
#right_b {
	width: 244px;
	}

#right_b1 {
	height: 10px;
	background: url("img/back_b1.jpg") no-repeat;
	}

#right_b2 {
	background: url("img/back_b2.jpg") ;
	}
	
#right_b3 {
	height: 10px;
	background: url("img/back_b3.jpg") no-repeat;
	}

#right_b img {
	margin:0 0 0 10px;
	}	

#right_b p { 

	padding:10px 15px;
	}


/*--leftの3メニュー---------------------------*/	

#left dl.menu3 { 
	width:162px;

	background:url("img/l3_a_under.jpg") no-repeat 100 100;
	margin:5px 3px 0 0;
	float:left;
}

#left dl.menu3 dt{ 

}
#left dl.menu3 dd.ggp{ 
background:url("img/l3_a_center.jpg") repeat-y;
}
		
/*--バナー--------------------------*/
	
.right_under img { 
	margin:5px 0 0 5px;

}

	
#left dl.menu3 dd{ 

}


/*--新着のお知らせ*/

#oshirase { 
	width:490px;
margin:10px 0 20px 0;
clear:both;
position:relative;

}

#oshirase img {
margin:15px 0;
	
}

.rss {

position:absolute;
top:10px;
right:0px;
}



/*--↑お知らせリニューアル用2----------------------------------------*/

#feed { 
	clear:both;
	}

#feed h2{ 
	font-size:120%;
	padding-left:18px;
    background: url(img/yaji_2.gif) no-repeat left center;
	}

#feed p {
	border-bottom: 1px dotted #CCC;  
	padding: 5px 0px 5px 3px;
	margin:5px 0 15px 0;
	}
		
		
					
/*カテゴリヘッダ*/

#cat_ryouri {
	width:750px;
	height:250px;
	background:url("img/b_ryouri.jpg") no-repeat;
	}

#cat_kannai {
	width:750px;
	height:250px;
	background:url("img/b_kannai.jpg") no-repeat;
	}
	
#cat_goenkai {
	width:750px;
	height:250px;
	background:url("img/b_goenkai.jpg") no-repeat;
	}

#cat_access {
	width:750px;
	height:250px;
	background:url("img/b_access.jpg") no-repeat;
	}
	
#cat_sightseeing {
	width:750px;
	height:250px;
	background:url("img/b_sightseeing.jpg") no-repeat;
	}			

/*後で確認*/
#cat_cap {

font-size:90%;
font-weight:normal;
line-height:2.5;
padding:40px 0 0 10px;
	color:#000;
	}

/*画像注意文*/
#at { 
	text-align:right;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
	}

/*--館内---------------------------*/	

/*Jqueryの画像*/

.kan_midashi {
	background:url(img/midashi_2.jpg) no-repeat left bottom;
	margin:10px 0 0 0; 

	clear:both;
	}

.kan_midashi h3 {
	text-indent:40px;
	color:#1B4C6C;
	line-height:2.5;
	font-size:140%;
	background:url(img/midashi_1.gif) no-repeat left center;
	}


/* ----------------------------------------
 ■追加、ためし
 * ---------------------------------------- */	
 
.w750 { 
	width:750px; 
	padding:10px 0 20px 0;
	clear:both;
	}

.w650 { 
	width:650px; 
	padding:10px 0 20px 0;
	clear:both;
	}

/*お問い合わせ下部*/
.w650_contact_under { 
	width:650px; 
	text-align:center;
	padding:10px 0 0 0;
	clear:both;
	}

/*お問い合わせ下部フォームメールリンク*/
.w650_contact_under2 { 
	text-align:right;
	padding:10px 0 0 0;
	}
		
	
.w650 p { 
	margin:10px 0 20px 0;
	clear:both;
	}



/*  縦写真の場合  */
.w750_left {
    width: 460px;
	float: left;
}

.subcopy {
    margin-bottom: 22px;
}


.w750_left p {
	width: 460px;
}


.subimg {
    width: 285px;
	float: right;
}

/*  横写真の場合  */

.w750_right {
    width: 440px;
	float: right;
}


.w750_right p {
	width: 440px;
}

.subimg2{
    width: 285px;
	float: left;
}



/* ----------------------------------------
 ■ ハック
 * ---------------------------------------- */	



/*画像が左*/
.kan_right { 
	width:430px;
	float:right;
	}

.kan_left { 
	width:300px;
	float:left;	
	}

.kan_left img { 
border:5px solid #7D6126;
padding:3px;
	}
	
.kan_right p {
	margin:10px 0 10px 0;
	}

.kan_right h4 { 
background:url(img/midashi4.jpg) repeat-y;
padding:5px;

}


/*FLASHギャラリー*/
#flashcontent {
	height: 600px;
	z-index:10;
	}

/*上へ戻る*/
p.p_foot {
text-align:right;
padding:20px 0 20px 0;
clear:both;
}


/*館内のテーブル*/
table.kan_t { 
    border-top:1px solid #B99632;
    border-left:1px solid #B99632;
    border-collapse:collapse;
    border-spacing:0;
	width:650px;
    empty-cells:show;
	margin:20px 0 0 50px;
}
.kan_t th{
	width:30%;
    border-right:1px solid #B99632;
    border-bottom:1px solid #B99632;
    color:#330000;
    background-color:#DECD9D;
/*    background-image:url(img/table-back.gif);*/
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.kan_t td{
    border-right:1px solid #B99632;
    border-bottom:1px solid #B99632;
    padding:0.3em 1em;
}



/* ----------------------------------------
 ■ /*自慢の料理
 * ---------------------------------------- */	

/*料理ボックスー---------------------------------*/	
.ryouri_main { 
	width:750px; 
	margin:20px 0 0 0;
	padding:10px 0 20px 0;
	clear:both;
	}

/*料理のコピー文章画像のマージン---------------------------------*/
.copy_5 {
margin:3px 0 5px 0;
}

/*料理の画像---------------------------------*/
.ryouri_left { 
	width:300px;
	float:left;	
	}

.ryouri_left img { 
border:5px solid #7D6126;
padding:3px;
	}


/*料理の文章とメニュー---------------------------------*/
.ryouri_right { 
	width:420px;
	float:right;
	}

.ryouri_right p {
	margin:0px 0 10px 0;
	}

.ryouri_listbox {
width:440px;

}

ul.ryouri_list { 
width:440px;
list-style-position: inside;
list-style-image:url(img/li_1.gif); 
margin:0;
padding:0;
} 

ul.ryouri_list li {
margin:0;
padding:0;
float:left;
width:210px;
}

/*注意文章(料理)---------------------------------*/
.ryouri_at {
	text-align:right;
	margin:0px 0 0 0;
	font-weight: bold;
	color: #FF9900;
	clear:both;
}

/*注意文章（宴会）---------------------------------*/
.enkai_at { 
	background:#DFDFDF;
	font-weight: bold;
	padding:5px;	
	margin:5px 0 5px 0;	
	clear:both;
}




/*宴会のテーブル*/
table.sub_t { 
    border-top:1px solid #B99632;
    border-left:1px solid #B99632;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin:20px 0 0 0;
}
.sub_t th{
	width:30%;
    border-right:1px solid #B99632;
    border-bottom:1px solid #B99632;
    color:#330000;
    background-color:#DECD9D;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.sub_t td{
    border-right:1px solid #B99632;
    border-bottom:1px solid #B99632;
    padding:0.3em 1em;
}



/*検証と確認---------------------------------*/

.ryouri_right h4 { 
background:url(img/midashi4.jpg) repeat-y;
padding:0 5px;

}

.w750 h4 { 
background:url(img/midashi4.jpg) repeat-y;
padding:5px;

}





		
	
/*フッター*/	
#footer { 
	width:100%;
	background:url(img/back_brown.jpg) repeat;
	text-align: center;
	font-size: small;
	margin: 0 auto;
	padding: 15px 0 50px;	
	clear:both;
	}
	
#footer ul {
     margin-bottom: 15px;
}
#footer ul li {
     display: inline;
     margin-right: 3px;
     padding-left: 7px;
     border-left: 1px solid #FFF;
     list-style-type: none;
}
#footer ul li.home { 
	color:#FFFFFF;	
     padding-left: 0;
     border-left: 0;
}

#footer ul li.home { 
	color:#FFFFFF;	
     padding-left: 0;
     border-left: 0;
}


#footer p.address,
#footer p.copy {
	color:#FFFFFF;	
}


/*---トップのギャラリー---------------------------------*/

#photodiv{ 
	width:491px;
	padding:0px;
	margin:0px;
	}　



/*---観光のテーブル---------------------------------*/
.sightseeing-t{ 
margin:10px 0 0 0;
	padding-bottom:15px;
	}

.sightseeing-t caption{ 
padding:10px 0 0 0;
text-align:center;
	}
		
.sightseeing-t table.sightseeing{
	width:740px;
	clear:both;
	border-collapse: separate;
    border-spacing:25px;
    empty-cells:show;
}
.sightseeing-t table.sightseeing td{
	vertical-align:top;
	padding-bottom:10px;
	}
.sightseeing-t table.sightseeing h4{
	font-weight:bold;
	padding:8px 0;
	font-weight:bold;
	}
.sightseeing-t table.sightseeing td.p-left{
	padding-left:25px;
	}

/*---画像周りの線後で確認して削除
.sightseeing-t img {

padding:5px;
border:1px solid #CCC;
background:#FFF;

}

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



/*---温泉のテーブル---------------------------------*/
.onsen-t{ 
margin:10px 0 0 0;
	padding-bottom:15px;
	}

.onsen-t caption{ 
padding:10px 0 0 0;
text-align:center;
	}
		
.onsen-t table.onsen{
	width:740px;
	clear:both;
	border-collapse: separate;
    border-spacing:30px;
    empty-cells:show;
}
.onsen-t table.onsen td{
	vertical-align:top;
	padding-bottom:10px;
	}
.onsen-t table.onsen h4{
	font-weight:bold;
	padding:8px 0;
	font-weight:bold;
	}
.onsen-t table.onsen td.p-left{
	padding-left:35px;
	}
	

/*---画像周りの線後で確認して削除
.sightseeing-t img {

padding:5px;
border:1px solid #CCC;
background:#FFF;

}

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




/*---観光---------------------------------*/
 ul.link3 {
	width:550px;
	margin:0 0 20px 30px;
	padding:10px 0px 0 0;
	list-style:none;
	clear:both;
}
ul.link3 li {
	margin:0 15px 0 0;
	padding:0;
	float:left;
	width:170px;
	text-align:center;
}
ul.link3 li.last {
	margin:0;
	padding:0 0 0 0;
	float:left;
	width:170px;
	text-align:center;
}
ul.link3 li img {
	margin-bottom:5px;
}


/* ----------------------------------------
 ■透過
 * ---------------------------------------- */	
 

/* iepngfix.htc */
#touka 
{  behavior: url(http://www.r-iwaki.com/js/iepngfix/iepngfix.htc);}