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



}







/* -----------------------------------------------------------



	各ページ専用指定



----------------------------------------------------------- */

/*----------------------------------------------------
	.btn_sp
	スマホサイトへのボタン
----------------------------------------------------*/
.box_btn_sp {
	background: url(../images/bg_flasharea.gif) 0 0 repeat-x;
	padding: 10px 0;
}

.box_btn_sp .wrp_btn {
	background: #a50000;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6B2609', endColorstr='#FF521C07');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(55%, #a50000), color-stop(100%, #870000));
	background-image: -webkit-linear-gradient(top, #a50000 55%, #870000 100%);
	background-image: -moz-linear-gradient(top, #a50000 55%, #870000 100%);
	background-image: -o-linear-gradient(top, #a50000 55%, #870000 100%);
	background-image: linear-gradient(top, #a50000 55%, #870000 100%);
	background-image: -ms-linear-gradient(top, #a50000 55%, #870000 100%);
	width: 1000px;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #680000;
	position: relative;
	padding: 20px 0;
}

.box_btn_sp .wrp_btn:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 3em;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-right: 15px;
	line-height: .2;
	color: #fff;
}


.box_btn_sp .wrp_btn .btn_sp {
	font-size: 4em;
	text-align: center;
	color: #fff;
}


.box_btn_sp .wrp_btn .btn_sp:before {
	content: "\f10b";
	font-family: FontAwesome;
	font-size: 1.5em;
	position: relative;
	top: 10px;
	margin-right: 15px;
	line-height: .2;
	color: #e7d6c6;
}



/*----------------------------------------------------



	#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



		メイン



----------------------------------------------------*/





/* .bn_area



----------------------------------------------------------- */



#top #main .bn_area{

	padding-bottom: 10px;

	}







/* #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;



}









/* #con_search



----------------------------------------------------------- */

#top #con_search {

	margin: 0 0 15px 0;

	padding: 0 0 10px 0;

	background-color: #733527;

}



#top #con_search form {

	padding: 10px;
	color: #FFF;

}


#top #con_search form .box_day{
	padding-bottom: 8px;
	}


#top #con_search form .box_per{
	width:120px;
	}

#top #con_search form .box_per em{
	float: left;
	}

#top #con_search form .box_per ul{
	width: 70px;
	float: left;
	}


#top #con_search form .box_per ul li{
	padding-bottom: 3px;
	}

#top #con_search form .box_roo{
    float: left;
    padding-left: 10px;
    width: 135px;
	}


#top #con_search form .btn_submit{
	padding-top: 33px;
	text-align:center;
	}


#top #con_search form p {

	color: #FFF;

	line-height: 2.2;

}


#top #con_search form select {

	margin: 0 5px 0 0;

}



#top #con_search form input.btn_search {

	width: 230px;

	height: 28px;

	margin: 10px auto 0 auto;

	border: 0;

	background: url(../images/top/btn_search.gif) left top no-repeat;

	cursor: pointer;

    display: block;

	text-indent: -9999px;

}



#top #con_search #con_btn {

	width: 240px;

	height: 24px;

	margin: 0 0 0 20px;

}



#top #con_search #con_btn img {

	float: left;

	margin: 0 10px 0 0;

}

#top .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: #555 !important;
	}



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







	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;



}