@charset "utf-8";
/* CSS Document */

/* 共通レイアウト 
------------------------------------------*/
* {
  padding : 0;
  margin : 0;
}

img {
	border : 0;
}

body {
	font-size : 0.80em;
	font-family :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../images/page_bg.gif);
}

p {
	line-height: 1.3em;
	text-align: left;
	margin: 5px 10px 5px 10px;
}


/* 基本リンク 
------------------------------------------*/
a {
	text-decoration : none;
	color : #D00C3B;
}
a:link {
	text-decoration : none;
	color : #D00C3B;
}

a:hover { 
	text-decoration : underline;
	color : #500B06;
}


/* 基本レイアウト 
------------------------------------------*/
#container {
	text-align : center;
	width : 800px;
	margin: auto;
	background-color: #FFF;
	background-attachment: scroll;
	border: 1px solid #2D81FF;
}


/* 見出し・段落
------------------------------------------*/
strong {
	font-weight: normal;
}

h1 {
	font-size : 12px;
	font-weight : normal;
	color : #FFF;
	line-height: 20px;
/*	background: #793406;*/
	background-image: url(../images/bg01.gif)
}


/* ヘッダー（header）
-----------------------------------------*/
#header {
	overflow : hidden;
	position : relative;
	background-color: #FFF;
/*	background-image: url(../images/top_img001.jpg);*/
	padding: 10px 10px 0 10px;
}

#header #h_left {
	float: left;
	width: 300px;
	text-align: left;
}

#header #h_right {
	float: right;
	width: 460px;
	text-align: right;
	
}


/* ナビメニュー
---------------------------------------------*/
#navi {
	background-color: #793406;
}
#navi ul {
	list-style-type: none;
}
#navi ul li {
	float:left;
}
#navi a {
	display: block;
}

/*ホームへのリンク*/
#naviButton1 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 110px;
  background-image : url(../images/navi_menu11.gif);
  outline : none;
}
#naviButton1 a:hover {
	background-position: 0px -30px;
}
#naviButton1 .active {
	background-position: 0px -30px;
}

/*料金の案内へのリンク*/
#naviButton2 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 120px;
  background-image : url(../images/navi_menu21.gif);
  outline : none;
}
#naviButton2 a:hover {
	background-position: 0px -30px;
}
#naviButton2 .active {
	background-position: 0px -30px;
}

/*館内の案内へのリンク*/
#naviButton3 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 120px;
  background-image : url(../images/navi_menu31.gif);
  outline : none;
}
#naviButton3 a:hover {
	background-position: 0px -30px;
}
#naviButton3 .active {
	background-position: 0px -30px;
}

/*料理の案内へのリンク*/
#naviButton4 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 120px;
  background-image : url(../images/navi_menu41.gif);
  outline : none;
}
#naviButton4 a:hover {
	background-position: 0px -30px;
}
#naviButton43 .active {
	background-position: 0px -30px;
}

/*ご利用案内へのリンク*/
#naviButton5 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 110px;
  background-image : url(../images/navi_menu51.gif);
  outline : none;
}
#naviButton5 a:hover {
	background-position: 0px -30px;
}
#naviButton5 .active {
	background-position: 0px -30px;
}

/*交通案内へのリンク*/
#naviButton6 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 110px;
  background-image : url(../images/navi_menu61.gif);
  outline : none;
}
#naviButton6 a:hover {
	background-position: 0px -30px;
}
#naviButton6 .active {
	background-position: 0px -30px;
}

/*周辺観光へのリンク*/
#naviButton7 a {
	display : block;
	overflow : hidden;
  height : 30px;
  width : 110px;
  background-image : url(../images/navi_menu71.gif);
  outline : none;
}
#naviButton7 a:hover {
	background-position: 0px -30px;
}
#naviButton7 .active {
	background-position: 0px -30px;
}


/*メインイメージ下のリンク
----------------------------------------------*/
#subLink {
	background-image:url(../images/bg01.gif);
	text-align: right;
	padding: 5px;
	font-size: 12px;
	color: #FFF;
}

#subLink a {
	text-decoration : none;
	color : #FFF;
}
#subLink a:link {
	text-decoration : none;
	color : #FFF;
}

#subLink a:hover { 
	text-decoration : underline;
	color : #FF0;
}


/* トップページメインコンテンツ (mainContents)
---------------------------------------------*/

#mainContents {
	text-align: left;
/*	background-color:#03F;*/
	margin-top: 15px;
	margin-bottom: 15px;
}

#mainContents #left {
	overflow : hidden;/* IE6対策 */
	width: 230px;
	float: left;
	text-align: center;
	padding-left: 10px;
	margin-right: 10px;
}

#mainContents #left #sideBox {
	background-color: #FFFFB4;
	padding-top: 10px;
}

#mainContents #right {
	overflow : hidden;/* IE6対策 */
	width: 540px;
	float: right;
	text-align: left;
	padding-right: 10px;
}


/* floatの解除 -------------*/ 
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}  
.clearfix {
	min-height: 1px; /*IE6、7*/ 
	display: inline-block;
}  
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
} 


/* アニメーション画像 (anima_waku)
---------------------------------------------*/

#anima_waku {
	height: 150px;
	margin-bottom: 10px;
}


.top_movie {
	border: none;
	width:210px;
	height:150px;
	margin: 0px;
	padding: 0px;
}


/* サイドメニュー (sideMenu)
---------------------------------------------*/

#sideMenu {
	text-align: center;
}

#sideMenu	ul {
	list-style-type: none;
}

#sideMenu ul li {
	margin-bottom: 10px;
}

#sideMenu ul li.sideMenutop {
	margin-top: 10px;
}


/* フッター (footer)
---------------------------------------------*/
#footer {
/*	background-color: #793406;*/
	background-image: url(../images/bg01.gif);
	text-align: center;
	color: #FFF;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
}


#Copyright {
	font-size: 13px;
	text-align: center;
}


/*テキストボックス
----------------------------------------------*/
/*背景付き*/
#textBox1 {
	background-image:url(../images/bg01.gif);
	text-align: right;
	padding: 5px;
}