/* CSS Document */
html{
	margin:0;
	padding:0;
	border:none;
}

body {
	margin:0px;
	padding:0px;
	height:100%;
	background-image:url(images/main_bg.gif);
	background-color:#928470;
	background-position:center;
	background-repeat:repeat-y;
	font-size:12px;
}


.none{
	display:none;
}
p{
	margin:0;
	line-height:140%;
}
img {
	border:none;
	margin:0;
	padding:0;
}
.left{
	float:left;
	margin:0;
	padding:0;
}
.right{
	float:right;
}
.clr {
	clear:both;
}
.cmt{
	line-height:140%;
}
.cmt2{
	line-height:160%;
}
.f10{
	font-size:10px;
}
div#container {
	width:750px;
	margin:0px auto;
	text-align:left;
	background-color:#eadfc8;
}
div#main{
    width:750px;
}
div#ad{
	width:720px;
	height:39px;
	background:#b4bec2;
	padding:10px 15px;
}
div#ft{
	bottom:0;
	height:39px;
	width:750px;
	background-image:url(images/ft.gif);
	left: 0px;
}
#hd{
	background-image:url(images/hd.gif);
	width:750px;
	height:90px;
	margin:0px;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 2px;
}
div#hd_img{
	background-image:url(images/top_img.jpg);
	width:750px;
	height:286px;
}


div#hd_mn {
		height:50px;
		background-position:left top;
		width:750px;
		overflow:hidden;
}
ul#menu{
    list-style:none;
    width:750px;
	margin:0px;
	padding:0px;

}
ul#menu li.top{
    list-style:none;
    float:left;
    width:93px;

}
ul#menu li{
    list-style:none;
    float:left;
    width:94px;
}
ul#menu a{
    display:block;
    width:100%;
    height:50px;
    background-image:url(images/mn.gif);
}
ul#menu a span{
    display:none;
} 
a.news{
    background-position:0px 0px;
}
a:hover.news{
    background-position:0px -50px;
}
a.stay{
    background-position:-93px 0px;
}
a:hover.stay{
    background-position:-93px -50px;
}
a.guide{
    background-position:-187px 0px;
}
a:hover.guide{
    background-position:-187px -50px;
}
a.room{
    background-position:-281px 0px;
}
a:hover.room{
    background-position:-281px -50px;
}
a.spa{
    background-position:-375px 0px;
}
a:hover.spa{
    background-position:-375px -50px;
}
a.hananouka{
    background-position:-469px 0px;
}
a:hover.hananouka{
    background-position:-469px -50px;
}
a.reserve{
    background-position:-563px 0px;
}
a:hover.reserve{
    background-position:-563px -50px;
}
a.access{
    background-position:-657px 0px;
}
a:hover.access{
    background-position:-657px -50px;
}
div#top{
	background-image:url(images/bg_1.gif);
	width:750px;
	height:20px;
}
div#contents{
	width:680px;
	background-color:#f5f2ea;
	margin:0 auto;
	padding:0 20px 20px 20px;
}
div#contents_2{
	width:700px;
	margin:auto auto 20px auto;
	background-color:#f5f2ea;
	margin:0 auto;
	padding:0 10px;
}
div#map_2{
	background-color:#cfd6e2;
	width:640px;
	height:120px;
	margin:40px 0;
	padding:20px;
}
div#map_3{
	width:210px;
	height:117px;
	float:left;
}
div#map_comment{
	padding:0;
	float:right;
	font-size:12px;
	height:117px;
	line-height:140%;
	margin:0;
	width:420px;
	
}
div.map_link{
	background-color:#cfd6e2;
	width:291px;
	height:120px;
	padding:15px;
	line-height:140%;
	color:#333333;
}
div.map_link a:link,div.map_link a:active,div.map_link a:visited {
    color: #0000cc;
    text-decoration: underline;
}
div.map_link a:hover {
    color: #E61E1E;
    text-decoration: underline;
}
div#top_contents{
	width:734px;
	margin:0 0 20px 0;
	padding:0 8px;
	clear:both;
	overflow:auto;
}
div#left{
	float:left;
	width:504px;
}
div.comment{
	padding:5px 5px 5px 0;
	font-size:10px;
}
div.pick_up{
	background-image:url(images/title.gif);
	width:504px;
	height:25px;
	background-position:0 0;
	margin:10px 0 0 0;
}
div.left1{
	height:82px;
	margin:8px 0 0 0;
}
div.img_dining{
	width:107px;
	height:82px;
	float:left;
	margin:0 6px 0 0;

}
div.dining_right{
	height:82px;
	width:133px;
	float:left;
}
div.title_dining{
	background-image:url(images/title_dining.gif);
	width:133px;
	height:17px;
}

a.dining_shousai{
	background-image:url(images/dining_1.gif);
	width:133px;
	height:21px;
	display:block;
}
div.line1{
	background-image:url(images/line1.gif);
	width:1px;
	height:82px;
	float:left;
}
div.img_hana{
	width:107px;
	height:82px;
	float:left;
	margin:0 7px 0 10px;
}
div.hana_right{
	width:131px;
	height:82px;
	float:left;
}
div.title_hana{
	background-image:url(images/title_hana.gif);
	width:131px;
	height:17px;
}
a.hana_shousai{
	background-image:url(images/hana_1.gif);
	width:131px;
	height:21px;
	display:block;
}
.news{
	margin:0 0 0 0;
	padding:15px 0 0 0;
	clear:both;
}
a.shousai{
	background-image:url(images/title.gif);
	width:40px;
	height:25px;
	float:left;
	background-position:-464px -25px;
	margin:0;
	display:block;
}
div.news_title{
	background-image:url(images/title.gif);
	background-position:0 -25px;
	width:464px;
	height:25px;
	float:left;
	margin:0;
	padding:0;
}
div.stay_title{
	background-image:url(images/title.gif);
	background-position:0 -50px;
	width:464px;
	height:25px;
	float:left;
	margin:0;
	padding:0;
}
ul.info a:link,ul.info a:active,ul.info a:visited {
    color: #3C3C3C;
    text-decoration: underline;
}
ul.info a:hover {
    color: #E61E1E;
    text-decoration: underline;
}
ul.info{
	margin:0 auto 0px 0px;
	list-style:none;
	line-height:15px;
	clear:both;
}
ul.info li span.date {
	padding:2px 0 0 20px;
	background-image:url(images/li.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	float:left;
	width:65px;
	margin:0;
}
ul.info li{
	background-image:url(images/dot.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:5px 0px;
	clear:both;
	margin:0;
}
ul.info li span.cmt {
	float:right;
	width:400px;
	margin:0;
}
div#right{
	float:right;
	width:207px;
}
.banner_2{
	border:solid #a79887 1px;
	width:203px;
	height:122px;
	background:#d6ccb9;
	margin-bottom:5px;
}
.banner{
	margin-bottom:5px;
	float:right;
}
div#car{
	width:322px;
	height:150px;
	margin-bottom:20px;
}

div#bus{
	width:321px;
	height:150px;
	margin-bottom:20px;
}

div#reserve_submn {
	float:left;
	width:185px;
}
div#reserve_main{
	margin-left:10px;
	font-size:12px;
}
img.step{
	margin:2px auto;
}
div#rsv_main {
	float:right;
	width:466px;
	color:#222222;
}
div#rsv_main p.cmt {
	line-height:140%;
	padding:7px 0 0 2px;
}
div.subtitle_area {
	background-image:url(../reserve/images/subtitle_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width:466px;
}
div.subtitle_area p.right {
	padding:1px 0 0 0;
}
div.step_area {
	margin:0 0 35px 0;
}
div.step_area p.note {
	font-size:10px;
	color:#262626;
	padding:5px 0 0 0;
}
div.step_area p.step_hd {
	margin:10px 0 0 0;
}
div.step_area img{
	margin:2px 0 2px 2px;
}
.rsv_btn{
	margin:3em auto;
	text-align:center;
}
.rsv_btn img{
	margin:0 0.5em 1em;
}



/* -- spa --*/
.spa_1{
	width:680px;
	margin:0 auto 25px auto;
	background-color:#f5f2ea;
}
.spa_2{
	width:680px;
	margin:0 auto 40px auto;
	background-color:#f5f2ea;
}
.spa_sub{
	background:url(images/spa_line.gif) top repeat-x;
	background-color:#e1e7f2;
	padding:5px 10px 0px 12px;
	border-bottom:#b1b1c2 solid 1px;
	height:100%;
	margin:0;
	white-space:nowrap;
}
.spa_title{
	margin:0 0 15px 0;
}
.spa_sub p{
	margin-left:8px;
	line-height:160%;
}
.spa_line{
	background:url(images/spa_dot.gif) repeat-x bottom;
	padding:10px 0 8px 0;
}
.spa_sub2{
	padding:10px 0 8px 0;
}
.spa_w{
	width:381px;
}
.spa_right{
	width:274px;
	float:right;
	height:483px;
}
/* -- hananouka --*/
.hana_w1{
	width:357px;
}
.hana_w2{
	width:306px;
}
.hana_w3{
	width:348px;
}
.hana_w4{
	width:320px;
}
.hana_w5{
	width:258px;
}
.hana_t1{
	background:url(images/hana_title_b1.gif) no-repeat;
	height:26px;
}
.hana_t2{
	background:url(images/hana_title_b2.gif) no-repeat;
	height:26px;
}
.hana_h1{
	height:232px;
}
.hana_title{
	margin:0 0 7px 0;
}

/* -- news/stay plan --*/
.title{
	background:url(images/news_t.gif) no-repeat;
	width:696px;
	height:26px;
	padding:0 0 14px 4px;
}
.title_2{
	height:14px;
	margin:6px;
	}
.title h3{
	color:#FFFFFF;
	font-size:14px;
	margin:0;
	width:620px;
	float:left;
}
.title span{
	color:#e6ddcb;
	height:14px;
	font-size:10px;
	padding:4px 0 0 0;
	float:right;
}
.box_1{
	background:#e8e0cd;
	border-bottom:#c6b39a solid 1px;
	margin-bottom:25px;
}
.box_2{
	margin:0 10px;
	height:100%;
	padding-bottom:20px;
}
.box_2 a{
	display:block;
	background:url(images/stay_p.gif) no-repeat;
	width:147px;
	height:32px;
}
.box_2 .box_right{
	float:right;
	max-width:400px;
}
.box_3{
	margin:0 10px;
	height:100%;
	padding-bottom:20px;
}
.box_3 a.reserve{
	display:block;
	background:url(images/stay_p.gif) no-repeat;
	width:147px;
	height:32px;
}
img.plan_img{
	margin-right:15px;
	float:left;
}

/* -- guide --*/
.guide_title{
	margin-bottom:7px;
}
.guide_t1{
	background:url(images/guide_t1.gif) no-repeat;
	height:26px;
}
.guide_t2{
	background:url(images/guide_t2.gif) no-repeat;
	height:26px;
}
.guide_t3{
	background:url(images/guide_t3.gif) no-repeat;
	height:26px;
}
.guide_m{
	color:#FFFFFF;
	font-size:12px;
}
.guide_m td{
	padding:0 0 0 10px;
}
.guide_i img{
	margin-bottom:2px;
}

/* -- room --*/
.room_t1{
	background:url(images/room_t1.gif) no-repeat;
	height:26px;
}
.room_t2{
	background:url(images/room_t2.gif) no-repeat;
	height:26px;
}
.room_sub{
	background:#cdd1d7;
	height:38px;
	width:345px;
}
.room_sub2{
	height:31px;
	width:241px;
	padding:5px 4px 2px 12px;
	color:#333333;
	font-size:10px;
}
.room_sub2 p{
	line-height:120%;
}
.room_sub3{
	width:140px;;
}
.gray{
	background:#e8eaed;
}
.room_pic{
	background:url(images/room_pic.gif);
	width:33px;
	height:31px;
	display:block;
}
.room_2{
	height:140px;
	width:680px;
	margin:0 auto 40px auto;
	background-color:#f5f2ea;
}
.room_ta{
	text-align:center;
	padding:0;
}
.room_ta img{
	margin:0;
}

.room_ta1{
	 height:23px;
}
.room_ta2{
	background:#93825b;
	color:#ffffff;
}
.room_ta3{
	background:#af9e75;
}
.room_ta4{
	background:#bfb49b;
}
.room_ta5{
	background:#e8dbbb;
}
#top_goback {
	float: right;
	margin-top: 55px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.box01{
	float:left;
	width:504px;
	height:68px;
	margin:10px 0px 0px 0px;
	padding:0;
	background:#000000 url(images/box01_bg.gif) no-repeat;
	background-position:left top;
	color:#1D0902;
}
.box01 form{
	margin:33px 0 0 10px;
	padding:0;
	font-size:80%;
}
.tbl01{
	width:480px;
	margin:0;
	border-collapse:collapse;
}
.tbl01 td{
	white-space:nowrap;
}
