@charset "Shift-JIS";

#flash{
	width: 800px ;
	margin: 0px auto;
}
#catchcopy{
	width: 800px ;
	margin: 0px auto 10px auto;
}
#catchcopy .top-news{
	margin: 8px 0px 0px 0px ;
	padding: 5px ;
	line-height: 140% ;
	color: #FFFFFF ;
	border: 1px solid #563B18 ;
	background: #191919 ;
}
#catchcopy .top-news strong{
	display: block ;
	margin: 0px 0px 5px 0px ;
	padding: 0px ;
	font-size: 16px ;
	color: #D85600 ;
}
/*背景ここから*/
#main-back{
	margin: 0px auto ;
	background: url(../img/main-back-img-center.jpg) top center repeat-y ;
}
#main-top{
	height: 412px ;
	margin: 0px auto ;
	padding: 10px 0px 0px 0px;
	background: url(../img/main-back-img-top.jpg) top center no-repeat ;
}
#main-top .inner{
	width: 800px ;
	margin: 0px auto ;
	padding: 10px 0px 0px 0px;
}

#main-bottom{
	margin: 0px auto ;
	padding: 0px;
	background: url(../img/main-back-img-bottom.jpg) bottom center no-repeat ;
}
#main-bottom .inner{
	width: 800px ;
	margin: 0px auto ;
	padding: 0px;
}
/*背景ここまで*/

/*お知らせここから*/
#news{
	width: 305px ;
	height: 305px ;
	float: left ;
	background-image: url(../pic/top-newsback2.jpg) ;
	text-align: left ;
}
#news .inner{
	overflow: auto;
	width: 260px;
	height: 195px;
	margin: 52px 0px 0px 0px ;
	padding: 0px 5px 0px 20px ;
	color: #FFFFFF ;
	font-size: small ;
	text-align: left ;
	line-height: 130%;
	scrollbar-3dlight-color: #663300;/*スクロールの色（ここから）*/
	scrollbar-arrow-color: #996600;
	scrollbar-darkshadow-color: #2B180A;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color:#281A08;
	scrollbar-shadow-color: #472F1D;
	scrollbar-track-color: #26150F;/*スクロールの色（ここからまで）*/
	text-align: left ;
}
#news .inner a{ color: #FF9933 ; }
#news .inner a:visited{ color: #FF9933 ; }
#news .inner a:hover{ color: #FF3300 ; }
#news .inner a{ text-decoration: underline ; }
#news .yymmdd{
	padding: 10px 0px 1px 0px ;
	font-weight: bold ;
}
#news .text{
	padding: 0px 0px 0px 7px ;
}
.color1{
	font-weight: bold ;
	color: #FF6600 ;
}

.link-magazine{
	width: 270px ;
	margin: 7px 0px 0px 10px;
	padding: 7px 0px 0px 5px ;
	border-top: 1px dashed #C69E73 ;
}
.link-magazine a{
	padding: 0px 0px 0px 15px ;
	background: url(../img/list-mark3.gif) 0px 1px no-repeat ;
}
.link-magazine a:hover{background-position: 0px -19px ;}

/*お知らせここまで*/

/*こだわり部分*/
#kodawari{
	float: right ;
}
#kodawari table td{
	padding: 0px 0px 0px 20px ;
}
#kodawari-cuisine a{
	display: block ;
	width: 145px ;
	height: 145px ;
	background: url(../pic/top-cuisine.jpg) center top no-repeat ;
}
#kodawari-kodawari a{
	display: block ;
	width: 145px ;
	height: 145px ;
	background: url(../pic/top-kodawari.jpg) center top no-repeat ;
}
#kodawari-room a{
	display: block ;
	width: 145px ;
	height: 145px ;
	background: url(../pic/top-room.jpg) center top no-repeat ;
}
#kodawari-cuisine a:hover,
#kodawari-kodawari a:hover,
#kodawari-room a:hover{
	background-position: center bottom ;
}
/*こだわり部分ここまで*/

.link-column{
	width: 290px ;
	height: 80px ;
	float: left ;
}
.link-column a{
	display: block ;
	width: 290px ;
	height: 80px ;
	background: url(../pic/top-bnr-column.jpg) center top no-repeat ;
}
.link-column a:hover{
	background-position: center bottom ;
}
/*空室情報部分ここから*/
#roomnews{
	width: 332px ;
	margin: 0px 0px 15px 0px ;
	padding: 55px 20px 10px 25px ;
	background: url(../pic/top-vacancy-back.jpg) center top no-repeat ;
	line-height: 130% ;
	border-bottom: 1px solid #666666 ;
	color: #FFFFFF ;
}
#roomnews .siro td{
	padding: 0px 10px 3px 0px ;
	line-height: 140% ;
	color: #FFFFFF ;
}
#roomnews .reserve-news{
	width: 310px ;
	margin: 0px auto ;
}
#roomnews .reserve-news a{
	width: 310px ;
	height: 20px ;
	background: url(../img/res-bnr.gif) center bottom no-repeat ;
	display: block ;
}
#roomnews .reserve-news a:hover{
	background-position: center top ;
}
/*空室情報部分ここまで*/

/*左ボタン部分*/
#box1{
	width: 385px ;
	float: left ;
	text-align: left ;
}
#box1 table td{
	padding: 0px 0px 10px 0px ;
	color: #000000 ;
}
.backscreen1{
	width: 183px ;
	height: 69px ;
	margin: 0px 10px 0px 0px ;
	padding: 5px ;
	background-color: #FFFFFF ;
	filter: alpha(opacity=55) ;
	-moz-opacity: 0.55 ;
	opacity: 0.55 ;
	line-height: 107% ;
}
.position{
	position: relative ;
}
.position .shosai{
	width: 80px ;
	margin: 0px ;
	padding: 0px 0px 0px 85px ;
	line-height: 100% ;
}
.position .shosai a{
	display: block ;
	width: 80px ;
	height: 12px ;
	margin: 0px ;
	padding: 0px 0px 0px 14px ;
	background: url(../img/list-mark2.gif) left bottom no-repeat ;
	position: absolute ;
	top: 60px ;
	left: 85px ;
}
.position .shosai a:hover{background-position: left top ;}

#onsen a{
	width: 183px ;
	height: 79px ;
	background: url(../pic/top-bnr-onsen.jpg) center top no-repeat ;
	display: block ;
}
#plan a{
	display: block ;
	width: 183px ;
	height: 79px ;
	background: url(../pic/top-bnr-plan.jpg) center top no-repeat ;
}
#facility a{
	display: block ;
	width: 183px ;
	height: 79px ;
	background: url(../pic/top-bnr-facilities.jpg) center top no-repeat ;
}
#sight a{
	display: block ;
	width: 183px ;
	height: 79px ;
	background: url(../pic/top-bnr-sight.jpg) center top no-repeat ;
}
#access a{
	display: block ;
	width: 183px ;
	height: 79px ;
	background: url(../pic/top-bnr-access.jpg) center top no-repeat ;
}
#onsen a:hover,
#plan a:hover,
#facility a:hover,
#sight a:hover,
#access a:hover{
	background-position: center bottom ;
}
/*リンク部分ここまで*/

/*アンケートフォームページへのバナー部分ここから*/
#enquete{
	width: 385px ;
	height: 60px ;
	margin: 10px auto 0px auto ;

}
#enquete a{
	display: block ;
	width: 377px ;
	height: 60px ;
	background: url(../pic/top-bnr-enquete.jpg) center bottom no-repeat ;
}
#enquete a:hover{background-position: center top ;}
/*アンケートフォームページへのバナー部分ここまで*/


/*おすすめここから*/
#osusume{
	width: 405px ;
	padding: 0px 0px 10px 0px ;
	float: left ;
}
#osusume .ie6{
	width: 405px ;
	height: 450px ;
	margin: 0px 0px 0px 5px ;
	padding: 50px 0px 0px 0px ;
	background-image: url(../img/top-osusume-back3.jpg) ;
	background-repeat: no-repeat ;
	text-align: left ;
}
#osusume .scroll{
	overflow: auto;
	width: 378px;
	height: 425px;
	margin: 0px 0px 23px 10px ;
	padding: 0px 0px 10px 7px ;
	color: #FFFFFF ;
	font-size: small ;
	text-align: left ;
	line-height: 130%;
	scrollbar-3dlight-color: #726453;/*スクロールの色（ここから）*/
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #281A08;
	scrollbar-face-color: #2F1D06;
	scrollbar-highlight-color:#442B0B;
	scrollbar-shadow-color: #726453;
	scrollbar-track-color: #140D03;/*スクロールの色（ここからまで）*/
	text-align: left ;
}
#osusume .inner{
	width: 350px ;
	padding: 0px 10px 3px 0px ;
	border-bottom: 1px solid #993300 ;
	color: #DADADA ;
}
#osusume .inner a:link{color: #E68200 ;}
#osusume .inner a:visited{color: #E68200 ;}
#osusume .inner a:hover{color: #FF491F ;}
#osusume .inner a{text-decoration: none ;}

#osusume h4{
	margin: 0px ;
	padding: 12px 0px 3px 10px ;
	font-size: 16px ;
	font-weight: bold ;
	color: #FFFFFF ;
}
/*おすすめここまで*/



