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

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #000;
	font-size: small;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Verdana,Osaka,Sans-Serif;
	line-height: 1.6;
	background: #fff;
}

a:link {color: #3a9dc6; text-decoration: underline;}

a:visited {color: #3a9dc6; text-decoration: underline;}

a:hover {color: #3a9dc6; text-decoration: none;}

a:active {color: #3a9dc6; text-decoration: underline;}

/* jquery.fittedのホバー設定 */
.hovered {
	cursor: pointer;
	background-color: #666;
}

img {
	vertical-align: bottom;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/


/*----------------------------------------------------
	#page

----------------------------------------------------*/
#page {
	width: 100%;
	text-align: left;
}



/* -----------------------------------------------------------
	#header_seo	
----------------------------------------------------------- */
#header_seo {
	background: url(../images/header/bg_haed.gif) 0 0 repeat;
	padding: 3px 0;
}

#header_seo #seo_inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#header_seo #seo_inner p {
	font-size: 83.5%;
	color: #fff;
	float: left;
	width: 450px;
	margin: 2px 50px 0 0;
}

#header_seo #seo_inner #hnav {
	overflow: hidden;
	float: left;
	width: 280px;
	margin: 4px 0 0 0;
	/*width: 200px;*/
}

#header_seo #seo_inner #hnav li {
	float: left;
	margin: 0 12px 0 0;
	line-height: 0;
}

#header_seo #seo_inner #btn_sns {
	width: 205px;
	float: right;
	overflow: hidden;
}

#header_seo #seo_inner #btn_sns li {
	float: left;
	width: 100px;
	height: 21px;
}


/* -----------------------------------------------------------
	#header	ヘッダー

----------------------------------------------------------- */
#header {
	margin: 0 auto 20px auto;
	width: 1000px;
	overflow: hidden;
}

/* ロゴ */
#header #h_logo {
	padding: 24px 0 0 0;
	float: left;
	width: 213px;
}
#header #h_logo h1 {
	margin: 0 0 12px 0;
}


/* #gnav 	グローバルナビ
----------------------------------------------------------- */
#header #gnav {
	width: 770px;
	overflow: hidden;
	margin: 0 0 0 230px;
}

#header #gnav li {
	float: left;
	overflow: hidden;
}

#header #gnav li a {
	display: block;
	height: 0;
	padding-top: 120px;
}

/* HOME */
#header #gnav .gnav_home a {
	width: 109px;
	background: url(../images/gnav/gnav_home.gif) 0 0 no-repeat;
}
#header #gnav .gnav_home a:hover {
	background: url(../images/gnav/gnav_home.gif) no-repeat 0 -120px;
}

/* 客室 */
#header #gnav .gnav_room a {
	width: 110px;
	background: url(../images/gnav/gnav_room.gif) no-repeat 0 0;
}
#header #gnav .gnav_room a:hover,
#rooms #header #gnav .gnav_room a {
	background: url(../images/gnav/gnav_room.gif) no-repeat 0 -120px;
}

/* レストラン */
#header #gnav .gnav_res a {
	width: 110px;
	background: url(../images/gnav/gnav_res.gif) no-repeat 0 0;
}
#header #gnav .gnav_res a:hover,
#restaurant #header #gnav .gnav_res a {
	background: url(../images/gnav/gnav_res.gif) no-repeat 0 -120px;
}

/* 館内・サービス */
#header #gnav .gnav_fac a {
	width: 110px;
	background: url(../images/gnav/gnav_fac.gif) no-repeat 0 0;
}
#header #gnav .gnav_fac a:hover,
#facilities #header #gnav .gnav_fac a {
	background: url(../images/gnav/gnav_fac.gif) no-repeat 0 -120px;
}

/* 周辺観光 */
#header #gnav .gnav_sight a {
	width: 110px;
	background: url(../images/gnav/gnav_sight.gif) no-repeat 0 0;
}
#header #gnav .gnav_sight a:hover,
#sightseeing #header #gnav .gnav_sight a {
	background: url(../images/gnav/gnav_sight.gif) no-repeat 0 -120px;
}

/* アクセス */
#header #gnav .gnav_acc a {
	width: 111px;
	background: url(../images/gnav/gnav_acc.gif) no-repeat 0 0;
}
#header #gnav .gnav_acc a:hover,
#access #header #gnav .gnav_acc a {
	background: url(../images/gnav/gnav_acc.gif) no-repeat 0 -120px;
}

/* プラン */
#header #gnav .gnav_plan a {
	width: 110px;
	background: url(../images/gnav/gnav_plan.gif) no-repeat 0 0;
}
#header #gnav .gnav_plan a:hover,
#plan #header #gnav .gnav_plan a {
	background: url(../images/gnav/gnav_plan.gif) no-repeat 0 -120px;
}


/*----------------------------------------------------
	.visual 	ビジュアル

----------------------------------------------------*/
.visual {
	background: url(../images/bg_main.gif) top center repeat-y;
}

.visual .con_vis {
	margin: 0 auto 15px auto;
	width: 1000px;
	overflow: hidden;
}



/*----------------------------------------------------
	#contents 	コンテンツ

----------------------------------------------------*/
#contents {
	margin: 0 auto 30px auto;
	width: 950px;
	font-size: 110%;
}


/*----------------------------------------------------
	#main	メインコンテンツ
----------------------------------------------------*/

/*	#topicpath		パンクズ
----------------------------------------------------*/
#topicpath {
	background: url(../images/ico_home.gif) 0 3px no-repeat;
	padding: 0 0 0 22px;
	margin: 0 0 50px -25px;
	font-size: 83.5%;
	width: 1000px;
}

#topicpath li {
	display: inline;
}




/*----------------------------------------------------
	.btn_ptop	PAGE TOPボタン
----------------------------------------------------*/
#contents .btn_ptop {
	text-align: right;
	margin: 70px 0 0 0;
}


/* -----------------------------------------------------------
	#footer	フッター

----------------------------------------------------------- */
#footer {
	background: url(../images/footer/bg_footer.gif) top left repeat-x;
	padding: 2px 0 0 0;
}


/* #con_fnav	フッターのサブナビ
----------------------------------------------------------- */
#con_fnav {
	background: #f2f2f2;
}

#con_fnav ul {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}

#con_fnav ul li {
	display: inline;
}

#con_fnav ul li a {
	color: #000;
	text-decoration: none;
}

#con_fnav ul li a:hover {
	text-decoration: underline;
}



/* #con_f_acc	
----------------------------------------------------------- */
#con_f_acc {
	background: url(../images/footer/bg_fnav.gif) top left repeat-x;
	padding: 18px 0 0 0;
}

#con_f_acc .box_acc_inn {
	background: url(../images/footer/bg_footer02.gif) 0 0 repeat;
}

#con_f_acc .box_acc_inn .box_f_acc {
	width: 1000px;
	margin: 0 auto;
	padding: 13px 0 28px 0;
	background: url(../images/footer/bg_f_acc.gif) 0 bottom no-repeat;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add {
	float: left;
	margin: 0 60px 0 0;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add #f_logo {
	margin: 0 0 10px 0;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add p {
	line-height: 1.2;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add ul {
	background: url(../images/footer/bg_acc.gif) 0 0 no-repeat;
	width: 413px;
	height: 78px;
	margin: 15px 0 13px 0;
	padding: 17px 0 0 27px;
	overflow: hidden;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add ul li {
	float: left;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add ul #box_f_car {
	margin: 0 20px 0 0;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add ul li h3 {
	margin: 0 0 7px 0;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add ul li p {
	margin: 0 0 5px 0;
}

#con_f_acc .box_acc_inn .box_f_acc .box_add #btn_acc {
	text-align: right;
}



/* #con_f_sea	空室検索	
----------------------------------------------------------- */
#con_f_sea {
	background: #3590b5;
}

#con_f_sea .box_f_sea {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#con_f_sea .box_f_sea h3 {
	float: left;
	padding: 11px 0 14px 0;
}

#con_f_sea .box_f_sea .box_f_det {
	width: 910px;
	margin: 0 0 0 89px;
	overflow: hidden;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac {
	float: left;
	overflow: hidden;
	width: 672px;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac form {
	width:557px;
	float: left;
	overflow: hidden;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .input_area {
	width: 416px;
	float: left;
	overflow: hidden;
	padding: 17px 0 0 0;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .input_area p {
	margin: 0 0 7px 0;
	line-height: 0;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .input_area select {
	font-size: 90%;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .input_area span {
	margin: 0;
	color: #fff;
	font-size: 83.5%;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .input_area .box_sea_day {
	float: left;
	margin: 0 10px 0 0;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .btn_f_sea {
	padding: 10px 0 0 0;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .btn_f_sea li {
	margin: 0 0 6px 0;
	line-height: 0;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .btn_f_sea #btn_f_plan {
	margin: 0;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .con_btnarea {
	margin: 15px 0 0 572px;
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .con_btnarea li {
	line-height: 0;
	margin: 0 0 5px 0
}

#con_f_sea .box_f_sea .box_f_det .box_f_vac .con_btnarea #btn_f_can {
	margin: 0;
}

#con_f_sea .box_f_sea .box_f_det .txt_f_tel {
	float: right;
}

#txt_copy {
	padding: 25px 0;
	text-align: center;
}



/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table {
	color: #333;
	line-height: 1.6;
	padding: 0;
	margin: 0;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
}

table th {
	text-align: left;
	vertical-align: middle;
	border: 1px solid #d8d8d8;
	background: #fcfce4;
	padding: 8px 10px;
}
	
table td {
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
}