@charset "utf-8";
/* CSS Document */

* {

}

body {
	margin: 0;
	padding: 0;
}

#head {
	background-image:url(./img/head-bg.gif);
	width:100%;
}

#header {
	width:960px;
	margin:0 auto;
	height:100px;
}

#header-left {
	width:320px;
	float:left;
}

#header_logo {
	float:left;
	margin:0;
	height:60px;
	padding:0;
	width:320px;
}

#header_logo ul#navi_logo {
	height:60px;
	margin:0;
	padding:0;
	width:320px;
}

#header_logo ul#navi_logo li {
	display:block;
	float:right;
	height:60px;
	margin:0;
	padding:0;
	text-indent:-999px;
}

#header_logo ul#navi_logo li a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(./img/hotel-logo.gif) no-repeat scroll 0 0;
	display:block;
	height:60px;
	margin:0;
	padding:0;
}


#header_logo ul#navi_logo li {
	width:320px;
	margin:0;
	padding:0;
}

#header_logo ul#navi_logo li a {
	background-position:0 0;
	margin:0;
	padding:0;
}

#header-navi {
	width:640px;
	text-align:right;
	float:left;
	padding:8px 0 0 0;
	font-size:12px;
}

#header-right {
	width:640px;
	text-align:right;
	float:left;
	padding:10px 0 0 0;
}

#main-flash {
	width:960px;
	margin:0 auto;
	height:380px;
}

#main-photo {
	width:960px;
	margin:0 auto;
	height:330px;
}

#main-plan {
	width:960px;
	margin:0 auto;
	height:330px;
}

#menunavi {
	width:938px;
	margin:0 auto;
	padding:0 11px;
	background-image:url(img/menu-bg.gif);
	height:64px;
}


/******** トップメニューの設定 ********/

ul#headmenu {
    width:938px;
    margin:0;
    overflow:hidden;
    zoom:100%;
	padding:0;
}

ul#headmenu li {
    float:left;
    list-style:none;
}

ul#headmenu li a {
    display:block;
    height:64px;
    width:134px;
    text-indent:-9999px;
    background-image:url(./img/menu.gif);
	background-repeat:no-repeat;
}


ul#headmenu a.headmenu-infomation {background-position:0px 0px;width:134px;}
ul#headmenu li a.headmenu-infomation:hover {background-position:0 -66px;}

ul#headmenu a.headmenu-facility {background-position:-134px 0px;width:134px;}
ul#headmenu li a.headmenu-facility:hover {background-position:-134px -66px;}

ul#headmenu a.headmenu-roomprice {background-position:-268px 0px;width:134px;}
ul#headmenu li a.headmenu-roomprice:hover {background-position:-268px -66px;}

ul#headmenu a.headmenu-stayplan {background-position:-402px 0px;width:134px;}
ul#headmenu li a.headmenu-stayplan:hover {background-position:-402px -66px;}

ul#headmenu a.headmenu-access {background-position:-536px 0px;width:134px;}
ul#headmenu li a.headmenu-access:hover {background-position:-536px -66px;}

ul#headmenu a.headmenu-location {background-position:-670px 0px;width:134px;}
ul#headmenu li a.headmenu-location:hover {background-position:-670px -66px;}

ul#headmenu a.headmenu-sightseeing {background-position:-804px 0px;width:134px;}
ul#headmenu li a.headmenu-sightseeing:hover {background-position:-804px -66px;}

#main {
	width:960px;
	margin:0 auto;
}

#main-facility {
	width:960px;
	margin:0 auto;
	height:1650px;
}

#main-infomation {
	width:960px;
	margin:0 auto;
	height:1650px;
}

#main-pplan {
	width:960px;
	margin:0 auto;
	height:3120px;
}

#main-left {
	width:640px;
	float:left;
	margin:0 10px 0 0;
}

#main-right {
	width:310px;
	float:left;
}

.flame-l01 {
	width:640px;
	height:20px;
	background-image:url(img/flame-l-01.gif);
	float:left;
}

.flame-l02 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:510px;
}

.flame-l03 {
	width:640px;
	background-image:url(img/flame-l-03.gif);
	height:20px;
	float:left;
}

.flame-l04 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:510px;
}

.flame-l05 {
	width:600px;
	float:left;
	font-size:12px;
	color:#333333;
	line-height:1.8;
}

.flame-l02-i01 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:555px;
}
.flame-l04-i01 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:555px;
}

.flame-l02-i02 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:600px;
}
.flame-l04-i02 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:600px;
}

.flame-l02-i03 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:220px;
}
.flame-l04-i03 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:220px;
}

.flame-l02-i04 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:200px;
}
.flame-l04-i04 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:200px;
}

.flame-l02-facility {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:980px;
}
.flame-l04-facility {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:980px;
}

.flame-l02-infomation {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1500px;
}
.flame-l04-infomation {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1500px;
}

.flame-l02-morning {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1500px;
}
.flame-l04-morning  {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1500px;
}

.flame-l02-massage {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:650px;
}
.flame-l04-massage  {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:650px;
}

.flame-l02-room1 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:620px;
}
.flame-l04-room1 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:620px;
}

.flame-l02-room2 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:280px;
}
.flame-l04-room2 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:280px;
}

.flame-l02-room3 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:310px;
}
.flame-l04-room3 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:310px;
}

.flame-l02-plan {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:3110px;
}
.flame-l04-plan {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:3110px;
}

.flame-r01 {
	width:310px;
	height:20px;
	background-image:url(img/flame-r-01.gif);
	float:left;
}

.flame-r02 {
	width:20px;
	background-image:url(img/flame-r-02.gif);
	float:left;
	height:1000px;
}

.flame-r03 {
	width:310px;
	background-image:url(img/flame-r-03.gif);
	height:20px;
	float:left;
}

.flame-r04 {
	width:20px;
	background-image:url(img/flame-r-04.gif);
	float:left;
	height:1000px;
}

.flame-r05 {
	width:270px;
	float:left;
	background-image:url(img/flame-r-05.gif);
}

.flame-t01 {
	width:960px;
	height:20px;
	background-image:url(img/flame-t-01.gif);
	float:left;
}

.flame-t03 {
	width:960px;
	background-image:url(img/flame-t-03.gif);
	height:20px;
	float:left;
}

.flame-t05 {
	width:920px;
	float:left;
}

.flame-t02-i01 {
	width:20px;
	background-image:url(img/flame-t-02.gif);
	float:left;
	height:330px;
}

.flame-t04-i01 {
	width:20px;
	background-image:url(img/flame-t-04.gif);
	float:left;
	height:330px;
}

.flame-t02-o01 {
	width:20px;
	background-image:url(img/flame-t-02.gif);
	float:left;
	height:280px;
}

.flame-t04-o01 {
	width:20px;
	background-image:url(img/flame-t-04.gif);
	float:left;
	height:280px;
}

.flame-t02-plan {
	width:20px;
	background-image:url(img/flame-t-02.gif);
	float:left;
	height:300px;
}

.flame-t04-plan {
	width:20px;
	background-image:url(img/flame-t-04.gif);
	float:left;
	height:300px;
}

h1 {
	margin:0;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
}

h3 {
	margin:0;
	font-size:14px;
	color:#333333;
}

h4 {
	margin:0;
	font-size:12px;
	color:#006633;
	text-align:left;
}

.title-g {
	border-left:5px #006633 solid;
	padding:3px 0 3px 10px;
}

.osusume-plan-flame {
	width:600px;
	float:left;
	border-bottom:1px #999999 dashed;
	padding:5px 0;
}

.osusume-plan-flame2 {
	width:600px;
	float:left;
	padding:5px 0;
}

.osusume-plan-photo {
	width:180px;
	float:left;
}

.osusume-plan-photo2 {
	width:180px;
	float:left;
	text-align:right;
}

.osusume-plan-title {
	width:420px;
	float:left;
	padding:3px 0;
	font-weight:bold;
	color:#006633;
	font-size:14px;
	line-height:1.5;
}

.osusume-plan-text {
	width:410px;
	float:left;
	padding:5px;
	line-height:1.5;
}

.osusume-plan-price {
	width:410px;
	float:left;
	padding:5px;
	line-height:1.5;
	color:#CC0000;
	text-align:right;
	font-weight:bold;
	font-size:16px;
}

.osusume-plan-next {
	width:120px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	padding:2px 0;
	margin:5px 0 5px 280px;
	background-color:#009933;
}

.photopadd {
	padding:0 0 8px 0;
}

.font-green {
	color:#009933;
}

.font-red {
	color:#FF0000;
	font-weight:bold;
}

a.w-font:link {color : #FFFFFF ;text-decoration : none;}
a.w-font:visited {color : #FFFFFF ;text-decoration : none;}
a.w-font:hover {color:#FFCCCC ;text-decoration : underline;}
a.w-font:active {color : #FFFFFF ;text-decoration : none;}

a.g-font:link {color:#006633 ;text-decoration : none;}
a.g-font:visited {color : #006633 ;text-decoration : none;}
a.g-font:hover {color:#33CC66 ;text-decoration : underline;}
a.g-font:active {color : #006633 ;text-decoration : none;}

.right-menu {
	width:310px;
	float:left;
	padding:0;
}

.right-menu-yoyaku {
	width:290px;
	float:left;
	padding:0 10px;
}


#footer {
	width:960px;
	margin:0 auto;
}

.flame-f01 {
	width:960px;
	height:20px;
	background-image:url(img/flame-t-01.gif);
	float:left;
}

.flame-f05 {
	width:900px;
	float:left;
	color:#999999;
	padding:10px 0 0 20px;
	font-size:12px;
}

.flame-f02-i01 {
	width:20px;
	background-image:url(img/flame-t-02.gif);
	float:left;
	height:100px;
}

.flame-f04-i01 {
	width:20px;
	background-image:url(img/flame-t-04.gif);
	float:left;
	height:100px;
}

.flame-r02-i01 {
	width:20px;
	background-image:url(img/flame-r-02.gif);
	float:left;
	height:610px;
}

.flame-r04-i01 {
	width:20px;
	background-image:url(img/flame-r-04.gif);
	float:left;
	height:610px;
}

.flame-l02-plan01 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1420px;
}
.flame-l04-plan01 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1420px;
}

.flame-l02-plan02 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1540px;
}
.flame-l04-plan02 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1540px;
}

.flame-l02-plan03 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:685px;
}
.flame-l04-plan03 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:685px;
}

.flame-l02-plan04 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:760px;
}
.flame-l04-plan04 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:760px;
}

.flame-l02-plan05 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:680px;
}
.flame-l04-plan05 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:680px;
}

.flame-l02-plan06 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:710px;
}
.flame-l04-plan06 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:710px;
}

.flame-l02-plan07 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:830px;
}
.flame-l04-plan07 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:830px;
}

.flame-l02-plan08 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:700px;
}
.flame-l04-plan08 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:700px;
}

.flame-l02-plan09 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:760px;
}
.flame-l04-plan09 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:760px;
}

.flame-l02-plan10 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:810px;
}
.flame-l04-plan10 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:810px;
}

.flame-l02-plan11 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:860px;
}
.flame-l04-plan11 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:860px;
}

.flame-l02-access01 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:590px;
}
.flame-l04-access01 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:590px;
}

.flame-l02-contact01 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1070px;
}
.flame-l04-contact01 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1070px;
}

.flame-l02-contact02 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:280px;
}
.flame-l04-contact02 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:280px;
}

.flame-l02-access02 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:630px;
}
.flame-l04-access02 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:630px;
}

.flame-l02-access03 {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:540px;
}
.flame-l04-access03 {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:540px;
}

.flame-l02-gourmet {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1420px;
}
.flame-l04-gourmet {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1420px;
}

.flame-l02-kankou {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:720px;
}
.flame-l04-kankou {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:720px;
}

.flame-l02-golf {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1550px;
}
.flame-l04-golf {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1550px;
}

.flame-l02-benri {
	width:20px;
	background-image:url(img/flame-l-02.gif);
	float:left;
	height:1340px;
}
.flame-l04-benri {
	width:20px;
	background-image:url(img/flame-l-04.gif);
	float:left;
	height:1340px;
}

.bnr-img {
	padding:0 0 8px 0;
}

/******** 最新ニュースの設定 ********/
#main-news-scroll {
	width:580px;
	height:150px;
	overflow-y:scroll;
	float:left;
	margin:0 10px 0 5px;
}

.main-news-list-day {
	width:90px;
	margin:3px 0 3px 0;
	float:left;
	padding-left:10px;
	height:22px;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	border-bottom-style:dashed;
}

.main-news-list-text {
	width:450px;
	margin:3px 10px 3px 0;
	float:left;
	height:22px;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	border-bottom-style:dashed;
}
.room-member {
	width:150px;
	text-align:center;
	float:left;
}

.room-photo {
	width:200px;
	text-align:center;
	float:left;
}

.room-photo2 {
	width:400px;
	text-align:center;
	float:left;
}

.green-font {
	font-size:14px;
	color:#009933;
	font-weight:bold;
}

#main-sightseeingn {
	width:960px;
	margin:0 auto;
	height:2400px;
}

#main-roomprice {
	width:960px;
	margin:0 auto;
	height:1700px;
}

#main-morning {
	width:960px;
	margin:0 auto;
	height:1650px;
}

#main-location {
	width:960px;
	margin:0 auto;
	height:2910px;
}

#main-index {
	width:960px;
	margin:0 auto;
	height:1750px;
}

#main-access {
	width:960px;
	margin:0 auto;
	height:1920px;
}

#main-contact01 {
	width:960px;
	margin:0 auto;
	height:1650px;
}

.contact-flame {
	width:600px;
	float:left;
	border-bottom:#CCCCCC dashed 1px;
}

.comtact-title {
	width:90px;
	float:left;
	text-align:right;
	padding:25px 10px 3px 30px;
}
.comtact2-title {
	width:90px;
	float:left;
	text-align:right;
	padding:25px 10px 3px 30px;
}
.contact-title2 {
	width:430px;
	float:left;
	padding:25px 30px 8px 10px;
}

.comtact-titlea {
	width:90px;
	float:left;
	text-align:right;
	padding:25px 10px 3px 30px;
	height:31px
}

.contact-title3 {
	width:430px;
	float:left;
	padding:25px 30px 8px 10px;
	border-bottom:#CCCCCC dashed 1px;
	height:23px;
}

.contact-title3a {
	width:430px;
	float:left;
	padding:25px 30px 8px 10px;
	height:23px;
}

.contact-title2a {
	width:430px;
	float:left;
	padding:25px 30px 8px 10px;
}


.contact-area {
	height:20px;
}

.textred {
	color:#FF0000;
}

.contact-send {
	width:480px;
	padding:50px 0 10px 120px;
	float:left;
	
}

.footer-img {
	width:920px;
	float:left;
}

.form-yoyaku {
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
}

.yoyaku-table {
	border-bottom:1px #999999 dashed;
	line-height:1.5;
	padding:3px 0 3px 0;
}

.yoyaku-btn {
	text-align:center;
	padding:5px 0 8px 0;
	border-bottom:1px #666666 solid;
	}
	
.yoyaku-renew {
	text-align:right;
	padding:3px 0 5px 0;
	line-height:1.6;
	font-size:12px;
}

.yoyaku-day {
	font-size:12px;
	padding:5px 0 8px 0;
	text-align:center;
}