@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
#top body {
	background: #362A18 url(../images/bg.gif) center top repeat;
	color: #FFF;
	font-size: small;
	font-family: verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

#top a:link {
	color: #FFF;
	text-decoration: underline;
}

#top a:visited {
	color: #FFF;
	text-decoration: underline;
}

#top a:hover {
	color: #FFF;
	text-decoration: none;
}

#top a:active {
	color: #FFF;
	text-decoration: none;
}

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*----------------------------------------------------
	#page
----------------------------------------------------*/
#top #page {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_flasharea.gif) center top repeat-x;
}

/* #flash_area
----------------------------------------------------------- */
#top #flash_area{
    width: 1030px;
    height: 385px;
	margin: 0 auto;
	position:relative;
	
}

#top #flash_area object {
	margin: 0;
	padding: 0;
	border: 0;
}

#top #flash_area embed {
	margin: 0;
	padding: 0;
	border: 0;
}

/*----------------------------------------------------
	#navigation
----------------------------------------------------*/
#navigation {
	width: 200px;
	height: 385px;
	position:absolute;
	left: 15px;
	top: 0;
}

/* #gnav
----------------------------------------------------------- */
#gnav {
	width: 200px;
	height: 315px;
}

#gnav li{
	width: 200px;
	height: 45px;
}

#gnav li a:hover{
	width: 200px;
	height: 45px;
	display: block;
	background-color: #CE8B7F;
}


/*----------------------------------------------------
	#tel
----------------------------------------------------*/
#net_reserv {
	width: 85px;
	height: 85px;
	position:absolute;
	left: 745px;
	top: 15px;
}

#tel {
	width: 210px;
	height: 60px;
	position:absolute;
	left: 805px;
	top: 0;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
/* #cont_dinner
----------------------------------------------------------- */
#top #main #cont_dinner{
	width: 340px;
	height: 260px;
	margin: 0 25px 25px 0;
	background: #674F29 url(../images/top/bak_dinner.jpg) right top no-repeat;
	float: left;
}

/*お食事の方はこちら*/
#cont_dinner #st_dinner{
	width: 40px;
	height: 260px;
	padding: 0 5px;
	background: url(../images/top/st_dinner.jpg) right top no-repeat;
	float: left;
}

#cont_dinner #st_dinner h3{
	width: 40px;
	height: 215px;
	text-indent: -9999px;
}

#cont_dinner #st_dinner p{
	width: 40px;
	height: 40px;
	background: url(../images/top/bt_planview.gif) left top no-repeat;
	text-indent: -9999px;
}

#cont_dinner #st_dinner p a{
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
}

/* #cont_stay
----------------------------------------------------------- */
#top #main #cont_stay{
	width: 340px;
	height: 260px;
	margin: 0 0 25px 0;
	background: #674F29 url(../images/top/bak_stay.jpg) right top no-repeat;
	float: left;
}

/*ご宿泊の方はこちら*/
#cont_stay #st_stay{
	width: 40px;
	height: 260px;
	padding: 0 5px;
	background: url(../images/top/st_stay.jpg) right top no-repeat;
	float: left;
}

#cont_stay #st_stay h3{
	width: 40px;
	height: 215px;
	text-indent: -9999px;
}

#cont_stay #st_stay p{
	width: 40px;
	height: 40px;
	background: url(../images/top/bt_planview.gif) left top no-repeat;
	text-indent: -9999px;
}

#cont_stay #st_stay p a{
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
}

/*お食事の方・ご宿泊の方はこちら|プラン表示設定*/
#cont_dinner .plans,
#cont_stay .plans{
	width: 260px;
	padding: 75px 15px 0 15px;
	float: right;
}

.plans dl{
	width: 260px;
	min-height: 50px;
	margin:0 0 10px;
}

.plans dt{
	width: 66px;
	height: 46px;
	border: 2px solid #D4CCA5;
	float: left;
}

.plans dd{
	width: 170px;
	min-height: 45px;
	padding: 5px 0 0 15px;
	float: right;
}

/* #news
----------------------------------------------------------- */
#top #main #news{
	width: 705px;
	height: 80px;
	background-color: #2F2514;
	color: #D4CCA5;
	clear: both;
}

#news h3{
	width: 130px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/top/st_feed.gif) left top no-repeat;
	float: left;
}

#news h3 a{
	width: 130px;
	height: 80px;
	text-indent: -9999px;
	display :block;
	overflow: hidden;
	
}

#news ul#feed{
	width: 445px;
	height: 60px;
	margin: 10px 0;
	padding: 0 15px;
	float: left;
	line-heihgt: 1.5;
	overflow: auto;
}

#news ul#feed a:link,
#news ul#feed a:visited{
	color: #D4CCA5;
	text-decoration: underline;
}

#news ul#feed a:hover,
#news ul#feed a:active{
	color: #D4CCA5;
	text-decoration: underline;
}

#news p#bt_more{
	width: 100px;
	height: 30px;
	padding: 50px 0 0 0;
	text-indent: -9999px;
	background: url(../images/top/bt_more.gif) left top no-repeat;
	float: left;
}

#news p#bt_more a{
	width: 100px;
	height: 30px;
	display :block;
	overflow: hidden;
}

/*----------------------------------------------------
	#sub
		サブ
----------------------------------------------------*/
/* #main_banner
----------------------------------------------------------- */
#top #main_banner {
	width: 270px;
	height: 210px;
	margin: 0 0 15px;
	clear: both;
}

#top #main_banner h3{
	width: 80px;
	height: 210px;
	float: left;
}

#top #main_banner .margin_right{
	margin: 0 15px 0 0;
}


#top #sub_banner {
	width: 270px;
	clear: both;
}

#top #sub_banner h3{
	width: 270px;
	height: 80px;
	margin: 0 0 15px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
*html #gnav li a{
	cursor: pointer;
}

*html #net_reserv a,
*html #tel a{
	cursor: pointer;
}