@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;

}