@charset "EUC-JP";
/* CSS Document */

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

■内容■
各ページの基本デザイン部分
(ヘッダ、サイド、フッタ、メイン本文の枠)
と共通なCSS

・タグ(要素)指定
・テキストリンク
・テキスト揃えと回り込みと解除
・その他のclass指定
・テキストカラー、太さ
・ページトップへ戻るリンク
・subメニュー
・幅指定
・スペース
・ネクストページメイン部分の記事パターン　各種
・レイヤーの重なり順

・共通レイアウト構造
------------------------------------ */


/*------------------------------------
タグ(要素)指定
------------------------------------*/
body{
	color: #FFFFFF;
	background:url(../image/body_bg.jpg) #000000 repeat-x ;
	width:750px;
	height:auto;
	margin: 0px auto ;
	padding: 0px 0;
	text-align:center;
}

h1,h2,h3,h4,h5,h6,div{
	margin: 0;
	padding: 0;
}
p,h4{font-size: 75%; line-height: 1.5em; margin: 0; padding: 0;}
ul,ol{
	font-size: 75%;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
}


table{font-size: 75%; line-height: 1.5em; }
img{border-style: none; margin: 0; padding: 0;}
hr{color:#FFFFFF; visibility :hidden;margin: 0 ; padding: 0;height:1px; }
.ind{text-indent:inherit;}
/*------------------------------------
テキストリンク
------------------------------------*/
a:link {text-decoration: none; color: #000000; ; }
a:visited {text-decoration: none; color: #000000; }
a:hover {text-decoration: underline; color: #FF412B; }
a:active {text-decoration: underline; color: #000000; }
/*リンクテキストにカラー */
a.inside:link {text-decoration: underline; color: #FA6A00; }
a.inside:visited {text-decoration: underline; color: #FA6A00; }
a.inside:hover {text-decoration: none; color: #FF412B; }
a.inside:active {text-decoration: none; color: #FF412B; }
/*------------------------------------
テキスト揃えと回り込みと解除
------------------------------------*/
.center{text-align: right;}
.left{text-align: left;}
.right{text-align: right;}
.f-right {
	float: left;
	width: 500px;
}
.f-left {float: left;}
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
/*------------------------------------
その他のclass指定
------------------------------------*/
.hidden{/*隠しテキスト、音声ブラウザ用ナビ*/
	width:0px;
	height:0px;
	overflow:hidden;
	position:absolute;
}
.inline{display:inline;}
.block{display:block;}
.line_bodo{border-bottom:dotted 1px #AAAAAA;}
/*------------------------------------
テキストカラーとサイズと太さ
------------------------------------*/
.red{color:#FB0101;}
.red01{color:#FF2900;}
.blue{color:#0054FF;}
.brown01{color:#87200B;}
.brown02{color:#D54803;}
.black{color:#333333;}

.bold{font-weight:bold;}
.normal{font-weight:normal ;}
.big{font-size:110%; }
.small{font-size:90%; }
.smaller{font-size:75%; }

.green01{color:#6D7E3D;}
.magenta01{color:#D13A78;}
.yellow01{color:#E9BB00;}
.blue01{color:#2B64D6;}
.dred01{color:#CC3F4C;}
.orange{color:#FA6A00;}

/* -------------------------
subメニュー
------------------------- */
ul#nextSubMenu {text-align:right;padding:0px 39px;}
ul#nextSubMenu li{display:inline;font-size:95%;}
ul#nextSubMenu li img{margin-right:3px;}
/* -------------------------
ページトップへ戻るリンク
------------------------- */
a.topagetop:link {text-decoration: none; color: #AB2005; }
a.topagetop:visited {text-decoration: none; color: #AB2005; }
a.topagetop:hover {text-decoration: underline; color: #FF412B; }
a.topagetop:active {text-decoration: underline; color: #FF412B; }
/* -------------------------
幅指定
------------------------- */
.w154{width:154px;}
.w328{width:328px;}
.w130{width:130px;}
.w140{width:140px;}
.w120{width:120px;}
.w264{width:264px;}
.w214{width:214px;}
.w270{width:270px;}
.w218{width:218px;}
.w240{width:240px;}
.w170{width:170px;}
.w172{
	width:500px;
	font-size: 80%;
}
.w310{width:310px;}
.w500{width:500px;}
/* -------------------------
スペース
------------------------- */
.space_le78{margin-left:78px;}
.space_le25{margin-left:25px;}
.space_le10{margin-left:10px;}
.space_le05{margin-left:05px;}
.space_le15{margin-left:15px;}
.space_le19{margin-left:20px;}
.space_le20{margin-left:20px;}
.space_le200{margin-left:200px;}
.space_le220{margin-left:220px;}
.space_le338{margin-left:338px;}
.space_ri05{margin-right:05px;}
.space_ri20{margin-right:20px;}
.space_ri10{margin-right:10px;}
.space_ri15{margin-right:15px;}
.space_ri25{margin-right:25px;}
.space_ri38{margin-right:38px;}
.space_to25{margin-top:25px;}
.space_to30{margin-top:30px;}
.space_to40{margin-top:40px;}
.space_to50{margin-top:50px;}
.space_to100{margin-top:100px;}
.space_to20{margin-top:20px;}
.space_to15{margin-top:15px;}
.space_to10{margin-top:10px;}
.space_to05{margin-top:5px;}
.space_bo30{margin-bottom:30px;}
.space_bo40{margin-bottom:40px;}
.space_bo50{margin-bottom:50px;}
.space_bo70{margin-bottom:70px;}
.space_bo15{margin-bottom:15px;}
.space_bo10{margin-bottom:10px;}
.space_bo20{margin-bottom:20px;}
.space_bo05{margin-bottom:5px;}
.space_bo100{margin-bottom:100px;}
.space_bo150{margin-bottom:150px;}



/* -------------------------
記事パターン01と02内のパターン
------------------------- */
div.article01-01{
	width:484px;
	overflow: visible;
	padding:12px 0px 0;
}
div.article01-02{
	width:484px;
	overflow: visible;
	padding:6px 0px 0;
}
div.article01-03{
	width:484px;
	overflow: visible;
	padding:12px 0px 6px;
}
div.article02-01{
	width:484px;
	overflow: visible;
	padding:0;
	font-size: 70%;
}
/* -------------------------
右：タイトル　左：画像
------------------------- */
div.a01-ri{width:212px;float:right;}/* 右タイトル */
div.a01-ri p{padding-left:18px;}/* 右記事文 */
p.a01-le{width:270px;float:left;}/* 左画像 */

div.a012-ri{width:172px;float:right;}/* 右タイトル */
div.a012-ri p{padding-left:18px;}/* 右記事文 */
p.a012-le{width:309px;float:left;top:-25px;}/* 左画像 上へ重なる*/
p.a013-le{width:309px;float:left;}/* 左画像 重なりなし */

div.a04-ri{width:230px;float:right;}/* 右タイトル */
div.a04-ri p{padding-left:3px}/* 右記事文 */
p.a04-le{width:250px;float:left;}/* 左画像 */

/* -------------------------
左：タイトル　右：画像
------------------------- */
div.a02-le{width:212px;float:left;}/* 左タイトル */
div.a02-le p{padding-left:18px;}/* 左記事文 */
p.a02-ri{width:270px;float:right;}/* 右画像 */

div.a022-le{width:172px;float:left;}/* 左タイトル */
div.a022-le p{padding-left:18px;}/* 左記事文 */
p.a022-ri{width:309px;float:right;}/* 右画像 */
p.a023-ri{width:309px;float:right;top:-25px;}/* 右画像 上に*/
/* -------------------------
レイヤーの重なり順
------------------------- */
.layer00{z-index: 0;position: relative; left:0px; }
.layer01{z-index: 1;position: relative; left:0px;}
.layer02{z-index: 2;position: relative; left:0px;}
.img_layer02{z-index: 2;position: relative; left:0px;top:-50px; }
.img_layer04{z-index: 4;position: relative; left:0px;top:0px; }
.img_layer01{z-index: 1;position: relative; left:0px;top:0px; }
.img_layer07{z-index: 7;position: relative; left:0px;top:-80px; }
.img_layer09{z-index: 3;position: relative; left:0px;top:-90px; }
.img_layer05{z-index: 5;position: relative; left:0px;top:-25px; }
.img_layer06{z-index: 6;position: relative; left:0px;top:40px; }
.img_layer08{z-index: 8;position: relative; left:0px;top:-330px; }
/* MacIE5.0除外 start \*/
.img_layer00{z-index: 0;position: relative; left:0px;top:-100px; }
.img_layer03{z-index: 3;position: relative; left:0px;top:-100px; }
/* MacIE5.0除外 end */

/* -------------------------
記事パターン03：3つの回り込み
------------------------- */
div.a03{width:161px;float:left;}
div.a03 p.article{padding-right:3px}
div.a03 p img{margin-bottom:10px;}



/*----------------------------------------------------------
レイアウト構造
----------------------------------------------------------*/
#topBaseStyle{/* トップページの基本ページベース */
	overflow: hidden;
	width:782px;
	height: auto;
	background:url(../image/base_bg.jpg) repeat-y #000000;
	text-align:left;
}

#nextBaseStyle{/* ネクストページの基本ページベース */
	overflow: hidden;
	width:782px;
	height: auto;
	background:url(../image/base_bg.jpg) repeat-y #000000;
	text-align:left;
}


/*------------------------------------
旧トップページのヘッダ
------------------------------------*/
#topHeader{/* ヘッダ */
	overflow: visible; 
	width:750px;
	height:309px;
	/*background:url(../img/reserve_bg.jpg) no-repeat left top #761300;*/
}
#topHeader #toplogo{width:186px;float:left;background-color:#000000;}/* ロゴ */
/*#topHeader h2{/* 宿泊予約　隠しナビゲーションテキスト */
	/*width:0px;
	height:0px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}*/

h2#b_reserve a{
   padding: 0 ;
   background:url(../img/reserve_spring.jpg) no-repeat left top #000000;
   display:block;
   width:185px;
   height:203px;
   text-indent:-9999px;
}

h2#b_reserve a:hover{
	padding: 0 ;
   background:url(../img/reserve_on_spring.jpg) no-repeat left top #000000;
   display:block;
   width:185px;
   height:203px;
   text-indent:-9999px;
   }

/*#topHeader p{margin:166px 0 0 47px}/* 宿泊予約 */
#topfla{width:720px;}/* フラッシュ */

/*------------------------------------
トップページのヘッダ
------------------------------------*/
#nextHeader{/* ネクストページのヘッダ枠 */
	overflow: visible;
	width:500px;
	height:337px;
	margin-left: 31px;
}

#nextHeader p{
	float:left;
	width: 680px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 25px;
	color: #FFFFFF;
}
#nextHeader h1{/* ネクストページの各タイトル */
	float:right;
	width:564px;
	height:69px;
}

#nextHeader ul{/* ネクストページのヘッダメニュー */
	width:750px;
	height:40px;
	background:url(../image/menu.jpg) no-repeat ;
/* MacIE5.0除外 start \*/
	clear: both;
/* MacIE5.0除外 end */
}
#nextHeader ul li{
	display: block; 
	float: left;
	margin:0;
	padding:0;
}
#nextHeader ul li a{
	display:block;
	float:left;
	height:60px;
	text-indent:-9999px;
	text-decoration:none;
}
/* ネクストページのヘッダメニュー */
#n-motenasi{width:88px;background:url(../image/menu.jpg) no-repeat 0 0 ;}
#n-suna{width:102px;background:url(../image/menu.jpg) no-repeat -88px 0 ;}
#n-dinner{width:106px;background:url(../image/menu.jpg) no-repeat -190px 0 ;}
#n-room{width:122px;background:url(../image/menu.jpg) no-repeat -296px 0 ;}
#n-study{width:60px;background:url(../image/menu.jpg) no-repeat -418px 0 ;}
#n-facilities{width:97px;background:url(../image/menu.jpg) no-repeat -478px 0 ;}
#n-sight{width:73px;background:url(../image/menu.jpg) no-repeat -575px 0 ;}
#n-link{width:72px;background:url(../image/menu.jpg) no-repeat -648px 0 ;}

a:hover#n-motenasi,
#n-motenasi02{width:88px;background:url(../image/menu_on.jpg) no-repeat 0 0px ;}
a:hover#n-suna,
#n-suna02{width:102px;background:url(../image/menu_on.jpg) no-repeat -88px 0 ;}
a:hover#n-dinner,
#n-dinner02{width:106px;background:url(../image/menu_on.jpg) no-repeat -190px 0 ;}
a:hover#n-room,
#n-room02{width:122px;background:url(../image/menu_on.jpg) no-repeat -296px 0 ;}
a:hover#n-study,
#n-study02{width:60px;background:url(../image/menu_on.jpg) no-repeat -418px 0 ;}
a:hover#n-facilities,
#n-facilities02{width:97px;background:url(../image/menu_on.jpg) no-repeat -478px 0 ;}
a:hover#n-sight,
#n-sight02{width:73px;background:url(../image/menu_on.jpg) no-repeat -575px 0 ;}
a:hover#n-link,
#n-link02{width:72px;background:url(../image/menu_on.jpg) no-repeat -648px 0 ;}

/*------------------------------------
ネクストページのヘッダ各ページ
------------------------------------*/
#nextHeader_sub{/* ネクストページのヘッダ枠 */
	overflow: visible;
	width:500px;
	height:146px;
	margin-left: 31px;
}

#nextHeader_sub p{
	float:left;
	width: 680px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 25px;
	color: #FFFFFF;
}
#nextHeader_sub h1{/* ネクストページの各タイトル */
	float:right;
	width:564px;
	height:69px;
}

#nextHeader_sub ul{/* ネクストページのヘッダメニュー */
	width:750px;
	height:60px;
	background:url(../image/menu.jpg) no-repeat;
	/* MacIE5.0除外 start \*/
	clear: both;
/* MacIE5.0除外 end */
}
#nextHeader_sub ul li{
	display: block; 
	float: left;
	margin:0;
	padding:0;
}
#nextHeader_sub ul li a{
	display:block;
	float:left;
	height:60px;
	text-indent:-9999px;
	text-decoration:none;
}




/*------------------------------------
共通コンテンツ枠
------------------------------------*/

#toptitel{width:720px;}/* 各ページタイトル */

#topContainer{/* トップページ共通枠 */
	overflow: visible; 
	background:url(../img/top_contaner_bg.jpg) repeat-y right bottom #000000;
	color:#FFFFFF;
	width:750px;
	height:auto;
/* MacIE5.0除外 start \*/
	clear: both;
/* MacIE5.0除外 end */
}

#nextContainer{/* ネクストページ共通枠 */
	overflow: visible;
	color:#FFFFFF;
	width:720px;
	height:auto;
	/* MacIE5.0除外 start \*/
	clear: both;
	margin-left: 31px;
/* MacIE5.0除外 end */
}
/*------------------------------------
共通コンテンツ枠　左側
------------------------------------*/
#sideMenu{/* 共通左側メニュー */
	width:184px;
	float:left;
	background: #000000;
}

/*------------------------------------
#sideMenuトップページのサイドメニュー
------------------------------------*/
ul#topSideMenu{
	padding:10px 0;
	background:url(../img/topsidemenu.jpg) no-repeat -2px 0px;
}
ul#topSideMenu li{
	display:block;
	height:32px;
}
ul#topSideMenu li a{
	display:block;
	width:184px;
	text-indent:-9999px;
	text-decoration:none;
}

/* トップページのサイドメニュー */
#t-spa{background:url(../img/topsidemenu.jpg) no-repeat -2px -11px;height:32px;}
#t-dinner{background:url(../img/topsidemenu.jpg) no-repeat -2px -43px;height:32px;}
#t-room{background:url(../img/topsidemenu.jpg) no-repeat -2px -75px;height:32px;}
#t-study{background:url(../img/topsidemenu.jpg) no-repeat -2px -107px;height:32px;}
#t-facilities{background:url(../img/topsidemenu.jpg) no-repeat -2px -139px;height:32px;}
#t-sight{background:url(../img/topsidemenu.jpg) no-repeat -2px -171px;height:32px;}
#t-access{background:url(../img/topsidemenu.jpg) no-repeat -2px -203px;height:31px;}

a:hover#t-spa {background:url(../img/topsidemenu_on.jpg) no-repeat -2px -11px;height:32px;}
a:hover#t-dinner {background:url(../img/topsidemenu_on.jpg) no-repeat -2px -43px;height:32px;}
a:hover#t-room {background:url(../img/topsidemenu_on.jpg) no-repeat -2px -75px;height:32px;}
a:hover#t-study {background:url(../img/topsidemenu_on.jpg) no-repeat -2px -107px;height:32px;}
a:hover#t-facilities{background:url(../img/topsidemenu_on.jpg) no-repeat -2px -139px;height:32px;}
a:hover#t-sight{background:url(../img/topsidemenu_on.jpg) no-repeat -2px -171px;height:32px;}
a:hover#t-access {background:url(../img/topsidemenu_on.jpg) no-repeat -2px -203px;height:31px;}


#topSpecital{
	color:#333333;
	width:175px;
	margin:5px ;
	background:url(../../img/specital_bg.gif) no-repeat center bottom ;
	padding:0 0px 8px ;
}
#topSpecital h3{font-size:80%;font-weight:normal;width:93px;
padding:3px 5px 0px 3px;}
#topSpecital h2{padding:0 0 5px 0;}


#topSpecital p{padding:2px 0px 1px 13px;}
#topSpecital a{color:#993300;}


/*------------------------------------
#sideMenuネクストページのサイドメニュー
------------------------------------*/

/*#reserve{/* ネクストページ宿泊予約 */
	/*width:183px;
	height:205px;
	padding:0px;
	margin:0px;
	border:1px solid #761300;
	background:url(../img/reserve_bg.jpg) no-repeat 0px -104px #761300;
}

#reserve p{margin:166px 0 0 47px;}/* 宿泊予約 */

#sideBanner ul{margin:5px 0;}/* ネクストページサイドバナー */
#sideBanner ul li{text-align:center;margin-bottom:3px;}



#reserve h2,
#sideBanner h2{/* パンフレットDL　隠しナビゲーションテキスト */
	width:0px;
	height:0px;
	overflow:hidden;
	position:absolute;
}

/*------------------------------------
共通コンテンツ枠　センター上
------------------------------------*/
#mainContents{/* 共通メイン枠 */
	width:720px;
	padding-top:10px;
	height: 300px;
	padding-bottom: 0px;
}

/*------------------------------------
共通コンテンツ枠　センター下
------------------------------------*/
#mainContents2{/* 共通メイン枠 */
	overflow: visible;
	width:720px;
	padding-top:0px;
	padding-bottom: 10px;
	height: 100px;
}


/*------------------------------------
共通コンテンツ枠　各ページ
------------------------------------*/
#mainContents3{/* 共通メイン枠 */
	overflow: visible;
	width:720px;
	padding-top:10px;
	height: auto;
	padding-bottom: 0px;
	background-position: center;
	text-align: center;
}

/*------------------------------------
トップページのフッタ
------------------------------------*/
#topFooter{/* トップページフッタ枠 */
	overflow: visible;
	height:auto;
/* MacIE5.0除外 start \*/
	width:750px;
	clear: both;
/* MacIE5.0除外 end */
	font-size: 95%;
	text-align:center;
	color: #FFFFFF; 
}

#topFooter div{
/* MacIE5.0除外 start \*/
		float:right;
/* MacIE5.0除外 end */
		width:560px;
	padding-top:28px;
}
#topFooter a{text-decoration: none; color: #D1D1D1; }
#topFooter a:hover{text-decoration: underline; }
#topFooter p{margin:6px auto 0px;}
#topFooter ul li{display:inline;}
#topFooter address{/* 住所など */
	padding:3px ;
	float:left;
	text-align:left;
	width:184px;
	font-style:normal; 
	font-size: 82%;
	line-height:1.3em; 
}


/*------------------------------------
ネクストページフッタ
------------------------------------*/
#nextFooter{/* ネクストページフッタ枠 */
	overflow: visible;
	height:auto;
	/* MacIE5.0除外 start \*/
	width:720px;
	clear: both;
	/* MacIE5.0除外 end */
	font-size: 95%;
	text-align:center;
	color: #FFFFFF;
}

#nextFooter div{
	/* MacIE5.0除外 end */
		width:720px;
	padding-top:10px;
	background-image: url(../image/bottom_back.gif);
	clear: both;
}
#nextFooter p{margin:6px auto 0px;}
#nextFooter ul li{
	display:inline;
	margin-right: 10px;
}