@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: url(../images/bg_body.jpg) center top repeat;
	color: #000;
	font-size: small;
	font-family: verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover,
a:active{
	color: #333;
	text-decoration: none;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
	width: 100%;
	background: url(../images/bg_wrapper.jpg) center top repeat-x;
}



/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 950px;
	height: 55px;
	background: url(../images/bg_headershell.jpg) right top no-repeat;
	clear: both;
}

/*メインロゴ*/
#header h1 a{
	width: 300px;
	height: 50px;
	margin: 0 170px 5px 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/sitename.gif) left top no-repeat;
	float: left;
}

/* #headernav
----------------------------------------------------------- */
#header ul#headernav{
	width: 300px;
	height: 25px;
	margin: 25px 0 5px 0;
	text-indent: -9999px;
	background: url(../images/headernav.gif) left top no-repeat;
	float: left;
}

#header ul#headernav li{
	width: 75px;
	height: 25px;
	float: left;
}

#header ul#headernav li a{
	width: 75px;
	height: 25px;
	overflow: hidden;
	display: block;
}

/* #tel
----------------------------------------------------------- */
#header #header_tel a{
	width: 180px;
	height: 50px;
	margin: 0 0 5px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/header_tel.gif) left top no-repeat;
	float: left;
}

/* -----------------------------------------------------------
	#gNav
----------------------------------------------------------- */
#page ul#gnav{
	width: 950px;
	height: 65px;
	text-indent: -9999px;
	background: url(../images/gnav.jpg) left top no-repeat;
	clear: both;
}

ul#gnav li {
	height: 65px;
	float: left;
}

ul#gnav li a{
	height: 65px;
	overflow: hidden;
	display: block;
}

/*お料理*/
ul#gnav li.nav_dishes a{
	width: 110px;
}

ul#gnav li.nav_dishes a:hover{ background: url(../images/gnav.jpg) 0px -65px; }

/*お部屋*/
ul#gnav li.nav_rooms a{
	width: 110px;
}

ul#gnav li.nav_rooms a:hover{ background: url(../images/gnav.jpg) -110px -65px; }

/*温泉*/
ul#gnav li.nav_hotspa a{
	width: 105px;
}

ul#gnav li.nav_hotspa a:hover{ background: url(../images/gnav.jpg) -220px -65px; }

/*接客・癒やし*/
ul#gnav li.nav_relaxation a{
	width: 160px;
}

ul#gnav li.nav_relaxation a:hover{ background: url(../images/gnav.jpg) -325px -65px; }

/*館内施設*/
ul#gnav li.nav_facilities a{
	width: 130px;
}

ul#gnav li.nav_facilities a:hover{ background: url(../images/gnav.jpg) -485px -65px; }

/*当館でのすごし方*/
ul#gnav li.nav_stay a{
	width: 185px;
}

ul#gnav li.nav_stay a:hover{ background: url(../images/gnav.jpg) -615px -65px; }

/*プラン・ご予約*/
ul#gnav li.nav_plan a{
	width: 150px;
}

ul#gnav li.nav_plan a:hover{ background: url(../images/gnav.jpg) -800px -65px; }


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 950px;
	clear: both;
	oveflow: hidden;
	background: url(../images/top/bg_contents.gif) repeat-y;
}

/*----------------------------------------------------
	#sub
	サブ
----------------------------------------------------*/
#sub {
	width: 200px;
	margin: 0 30px 0 0;
	padding: 0 0 30px;
	float: left;
	background-color: #181612;
}

/*HP豊浜トピックス
------------------------------------------*/
#sub #topics{
	width: 200px;
	padding: 0 0 22px 0;	
	text-align: center;
	background: url(../images/top/bg_topics.jpg) center bottom no-repeat;
}

#sub #topics h4{
	width: 200px;
	height: 43px;
	text-indent: -9999px;
	background: url(../images/top/st_topics.gif) left top no-repeat;
}

#sub #topics p{
	width: 140px;
	margin: 0 auto;
	font-size: 120%;
	color: #000;
	font-weight: bold;
}

#sub #topics p a:link,
#sub #topics p a:visited,
#sub #topics p a:hover,
#sub #topics p a:active{
	text-decoration: none;
}

#sub #topics p span a:link,
#sub #topics p span a:visited{
	color: #000;
	text-decoration: none;
}

#sub #topics p span a:hover,
#sub #topics p span a:active{
	color: #000;
	text-decoration: underline;
}

#sub #topics p img{
	width: 140px;
	height: 88px;
	margin: 0 0 2px;
	border: 2px solid #FFF;
}


/*HPご予約特典
------------------------------------------*/
#sub .bn_reserv_service{
	width: 200px;
	height: 235px;
	padding: 10px 0 0 0;
	text-indent: -9999px;
	background: url(../images/bn_reserv_service.gif) left top no-repeat;	
}

#sub .bn_reserv_service p.bestrate a{
	width: 180px;
	height: 75px;
	margin: 0 0 10px 10px;
	overflow: hidden;
	display: block;	
}

#sub .bn_reserv_service p.service a{
	width: 200px;
	height: 140px;
	overflow: hidden;
	display: block;	
}

/*検索
------------------------------------------*/
#sub #subsearch{
	width: 180px;
	padding: 0 10px 10px 10px;
	border-bottom: 1px dashed #534f47;
	background: url(../images/bg_subsearch.jpg) left top repeat-y;
}

#sub #subsearch div{
	width: 180px;
	height: 180px;
	background: url(../images/bg_plantype.gif) left top no-repeat;
	text-indent: -9999px;	
}

#sub #subsearch div h4{
	width: 180px;
	height: 38px;
	background: url(../images/bg_plantype.gif) left top no-repeat;		
}

#sub #subsearch div p.search_roomtype,
#sub #subsearch div p.search_dish,
#sub #subsearch div p.search_all{
	width: 170px;
	height: 30px;
	margin: 0 0 5px;
	padding: 0 5px;
}

#sub #subsearch div p.search_roomtype a,
#sub #subsearch div p.search_dish a,
#sub #subsearch div p.search_all a{
	width: 170px;
	height: 30px;
	overflow: hidden;
	display: block;	
}

#sub #subsearch div p.tel{
	width: 180px;
	height: 30px;
}


/*グボタン
------------------------------------------*/
#sub .banner{
	padding: 10px;
	border-bottom: 1px dashed #534f47;	
}

#sub .banner .bt{
	margin: 0 0 10px;
	clear: both;
}

/*コンテンツリンク
------------------------------------------*/
#sub div.contents_link p a{
	width: 200px;
	height: 70px;
	border-bottom: 1px dashed #534f47;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

/*ペット連れのお客様へ*/
#sub div.contents_link p.bt_pet a{
	background: url(../images/bt_pet.jpg) left top no-repeat;		
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	width: 720px;
	padding: 0 0 30px 0;
	/*letter-spacing: 0.2em;*/
	float: left;
}

/*ページ内メニュー
------------------------------------------*/
ul.pagenav{
	width: 720px;
	height: 35px;
	margin: 0 0 30px;
	clear: both;
}

ul.pagenav li{
	height: 35px;
	text-indent: -9999px;
	float: left;
}

ul.pagenav li a{
	height: 35px;
	overflow: hidden;
	display: block;
}


/*メイン下部メニュー
------------------------------------------*/
#main #subnav{
	width: 720px;
	height: 15px;
	clear: both;
}

#main #subnav ul{
	width: 335px;
	height: 15px;
	padding: 0 315px 0 0;
	text-indent: -9999px;
	background: url(../images/subnav.gif) left top no-repeat;
	float: left;
}

#main #subnav li{
	height: 15px;
	float: left;
}

#main #subnav li a{
	height: 15px;
	overflow: hidden;
	display: block;
}

/*お問い合わせ*/
#main #subnav li.subnav_contact a{
	width: 105px;
}

/*Q&A*/
#main #subnav li.subnav_qa a{
	width: 60px;
}

/*個人情報の取扱いについて*/
#main #subnav li.subnav_privacy a{
	width: 170px;
}

#main #subnav p.pagetop a{
	width: 70px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/bt_pagetop.gif) left top no-repeat;
	float: left;
}

/*写真切り替え
------------------------------------------*/
ul.chgimg li{
	padding: 3px;
}


ul.chgimg li a.unclick{
	width: 52px;
	height: 52px;
	padding: 3px;
	border: 1px dotted #C89E64;
	background-color: #FFF;
	display: block;
}

ul.chgimg li a.click,
ul.chgimg li a.unclick:hover{
	width: 52px;
	height: 52px;
	padding: 3px;
	border: 1px solid #E9CCA3;
	background-color: #FFF;
	display: block;	
}

/*写真キャプション
------------------------------------------*/
ul.caption li{
	margin: 0 0 15px;
	padding: 0 0 0 30px;
	color: #695031;
	font-size: 90%;
	line-height: 22px;
}

ul.caption li.num01{background: url(../images/num01.gif) left center no-repeat;}
ul.caption li.num02{background: url(../images/num02.gif) left center no-repeat;}
ul.caption li.num03{background: url(../images/num03.gif) left center no-repeat;}
ul.caption li.num04{background: url(../images/num04.gif) left center no-repeat;}
ul.caption li.num05{background: url(../images/num05.gif) left center no-repeat;}
ul.caption li.num06{background: url(../images/num05.gif) left center no-repeat;}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	width: 100%;
	padding: 20px 0px;
	background: url(../images/bg_footer.jpg) center top repeat;
	clear: both;
}

#footer #footer_cont{
	width: 950px;
	margin: 0 auto;
	background: url(../images/bg_footershell.jpg) right bottom no-repeat;
	clear: both;
	overflow: hidden;
}

/*フッター左*/
#footer #footer_l{
	width: 200px;
	margin: 0 30px 0 0;
	color: #333px;
	font-size: 90%;
	text-align: center;
	float: left;
}

/*フッターロゴ・住所*/
#footer #footer_l p.address{
	margin: 0 0 15px;
}

#footer #footer_r{
	width: 680px;
	float: left;
}

#footer #footer_r li a:link,
#footer #footer_r li a:visited {
	color: #5d4829;
	text-decoration: underline;
}

#footer #footer_r li a:hover,
#footer #footer_r li a:active{
	color: #5d4829;
	text-decoration: none;
}

/*フッターテキストメニュー*/
#footer #footer_r #footernav{
	width: 720px;
	margin: 0 0 35px;
	clear: both;
	overflow: hidden;
}

#footer #footernav ul.fnav{
	width: 130px;
	float: left;
	line-height: 2.5;
}

#footer #footernav ul.fnav_wide{
	width: 170px;
	float: left;
	line-height: 2.5;
}

#footer #footernav li {
	padding: 0 0 0 10px;
	background: url(../images/arrow_footernab.gif) left center no-repeat;
}

/*コピーライト・FlashPlayerリンク*/
#footer #copyright {
	width: 720px;
	text-align: right;
	font-size: 80%;
	color: #666158;
}

#footer #copyright a:link,
#footer #copyright a:visited {
	color: #666158;
	text-decoration: underline;
}

#footer #copyright a:hover,
#footer #copyright a:active{
	color: #666158;
	text-decoration: none;
}


/*qr*/
.qr{
	width: 180px;
	margin: 15px 0 0 0;
	padding: 10px;
	clear: both;
	overflow: hidden;
}

.qr p.img{
	float: left;
	margin: 0 10px 0 0 ;
}

.qr p.text{
	width: 110px;
	font-size: 90%;
	color: #FFF;
	text-align: left;
	float: left;
}


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*ページタイトル*/
#plan h2.main_title{
	width: 720px;
	height: 55px;
	margin: 25px 0;
	text-indent:-9999px;
	background: url(../plan/images/title.gif) left top no-repeat;
}

/*メインメニューオン表示*/
#plan ul#gnav li.nav_plan a{
	background: url(../images/gnav.jpg) -800px -65px;;
}

/*メインコピー*/
#plan p.copy_main{
	width: 720px;
	height: 15px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../plan/images/main_copy.gif) left top no-repeat;
}


/* 空室検索
----------------------------------------------------------- */
#plan #cont_searchform{
	width: 548px;
	margin: 0 auto 50px auto;
	padding: 20px;
	border: 1px solid #a49c8f;
	background: url(../plan/images/bg_searchform.jpg) left top repeat;
	clear: both;
}

#plan #cont_searchform h3{
	width: 405px;
	height: 20px;
	margin: 0 0 20px;
	text-indent: -9999px;
	background: url(../plan/images/st_search.gif) left top no-repeat;
}

/*ご宿泊日*/
#plan #cont_searchform .incont_date{
	width: 230px;
	margin: 0 0 20px;
	letter-spacing: 0;
	float: left;
}

#plan .incont_date p.sst_date{
	width: 70px;
	height: 15px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../plan/images/sst_date.gif) left top no-repeat;
}

#plan .incont_date p.tips{
	width: 182px;
	height: 139px;
	margin: 20px 0 0;
	text-indent: -9999px;
	background: url(../plan/images/img_tips.gif) left top no-repeat;
}


/*部屋タイプ*/
#plan #cont_searchform .incont_roomtype{
	width: 300px;
	margin: 0 0 20px;
	line-height: 1em;
	float: left;
}

#plan .incont_roomtype p.sst_roomtype{
	width: 85px;
	height: 15px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../plan/images/sst_roomtype.gif) left top no-repeat;
}

#plan #cont_searchform .roomtype{
	margin: 0 0 10px;
}

#plan #cont_searchform .roomtype input{
	margin: 0 5px 0 0;
}

/*ボタン：空室検索*/
#plan #cont_searchform form .bt_submit{
	width: 538px;
	padding: 20px 0 0;
	text-align: center;
	clear: both;
	background: url(../plan/images/line.gif) center top no-repeat;
}

#plan #cont_searchform form input.button{
	border:1px solid #7a756c;
	background: #FFF;
	font-size: 100%;
	color: #c04800;
}


/* 特典
----------------------------------------------------------- */
#plan #cont_benefits{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
}

#plan #cont_benefits h3{
	width: 720px;
	height: 30px;
	margin: 0 0 20px;
	text-indent: -9999px;
	background: url(../plan/images/st_benefits.gif) left top no-repeat;
}

#plan #cont_benefits span{
	margin: 0 30px 0 0;
}


/* 客室紹介
----------------------------------------------------------- */
#plan #cont_rooms{
	width: 720px;
	margin: 0 0 10px;
	clear: both;
	overflow: hidden;
}

#plan #cont_rooms h3{
	width: 720px;
	height: 30px;
	margin: 0 0 20px;
	text-indent: -9999px;
	background: url(../plan/images/st_room.gif) left top no-repeat;
}

#plan #cont_rooms .room{
	width: 345px;
	margin: 0 0 40px;
	float: left;
}

#plan #cont_rooms .margin{
	margin: 0 30px 40px 0;
}

#plan #cont_rooms .room .roomimg{
	margin: 0 20px 0 0;
	float: left;
}

#plan #cont_rooms .room .roomname{
	margin: 0 0 15px;
}

#plan #cont_rooms .room .bt_roomdetail a{
	width: 160px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url( ../plan/images/bt_roomdetail.gif) left top no-repeat;
}

#plan #cont_rooms .room .bt_roomplan a{
	width: 160px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url( ../plan/images/bt_roomplan.gif) left top no-repeat;
}


/* 日帰りプランのご案内
----------------------------------------------------------- */
#plan #cont_dayplan{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#plan #cont_dayplan h3{
	width: 720px;
	height: 30px;
	margin: 0 0 20px;
	text-indent: -9999px;
	background: url(../plan/images/st_dayplan.gif) left top no-repeat;
}

#plan #cont_dayplan p.photo{
	margin: 0 30px 0 0;
	float: left;
}

#plan #cont_dayplan .incont{
	width: 375px;
	float: left;
}

#plan #cont_dayplan h4{
	width: 375px;
	height: 35px;
	margin: 0 0 20px;
	text-indent: -9999px;
	background: url(../plan/images/copy_dayplan.gif) left top no-repeat;
}

#plan #cont_dayplan .text{
	margin: 0 0 20px;
}

#plan #cont_dayplan .bt_reserve_dayplan a{
	width: 250px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url( ../plan/images/bt_reserve_dayplan.gif) left top no-repeat;
}

/* 下部コメント
----------------------------------------------------------- */
#plan p.text_foot{
	margin: 0 0 50px;
}


/* -----------------------------------------------------------
	検索結果ページ
----------------------------------------------------------- */
#plan #cont_result{
	width: 720px;
	margin: 0 0 10px;
	clear: both;
}

#plan #cont_result h3{
	width: 720px;
	height: 30px;
	margin: 0 0 20px;
	text-indent: -9999px;
	background: url(../plan/images/st_search_result.gif) left top no-repeat;
}

#plan #cont_result .text{
	margin: 0 0 20px;
}

/* 検索結果表示
------------------------------------------*/
#plan #cont_result .result{
	width: 720px;
	margin: 0 0 30px;
	clear: both;
	overflow: hidden;
}

#plan #cont_result .result .roomimg{
	margin: 0 20px 0 0;
	float: left;
}

#plan #cont_result .incont{
	width: 220px;
	float: left;
}

#plan #cont_result .incont .roomname{
	margin: 0 0 15px 0;
}

#plan #cont_result .result ul{
	margin: 0 0 15px;
}

#plan #cont_result .result ul li{
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../plan/images/ico_planlist.gif) left 7px no-repeat;
}

/*その他のプランはこちら*/
#plan #cont_result .result .bt_otherplan a{
	width: 181px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url( ../plan/images/bt_otherplan.gif) left top no-repeat;
}

/*残室数テーブル*/

#plan #cont_result table{
	color: #000;
	border: 1px solid #3B3B3B;
	background: none;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	letter-spacing: 0;
}

#plan #cont_result th,
#plan #cont_result td {
	padding: 5px 10px;
	border: 1px solid #3B3B3B;
}

#plan #cont_result th {
	color: #000;
	border: 1px solid #3B3B3B;
	background: none;
}

#plan #cont_result td {
    color: #000;
	border: 1px solid #3B3B3B;
	background: none;
}

#plan #cont_result table{
	width: 200px;
	float: left;
	margin: 1px 0 0 0;
}

#plan #cont_result table th{
	text-align: center;
	font-weight: normal;
	background: url(../plan/images/bg_searchform.jpg) left top repeat;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}