﻿@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333333;
        text-align:center;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	background: #f8f2df url(../images/bg.gif) left top repeat;
}
a {
	text-decoration: none;
	color: #640000;
}
a:visited {
	color: #640000;
}

a:hover {
	text-decoration:underline;
	color: #923F3F;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
        position: relative;
	width: 990px;
        margin: 0 auto;
	text-align: left;
	background: #f8f2df url(../images/shadow.png) left top repeat;
}

#content {
	margin: 0px 0px 0px 5px; 
        width: 980px;
	background: #EDE6CD;
}

#header {
	width: 980px;
        height: 165px;
        background: #f8f2df url(../images/header.png) no-repeat;
}

#flash-top {
	width: 980px;
        height: 460px;
        background: #000000 url(../images/flash_bg_index.gif) no-repeat;
}

#flash {
	width: 980px;
        height: 260px;
        background: #000000 url(../images/flash_bg.gif) no-repeat;
}

#main {
        width: 100%;
        height: 100%;
}

#footer {
        clear: both;
        position: relative;
        width: 980px;
        height: 130px;
        background: #f8f2df url(../images/footer.png) no-repeat bottom;
}

/* 文字・位置
---------------------------------------------*/
ul {
	list-style-type: none;
}

.underline {
	text-decoration: underline;
}

.fontsize-12 {
	font-size: 12px;
}

.fontsize-10 {
	font-size: 10px;
}

.fontsize-11 {
	font-size: 11px;
}

.fontsize-13 {
	font-size: 13px;
}

.fontsize-14 {
	font-size: 14px;
}

.fontsize-15 {
	font-size: 15px;
}

.fontsize-16 {
	font-size: 16px;
}

.fontsize-18 {
	font-size: 18px;
}

.font-white {
	color: #FFFFFF;
}

.cream {
	color: #F8F2DF;
}

.cream a {
	color: #F8F2DF;
}

.cream2 {
	color: #FED0B6;
}

.cream2 a {
	color: #FED0B6;
}

.red {
	color: #FF3300;
}

.redbrown {
	color: #640000;
}

.redbrown02 {
	color: #602323;
}

.green a {
	color: #364F08;
}

.green {
	color: #364F08;
}

.text-dropout {
	display:block;
	line-height: 100%;
	text-indent:-6000px;
	text-align: left;
}

.center {
	margin: 0 auto;
	text-align: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.clear-both {
	clear:both;
}

/* テーブル
---------------------------------------------*/

.table {
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-td01 {
	width: 290px;
	border: 1px #000000 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background-color: #FFFFFF;
}

.table-td02 {
	width: 200px;
	border: 1px #000000 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background-image: url(../images/table_bg01.gif);
}

.table-td03 {
	width: 200px;
	border: 1px #000000 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background-image: url(../images/table_bg02.gif);
}

.table-td04 {
	width: 200px;
	border: 1px #000000 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background-image: url(../images/table_bg03.gif);
}

.table-td05 {
	width: 200px;
	border: 1px #000000 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background-image: url(../images/table_bg04.gif);
}

/* ロゴとナビゲーション
---------------------------------------------*/
.logo {
	position: absolute;
	top: 10px;
	left: 10px;
	clear: both;
}

.logo a {
	display: block;
	width: 210px;
	height: 80px;
	background-image: url(../images/logo.png);
}

.logo a { background-position:  0     0; } /* 通常 */

.logo a.stay { background-position:  0     -80px; } /* 現在位置 */

.logo a:hover { background-position:  0     -80px; } /* オンマウス */

#nav {
	position: absolute;
	top: 112px;
	left: 5px;
	width: 660px;
	height: 42px;
	list-style-type: none;
	background-image: url(../images/nav.png);
}
#nav li {
	float: left;
	width: 110px;
}
#nav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:42px;
	padding-top: 42px;
	background-image: url(../images/nav.png);
	color: #FFFFFF;
}

	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -110px 0; }
	#nav03 a { background-position: -220px 0; }
	#nav04 a { background-position: -330px 0; }
	#nav05 a { background-position: -440px 0; }
	#nav06 a { background-position: -550px 0; }
	
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -42px; }
	#nav02 a.stay { background-position: -110px -42px; }
	#nav03 a.stay { background-position: -220px -42px; }
	#nav04 a.stay { background-position: -330px -42px; }
	#nav05 a.stay { background-position: -440px -42px; }
	#nav06 a.stay { background-position: -550px -42px; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -42px; }
	#nav02 a:hover { background-position: -110px -42px; }
	#nav03 a:hover { background-position: -220px -42px; }
	#nav04 a:hover { background-position: -330px -42px; }
	#nav05 a:hover { background-position: -440px -42px; }
	#nav06 a:hover { background-position: -550px -42px; }

/* オンライン予約
---------------------------------------------*/

.online_reservation {
	position: absolute;
	top: 54px;
	left: 780px;
	clear: both;
}

.online_reservation a {
	display: block;
	width: 158px;
	height: 34px;
	background-image: url(../images/online_reservation.gif);
}

	.online_reservation a { background-position:  0     0; } /* 通常 */

	.online_reservation a.stay { background-position:  0     -34px; } /* 現在位置 */

	.online_reservation a:hover { background-position:  0     -34px; } /* オンマウス */

/* フッター
---------------------------------------------*/

.footer-logo {
	position: absolute;
	top: 10px;
	left: 4px;
}

.footer-logo a {
	display: block;
	width: 169px;
	height: 53px;
	background: url(../images/footer-logo.png) no-repeat left top;
}

.footer-phone {
	position: absolute;
	top: 15px;
	left: 196px;
	width: 184px;
	height: 45px;
	background: url(../images/footer-phone.png) no-repeat left top;
}

.footer-nav {
	position: absolute;
	top: 15px;
	left: 450px;
}

.footer-privacy {
        clear: both;
        position: absolute;
        top: 100px;
	left: 820px;
}

.footer-privacy a {
	display: block;
	width: 115px;
	height: 25px;
	background-image: url(../images/footer-nav.png);
}

	.footer-privacy a { background-position:  0     0; } /* 通常 */

	.footer-privacy a.stay { background-position:  0     -25px; } /* 現在位置 */

	.footer-privacy a:hover { background-position:  0     -25px; } /* オンマウス */

/* トップページ
---------------------------------------------*/
#index-h3 {
	width: 710px;
	height: 35px;
	}

.index-h3-01 {
		background: url(../images/index_h3_01.gif) no-repeat left top;
	}

.index-h3-02 {
		background: url(../images/index_h3_02.gif) no-repeat left top;
	}

.index-h4 {
	width: 716px;
	height: 249px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/index_h4_01.png) no-repeat left top;
	}

.index-h5 {
	width: 520px;
	height: 30px;
	background: url(../images/li08.png) left top no-repeat;
	margin-left: 0px;
	padding: 5px 0px 0px 12px;
}

.index-link-box {
	width: 350px;
	padding: 0px 5px 0px 10px;
}

.index-informartion-box {
	width: 700px;
}

.index-informartion-box-photo {
	width: 150px;
	padding: 0px 10px 10px 10px;
}

.index-informartion-box-photo-image {
	width: 150px;
	border: 1px solid #000000;
}

.index-informartion-box-text {
	width: 520px;
	padding: 5px 5px 5px 5px;
	letter-spacing:0.05em;
	line-height: 1.3;
	background: #f8f2df url(../images/index-informartion-box-bg.png) left top repeat;
}

.index-informartion-box-text a {
	color: #A0522D;
	text-decoration:underline;
}

.index-informartion-box-details {
        padding: 0px 0px 0px 0px;
}

.index-informartion-box-details ul {
        padding: 0px 30px 0px 0px;
}

.index-informartion-box-details li a {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(../images/index-informartion-box-details.gif);
}

.index-informartion-box-details li a { background-position:  0     0; } /* 通常 */

.index-informartion-box-details li a.stay { background-position:  0     -20px; } /* 現在位置 */

.index-informartion-box-details li a:hover { background-position:  0     -20px; } /* オンマウス */

.index-plan-box {
	width: 660px;
	border: 1px solid #000000;
	background: #F8F2DF;
}

.index-plan-box-photo {
	width: 106px;
	padding: 0px 10px 10px 10px;
}

.index-plan-box-text {
	width: 534px;
}

/* 館内案内
---------------------------------------------*/

#hotel-information-h3 {
	width: 710px;
	height: 35px;
}

.hotel-information-h3-01 {
	background: url(../images/hotel_information_h3_01.gif) no-repeat left top;
}

.hotel-information-h3-02 {
	background: url(../images/hotel_information_h3_02.gif) no-repeat left top;
}

.hotel-information-photo {
	width: 350px;
	padding: 5px 5px 0px 5px;
}

.hotel-information-text {
	width: 330px;
	padding: 5px 5px 0px 5px;
}

.hotel-information-h4-01 {
	width: 191px;
	height: 290px;
	background: url(../images/hotel_information_h4_01.gif) no-repeat left top;
}

.hotel-information-h4-02 {
	width: 191px;
	height: 290px;
	background: url(../images/hotel_information_h4_02.gif) no-repeat left top;
}

.hotel-information-h5 {
	width: 320px;
	height: 47px;
	background: url(../images/li07.png) left top no-repeat;
	margint: 0px 5px 0px 5px;
	padding: 14px 0px 10px 30px;
	font-size: 17px;
}

.hotel-information-amenity-box {
	width: 480px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #7D6E3F;
	background: #FCFAF1;
}

/* 料理
---------------------------------------------*/

#cuisine-h3 {
	width: 710px;
	height: 35px;
	}

.cuisine-h3-01 {
		background: url(../images/cuisine_h3_01.gif) no-repeat left top;
	}

.cuisine-h3-02 {
		background: url(../images/cuisine_h3_02.gif) no-repeat left top;
	}

.cuisine-h4-01 {
		width: 191px;
		height: 290px;
		background: url(../images/cuisine_h4_01.gif) no-repeat left top;
	}

.cuisine-h4-02 {
		width: 191px;
		height: 290px;
		background: url(../images/cuisine_h4_02.gif) no-repeat left top;
	}

.cuisine-h4-03 {
		width: 191px;
		height: 290px;
		background: url(../images/cuisine_h4_03.gif) no-repeat left top;
	}

.cuisine-h4-04 {
		width: 191px;
		height: 290px;
		background: url(../images/cuisine_h4_04.gif) no-repeat left top;
	}

.cuisine-h4-05 {
		width: 540px;
		height: 104px;
		background: url(../images/cuisine_h4_05.gif) no-repeat left top;
	}

/* 温泉
---------------------------------------------*/

#hot-spring-h3 {
	width: 710px;
	height: 35px;
	}

.hot-spring-h3-01 {
		background: url(../images/hot_spring_h3_01.gif) no-repeat left top;
	}

.hot-spring-h3-02 {
		background: url(../images/hot_spring_h3_02.gif) no-repeat left top;
	}

.hot-spring-h4-01 {
		width: 191px;
		height: 290px;
		background: url(../images/hot_spring_h4_01.gif) no-repeat left top;
	}

.hot-spring-h4-02 {
		width: 191px;
		height: 290px;
		background: url(../images/hot_spring_h4_02.gif) no-repeat left top;
	}

.hot-spring-h4-03 {
		width: 191px;
		height: 290px;
		background: url(../images/hot_spring_h4_03.gif) no-repeat left top;
	}

.hot-spring-h4-04 {
		width: 191px;
		height: 290px;
		background: url(../images/hot_spring_h4_04.gif) no-repeat left top;
	}

/* 予約・プラン
---------------------------------------------*/

#reservation-h3 {
	width: 710px;
	height: 35px;
	}

.reservation-h3-01 {
		background: url(../images/reservation_h3_01.gif) no-repeat left top;
	}

.reservation-h3-02 {
		background: url(../images/reservation_h3_02.gif) no-repeat left top;
	}

.reservation-h4-01 {
		width: 191px;
		height: 290px;
		background: url(../images/reservation_h4_01.gif) no-repeat left top;
	}

.reservation-h4-02 {
		width: 191px;
		height: 290px;
		background: url(../images/reservation_h4_02.gif) no-repeat left top;
	}

.reservation-h4-04 {
		width: 191px;
		height: 290px;
		background: url(../images/reservation_h4_04.gif) no-repeat left top;
	}

.reservation-special-service {
		position: relative;
		width: 700px;
		height: 300px;
		background: url(../images/reservation_special_service.png) no-repeat left top;
	}

.reservation-h4-03 {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 653px;
		height: 116px;
		background: url(../images/reservation_h4_03.png) no-repeat left top;
	}

.reservation-special-service-online-reservation {
	position: absolute;
	top: 255px;
	left: 525px;
	clear: both;
}

.reservation-special-service-online-reservation a {
	display: block;
	width: 158px;
	height: 34px;
	background-image: url(../images/online_reservation.gif);
}

	.reservation-special-service-online-reservation a { background-position:  0     0; } /* 通常 */

	.reservation-special-service-online-reservation a.stay { background-position:  0     -34px; } /* 現在位置 */

	.reservation-special-service-online-reservation a:hover { background-position:  0     -34px; } /* オンマウス */

.reservation-h5 {
		background: url(../images/li03.gif) left top no-repeat;
		padding: 10px 0px 10px 40px;
		font-size: 16px;
		text-decoration: underline;
	}

.reservation-dt {
		float: left;
		width: 108px;
		height: 30px;
		margin: 0;
		padding: 0;
	}

.reservation-plan-dt-01 {
		background: url(../images/reservation_plan_dt_01.gif) no-repeat left top;
	}

.reservation-plan-dt-02 {
		background: url(../images/reservation_plan_dt_02.gif) no-repeat left top;
	}

.reservation-plan-dt-03 {
		background: url(../images/reservation_plan_dt_03.gif) no-repeat left top;
	}

.reservation-dd {
		float: left;
		width: 160px;
		height: 30px;
		margin: 0;
		padding: 0;
	}

.reservation-plan-dd-01 {
		background: url(../images/reservation_plan_dd_01.gif) no-repeat left top;
	}

.reservation-plan-dd-02 {
		background: url(../images/reservation_plan_dd_02.gif) no-repeat left top;
	}

.reservation-plan-dd-03 {
		background: url(../images/reservation_plan_dd_03.gif) no-repeat left top;
	}

.reservation-plan-dd-04 {
		background: url(../images/reservation_plan_dd_04.gif) no-repeat left top;
	}

.reservation-plan-dd-05 {
		background: url(../images/reservation_plan_dd_05.gif) no-repeat left top;
	}

.reservation-plan-dd-06 {
		background: url(../images/reservation_plan_dd_06.gif) no-repeat left top;
	}

.reservation-plan-dd-07 {
		background: url(../images/reservation_plan_dd_07.gif) no-repeat left top;
	}

.reservation-plan-dd-08 {
		background: url(../images/reservation_plan_dd_08.gif) no-repeat left top;
	}

.reservation-plan-dd-09 {
		background: url(../images/reservation_plan_dd_09.gif) no-repeat left top;
	}

.reservation-plan-dd-10 {
		background: url(../images/reservation_plan_dd_10.gif) no-repeat left top;
	}

.reservation-plan-dd-11 {
		background: url(../images/reservation_plan_dd_11.gif) no-repeat left top;
	}

.reservation-plan-dd-12 {
		background: url(../images/reservation_plan_dd_12.gif) no-repeat left top;
	}

.reservation-plan {
		background: url(../images/li03.gif) left top no-repeat;
		margin-left: 20px;
		padding: 10px 0px 10px 40px;
		font-size: 15px;
		text-decoration: underline;
	}

.reservation-plan-box {
		position: relative;
		width: 268px;
		height: 180px;
		background: url(../images/reservation_plan_box.png) no-repeat left top;
	}

.reservation-plan-box-title {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 229px;
		height: 67px;
		background: url(../images/reservation_plan_box_title.png) no-repeat left top;
	}

.reservation-plan-box-purchases {
		position: absolute;
		top: 80px;
		left: 0px;
		width: 60px;
		height: 55px;
		background: url(../images/reservation_plan_box_purchases.png) no-repeat left top;
	}

.reservation-plan-box-online-reservation {
	position: absolute;
	top: 85px;
	left: 58px;
	clear: both;
}

.reservation-plan-box-online-reservation a {
	display: block;
	width: 158px;
	height: 34px;
	background-image: url(../images/online_reservation.gif);
}

	.reservation-plan-box-online-reservation a { background-position:  0     0; } /* 通常 */

	.reservation-plan-box-online-reservation a.stay { background-position:  0     -34px; } /* 現在位置 */

	.reservation-plan-box-online-reservation a:hover { background-position:  0     -34px; } /* オンマウス */

.reservation-plan-box-jaran {
		position: absolute;
		top: 152px;
		left: 80px;
		font-size: 12px;
		letter-spacing:0.1em;
		line-height: 1.5;
	}

.reservation-plan-box-rakuten {
		position: absolute;
		top: 152px;
		left: 163px;
		font-size: 12px;
		letter-spacing:0.1em;
		line-height: 1.5;
	}

.reservation-plan-price {
		width: 268px;
		height: 34px;
		background: url(../images/reservation_plan_price.gif) no-repeat left top;
	}

.plan-box-margin {
		margin-left: 50px;
	}

.plan-box {
		width: 540px;
		padding: 10px;
		background: url(../images/plan_box.gif) left top repeat;
	}

.plan-box-text {
	font-size: 14px;
	letter-spacing:0.2em;
	line-height: 1.5;
	}

.plan-box-left {
		float: left;
		width: 240px;
	}

.plan-box-right {
		float: right;
		width: 280px;
	}

/* 交通案内
---------------------------------------------*/

#map_canvas {
	width: 700px;
	height: 450px;
	margin: 0 auto;
	text-align: left;
	border: 2px #587483 solid;
}

#access-h3 {
	width: 710px;
	height: 35px;
	}

.access-h3-01 {
		background: url(../images/access_h3_01.gif) no-repeat left top;
	}

.access-h3-02 {
		background: url(../images/access_h3_02.gif) no-repeat left top;
	}

.access-h4 {
	width: 680px;
	height: 47px;
	background: url(../images/li06.png) left top no-repeat;
	margin-left: 10px;
	padding: 14px 0px 10px 30px;
	font-size: 17px;
}

.access-box {
		margin-left: 50px;
	}

.access-googlemap-link {
	clear: both;
        padding: 3px 0 0px 607px;
}

.access-googlemap-link li a {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(../images/access-googlemap-link.gif);
}

.access-googlemap-link li a { background-position:  0     0; } /* 通常 */

.access-googlemap-link li a.stay { background-position:  0     -20px; } /* 現在位置 */

.access-googlemap-link li a:hover { background-position:  0     -20px; } /* オンマウス */

#access-nav {
	width: 528px;
	height: 40px;
	list-style-type: none;
	background-image: url(../images/access-nav.png);
}
#access-nav li {
	float: left;
	width: 176px;
}
#access-nav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
	background-image: url(../images/access-nav.png);
	color: #FFFFFF;
}

	/* 通常 */
	#access-nav01 a { background-position:  0     0; }
	#access-nav02 a { background-position: -176px 0; }
	#access-nav03 a { background-position: -352px 0; }
	
	/* 現在位置 */
	#access-nav01 a.active { background-position:  0     -40px; }
	#access-nav02 a.active { background-position: -176px -40px; }
	#access-nav03 a.active { background-position: -352px -40px; }

	/* オンマウス */
	#access-nav01 a:hover { background-position:  0     -40px; }
	#access-nav02 a:hover { background-position: -176px -40px; }
	#access-nav03 a:hover { background-position: -352px -40px; }

.access-box2 {
	width: 670px;
	border: 1px solid #7D6E3F;
}

.access-box3 {
	margin-left: 10px;
}

.access-airplane {
	width: 670px;
	height: 490px;
	list-style-type: none;
}

.access-box-relative {
	position: relative;
}

.access-airplane-base {
	background-image: url(../images/access-airplane00.png);
}

.access-airplane-01 {
	position: absolute;
	background-image: url(../images/access-airplane01.png);
}

.access-airplane-02 {
	position: absolute;
	background-image: url(../images/access-airplane02.png);
}

.access-airplane-03 {
	position: absolute;
	background-image: url(../images/access-airplane03.png);
}

.access-airplane-04 {
	position: absolute;
	background-image: url(../images/access-airplane04.png);
}

.access-airplane-05 {
	position: absolute;
	background-image: url(../images/access-airplane05.png);
}

.access-airplane-06 {
	position: absolute;
	background-image: url(../images/access-airplane06.png);
}

.access-airplane-07 {
	position: absolute;
	background-image: url(../images/access-airplane07.png);
}

.access-airplane-08 {
	position: absolute;
	background-image: url(../images/access-airplane08.png);
}

.access-airplane-link {
	position: absolute;
	top: 320px;
	left: 350px;
}

.access-train {
	width: 670px;
	height: 520px;
	list-style-type: none;
}

.access-train-base {
	background-image: url(../images/access-train00.png);
}

.access-train-01 {
	position: absolute;
	background-image: url(../images/access-train01.png);
}

.access-train-02 {
	position: absolute;
	background-image: url(../images/access-train02.png);
}

.access-train-03 {
	position: absolute;
	background-image: url(../images/access-train03.png);
}

.access-train-04 {
	position: absolute;
	background-image: url(../images/access-train04.png);
}

.access-train-05 {
	position: absolute;
	background-image: url(../images/access-train05.png);
}

.access-train-06 {
	position: absolute;
	background-image: url(../images/access-train06.png);
}

.access-train-07 {
	position: absolute;
	background-image: url(../images/access-train07.png);
}

.access-train-08 {
	position: absolute;
	background-image: url(../images/access-train08.png);
}

.access-train-09 {
	position: absolute;
	background-image: url(../images/access-train09.png);
}

.access-train-10 {
	position: absolute;
	background-image: url(../images/access-train10.png);
}

.access-train-link {
	position: absolute;
	top: 400px;
	left: 50px;
}

.access-passenger-train {
	width: 670px;
	height: 430px;
	list-style-type: none;
}

.access-passenger-train-base {
	background-image: url(../images/access-passenger-train00.png);
}

.access-passenger-train-01 {
	position: absolute;
	background-image: url(../images/access-passenger-train01.png);
}

.access-passenger-train-02 {
	position: absolute;
	background-image: url(../images/access-passenger-train02.png);
}

.access-passenger-train-03 {
	position: absolute;
	background-image: url(../images/access-passenger-train03.png);
}

.access-passenger-train-04 {
	position: absolute;
	background-image: url(../images/access-passenger-train04.png);
}

.access-passenger-train-05 {
	position: absolute;
	background-image: url(../images/access-passenger-train05.png);
}

.access-passenger-train-06 {
	position: absolute;
	background-image: url(../images/access-passenger-train06.png);
}

.access-passenger-train-link {
	position: absolute;
	top: 280px;
	left: 420px;
}

.access-car {
	width: 670px;
	height: 850px;
	list-style-type: none;
}

.access-car-base {
	background-image: url(../images/access-car00.png);
}

.access-car-01 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/access-car01.png);
}

.access-car-02 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/access-car02.png);
}

.access-car-03 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/access-car03.png);
}

.access-car-04 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/access-car04.png);
}

.access-car-05 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/access-car05.png);
}

.access-car-06 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/access-car06.png);
}

.access-car-link {
	position: absolute;
	top: 750px;
	left: 50px;
}

.access-tourism-box {
	width: 224px;
	height: 420px;
	margin: 20px 0px 0px 8px;
	border: 1px solid #7D6E3F;
	background: #F8F2DF;
}

.access-tourism-box-h5 {
	background: url(../images/access_h5_01.gif) left top no-repeat;
	width: 182px;
	padding: 4px 0px 10px 20px;
	line-height: 1.3;
	font-weight: normal;
}

.access-tourism-box-h5-02 {
	background: url(../images/access_h5_02.gif) left top no-repeat;
	width: 182px;
	padding: 4px 0px 10px 20px;
	line-height: 1.3;
	font-weight: normal;
}

.access-tourism-box-photo {
	width: 190px;
}

.access-tourism-box-text {
	width: 210px;
	height: 170px;
	line-height: 1.3;
}

.access-tourism-line {
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 5px 0px;
	width: 187px;
	height: 2px;
	background: url(../images/access-tourism-line.gif) left top no-repeat;
}

.access-tourism-box-link {
	width: 130px;
}

.access-tourism-box-link li {
	width: 55px;
	padding: 0px 0px 0px 10px;
	float: left;
}

.access-tourism-box-link2 {
	width: 55px;
}

.access-tourism-box-link2 li {
	width: 55px;
	padding: 0px 0px 0px 0px;
}

/* プライバシーポリシー
---------------------------------------------*/

#privacy-h3 {
	width: 710px;
	height: 35px;
}

.privacy-h3-01 {
	background: url(../images/privacy_h3_01.gif) no-repeat left top;
}

.privacy-h4 {
	width: 680px;
	height: 47px;
	background: url(../images/li01.png) left top no-repeat;
	margin-left: 10px;
	padding: 14px 0px 10px 40px;
	font-size: 17px;
	text-decoration: underline;
}

.privacy-h3-box {
	width: 650px;
	padding: 0px 0px 0px 42px;
}

/* ページトップ
---------------------------------------------*/

.page-top {
	clear: both;
        padding: 20px 0 20px 550px;
}

.page-top li a {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(../images/page_top.gif);
}

.page-top li a { background-position:  0     0; } /* 通常 */

.page-top li a.stay { background-position:  0     -20px; } /* 現在位置 */

.page-top li a:hover { background-position:  0     -20px; } /* オンマウス */

/* 各ページタイトル
---------------------------------------------*/

#title {
	width: 740px;
	height: 120px;
	margin: 0;
	padding: 0;
	}

.title-index {
		background: url(../images/index_h2_01.gif) no-repeat left top;
	}

.title-hotel-information {
		background: url(../images/hotel_information_h2_01.gif) no-repeat left top;
	}

.title-cuisine {
		background: url(../images/cuisine_h2_01.gif) no-repeat left top;
	}

.title-cuisine-2 {
		background: url(../images/cuisine_h2_02.gif) no-repeat left top;
	}

.title-hot-spring {
		background: url(../images/hot_spring_h2_01.gif) no-repeat left top;
	}

.title-hot-spring-2 {
		background: url(../images/hot_spring_h2_02.gif) no-repeat left top;
	}

.title-reservation {
		background: url(../images/reservation_h2_01.gif) no-repeat left top;
	}

.title-reservation-2 {
		background: url(../images/reservation_h2_02.gif) no-repeat left top;
	}

.title-access {
		background: url(../images/access_h2_01.gif) no-repeat left top;
	}

.title-access-2 {
		background: url(../images/access_h2_02.gif) no-repeat left top;
	}

.title-privacy {
		background: url(../images/privacy_h2_01.gif) no-repeat left top;
	}

/* 各ページ共通
---------------------------------------------*/

.main-box {
	float: right;
        width: 740px;
        margin: 0 auto;
	text-align: left;
        background: #f8f2df;
}

.main-box-sub {
	float: left;
	width: 240px;
	background: #EDE6CD;
}

.main-box-sub-reservation {
	position: relative;
	width: 234px;
	height: 252px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/reservation-box.png);
}

.main-box-sub-online-reservation {
	position: absolute;
	top: 170px;
	left: 59px;
	clear: both;
}

.main-box-sub-online-reservation a {
	display: block;
	width: 158px;
	height: 34px;
	background-image: url(../images/online_reservation.gif);
}

	.main-box-sub-online-reservation a { background-position:  0     0; } /* 通常 */

	.main-box-sub-online-reservation a.stay { background-position:  0     -34px; } /* 現在位置 */

	.main-box-sub-online-reservation a:hover { background-position:  0     -34px; } /* オンマウス */

.main-box-sub-online-reservation-cancel {
	position: absolute;
	top: 210px;
	left: 59px;
	clear: both;
}

.main-box-sub-online-reservation-cancel a {
	display: block;
	width: 158px;
	height: 34px;
	background-image: url(../images/online_reservation_cancel.gif);
}

	.main-box-sub-online-reservation-cancel a { background-position:  0     0; } /* 通常 */

	.main-box-sub-online-reservation-cancel a.stay { background-position:  0     -34px; } /* 現在位置 */

	.main-box-sub-online-reservation-cancel a:hover { background-position:  0     -34px; } /* オンマウス */

.main-box-sub-grapevine {
	position: relative;
	width: 234px;
	height: 180px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/grapevine.png);
}

.main-box-sub-grapevine-jaran {
	position: absolute;
	top: 146px;
	left: 52px;
}

.main-box-sub-grapevine-rakuten {
	position: absolute;
	top: 146px;
	left: 144px;
}

.main-box-sub-phone {
	width: 234px;
	height: 280px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/phone.png);
}

.main-box-sub-banner {
	width: 234px;
	margin: 0 auto;
	text-align: left;
}

.main-box-sub-address {
	position: relative;
	width: 234px;
	height: 120px;
	background: url(../images/main-box-sub-address.png) no-repeat left top;
}

.main-box-sub-address-text {
	position: absolute;
	top: 10px;
	left: 15px;
}

.main-box-sub-address-ul {
	position: absolute;
	top: 54px;
	left: 58px;
}

.main-box-sub-address-li {
	font-size: 14px;
	padding: 4px 0px 0px 0px;
}

.h3-box {
	width: 710px;
        margin: 0 auto;
	text-align: left;
	background: url(../images/h3-box.gif) left top repeat;
	}

.h3-box-photo {
	width: 705px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0px 20px 0px;
	}

.h3-box-sub {
	width: 100%;
        height: 100%;
	}

.h3-box-text {
	float: left;
	width: 504px;
	font-size: 15px;
	letter-spacing:0.1em;
	line-height: 1.5;
	}

.h3-box-text-02 {
	width: 25em;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height: 1.5;
	}

.h3-box-title {
	float: left;
	width: 191px;
	padding: 0px 5px 0px 5px;
	}

.h3-box-right {
	float: right;
	width: 310px;
	margin: 0;
	padding: 20px 5px 0px 5px;
	}

.li-02 {
	background: url(../images/li02.gif) left top no-repeat;
	padding: 2px 10px 4px 30px;
	font-size: 14px;
	line-height: 1.3;
}

.li-04 {
	background: url(../images/li04.png) left top no-repeat;
	padding: 0px 14px 0px 14px;
	font-size: 14px;
	line-height: 1;
}

.li-05 {
	background: url(../images/li05.png) left top no-repeat;
	padding: 0px 14px 0px 14px;
	font-size: 14px;
	line-height: 1;
}

.h3-box-line {
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 20px 0px;
	width: 662px;
	height: 30px;
	background: url(../images/h3-box-line.gif) left top no-repeat;
}

.h3-box-line2 {
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 20px 0px;
	width: 596px;
	height: 4px;
	background: url(../images/h3-box-line2.gif) left top no-repeat;
}

.main-box-sub-line {
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 20px 0px;
	width: 234px;
	height: 10px;
	background: url(../images/main-box-sub-line.png) left top no-repeat;
}
