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

 file name  : homepage.css
 author     : Ability Consultant
style info  : トップページページ
=================================================================== */

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/* gnavホバー */
#header #gnav .gnav_home a {
	background-position: 0 -52px;
}

/* -----------------------------------------------------------
	#flash部分
----------------------------------------------------------- */
#homepage .con_flash {
	width: 950px;
	height: 248px;
}


/*----------------------------------------------------
	.bn_area
----------------------------------------------------*/
#contents .bn_area{
	width: 730px;
	margin: 15px auto;
	display: flex;
	justify-content: space-between;
}

#contents .bn_area .bn{
	width: 49%;
}

#contents .bn_area a img{
	width: 100%;
}

/*----------------------------------------------------
	con_point
----------------------------------------------------*/
#contents .con_point h3 {
	width: 950px;
	margin: 75px auto 39px;
}

/*----------------------------------------------------
	con_spa
----------------------------------------------------*/
#contents .con_spa {
	background: url(../images/home/bg_room.jpg) no-repeat top center;
	width:950px;
}
#contents .box_spa {
	height: 474px;
	background: url(../images/bg_wave.png) repeat-x bottom left;
	width:880px;
	padding: 45px 30px 0 40px;
}
#contents .con_spa .wrp_spa {
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}
/*	.txtarea
----------------------------------------------------*/
#contents .con_spa .wrp_spa .txtarea {
	width: 255px;
	overflow: hidden;
	float: left;
	color: #FFF;
}

#contents .con_spa .wrp_spa .txtarea .txt_catch {
	padding: 18px 0;
}
#contents .con_spa .wrp_spa .txtarea .btnarea {
	margin-top: 20px;
}
#contents .con_spa .wrp_spa .txtarea .btnarea a {
	width: 178px;
}
#contents .con_spa .wrp_spa .txtarea .btnarea img {
	border: 1px solid #fff;
}
#contents .con_spa .wrp_spa .txtarea .txt_spa {
	padding: 11px 0 15px;
}
/*	.photoarea
----------------------------------------------------*/
#contents .con_spa .wrp_spa .photoarea {
	margin: 35px 0 0;
	width: 600px;
	height: 380px;
	float: right;
}
#contents .con_spa .wrp_spa .photoarea img {
	border: 7px solid #fff;
}


/*----------------------------------------------------
	con_dish
----------------------------------------------------*/
#contents .con_dish {
	background: url(../images/home/img_leaf1.png) no-repeat bottom center;
	width:950px;
}
#contents .con_dish .box_dish {
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
	padding: 45px 0 0 40px;
}
/*	.txtarea
----------------------------------------------------*/
#contents .con_dish .box_dish .txtarea {
	width: 255px;
	overflow: hidden;
	float: left;
}
#contents .con_dish .box_dish .txtarea .txt_catch {
	padding: 45px 0 0;
}
#contents .con_dish .box_dish .txtarea .txt_dis {
	padding: 26px 0 30px;
}
#contents .con_dish .box_dish .txtarea .btnarea a {
	width: 178px;
}
#contents .con_dish .box_dish .txtarea .btnarea img {
	border: 1px solid #cbcfd2;
}
/*	.con_rec
----------------------------------------------------*/
#contents .con_dish .box_dish .con_rec {
	width: 620px;
	float: right;
	position: relative;
	overflow: hidden;
}
/* 一押し料理紹介 */
#contents .con_dish .box_dish .con_rec .img_wa {
	width: 304px;
	float: left;
}
#contents .con_dish .box_dish .con_rec .img_chu {
	width: 304px;
	float: right;
}


/*----------------------------------------------------
	con_room
----------------------------------------------------*/
#contents .con_room {
	background: url(../images/home/bg_room.png) repeat-x left top;
	padding: 0 0 8px;
	width: 950px;
	margin-top: 100px;
}
#contents .con_room .box_room {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
/*	.txtarea
----------------------------------------------------*/
#contents .con_room .box_room .txtarea {
	width: 255px;
	overflow: hidden;
	float: left;
	padding-left: 40px;
}
#contents .con_room .box_room .txtarea h4 {
	padding: 62px 0 0;
}
#contents .con_room .box_room .txtarea .txt_catch {
	padding: 30px 0 0;
}
#contents .con_room .box_room .txtarea .txt_spa {
	padding: 25px 0 20px;
}
#contents .con_room .box_room .txtarea .btnarea a {
	width: 178px;
}
#contents .con_room .box_room .txtarea .btnarea img {
	border: 1px solid #cbcfd2;
}

#contents .con_room .box_room .txtarea .info_spa{
	padding: 10px 5px; 
	border: 1px solid #CAD6E9;
	margin-top: 10px;
	}
	
#contents .con_room .box_room .txtarea .info_spa span.tit{
	font-weight: bold;
	color: #596C89;
	font-size: 120%;
	}	
	
	

/*	.photoarea
----------------------------------------------------*/
#contents .con_room .box_room .photoarea {
	width: 625px;
	height: 675px;
	float: right;
	position: relative;
	margin: 8px 0 0;
	background: url(../images/home/bg_room2.jpg) no-repeat top right;
	padding: 40px 0 0 8px;
}
#contents .con_room .box_room .photoarea ul {
	overflow: hidden;
}
#contents .con_room .box_room .photoarea ul li {
	padding: 0 6px;
	width: 143px;
	float: left;
}
#contents .con_room .box_room .photoarea ul li img {
	padding: 0px 0 12px;
}
#contents .con_room .box_room .photoarea .photo_mid {
	margin: 23px 0 0;
}
#contents .con_room .box_room .photoarea .photo_bottom {
	margin: 23px 0 0;
	color: #fff;
}
#contents .con_room .box_room .photoarea .photo_bottom a {
	color: #FFF; !important
}



/*----------------------------------------------------
	con_pack
----------------------------------------------------*/
#contents .con_pack {
	width:950px;
}


/*	.box_pack
----------------------------------------------------*/
#contents .wrp_pack {
	background: url(../images/home/bg_plan.gif) repeat top left;
	min-width:950px;
	padding: 8px 0 0;
	margin: 35px 0 0;
}
#contents .wrp_pack2 {
	background: url(../images/bg_plan_dot.png) repeat top left;
	width:950px;
}
#contents .box_pack {
	width: 870px;
	background: url(../images/home/bg_leaf.gif) no-repeat bottom left;
	overflow: hidden;
	padding: 30px 0 50px;
	margin: 0 auto;
}

/* 空室検索 */
#contents .box_pack .con_sea {
	width: 240px;
	float: left;
	background: #FFF;
	text-align: center;
}
#contents .box_pack .con_sea h4 {
	border-top: 1px solid #d3d1d1;
}
#contents .box_pack .con_sea ul {
	padding: 20px 0;
	border-top: 1px solid #d3d1d1;
	border-bottom: 1px solid #d3d1d1;
}
#contents .box_pack .con_sea ul li {
	margin-bottom: 5px;
}
#contents .box_pack .con_sea p {
	padding: 20px 0;
	border-bottom: 1px solid #d3d1d1;
}

/* ランキング */
#contents .box_pack .con_pla {
	width: 590px;
	float: right;
}
#contents .box_pack .con_pla .planlink {
	display: block;
	width: 100%;
	/* height: 100%; */
}
#contents .box_pack .con_pla .img_pla {
	float: left;
	padding: 5px;
	background-color: #FFF;
}
#contents .box_pack .con_pla table {
	margin: 5px 0 0;
	width: 240px;
	border: 1px solid #dbdbdb;
	font-size: 13px;
}
#contents .box_pack .con_pla table th {
	border-right: 1px solid #dbdbdb;
	padding: 3px 3px;
	width: 39px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-weight: 200;
}
#contents .box_pack .con_pla table td {
	padding: 3px 12px;
	background-color: #fff;
	color: #505050;
}

/* No1 */
#contents .box_pack .con_pla .box_pla1 {
	width: 570px;
	background: url(../images/home/bg_pla1.png) repeat 0 0;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	/* font-size: 13px !important; */
}
#contents .box_pack .con_pla .box_pla1 .box_txtarea {
	float: right;
	width: 306px;
	min-height: 136px;
	background: url(../images/home/bg_pla_txt1.png) no-repeat bottom left #fcfbf6;
	padding: 12px;
	font-size: 13px;
}
#contents .box_pack .con_pla .box_pla1 .box_txtarea .txt_tit {	
	background: url(../images/home/ic_pla1.png) no-repeat center left;
	min-height: 56px;
	padding: 10px 0 11px 85px;
	margin-bottom: 10px;
	text-decoration: underline;
}

/* No2 */
#contents .box_pack .con_pla .box_pla2 {
	width: 495px;
	background: url(../images/home/bg_pla2.png) repeat 0 0;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
#contents .box_pack .con_pla .box_pla2 .box_txtarea {
	float: right;
	width: 271px;
	min-height: 120px;
	background: url(../images/home/bg_pla_txt2.png) no-repeat bottom left #fcfbf6;
	padding: 5px 12px;
}
#contents .box_pack .con_pla .box_pla2 .box_txtarea .txt_tit {	
	background: url(../images/home/ic_pla2.png) no-repeat center left;
	min-height: 62px;
	padding: 10px 0 5px 85px;
	margin-bottom: 10px;
	text-decoration: underline;
}

/* No3 */
#contents .box_pack .con_pla .box_pla3 {
	width: 495px;
	background: url(../images/home/bg_pla3.png) repeat 0 0;
	padding: 10px;
	overflow: hidden;
}
#contents .box_pack .con_pla .box_pla3 .box_txtarea {
	float: right;
	width: 271px;
	min-height: 120px;
	background: url(../images/home/bg_pla_txt3.png) no-repeat bottom left #fcfbf6;
	padding: 5px 12px;
}
#contents .box_pack .con_pla .box_pla3 .box_txtarea .txt_tit {	
	background: url(../images/home/ic_pla3.png) no-repeat center left;
	min-height: 62px;
	padding: 10px 0 5px 85px;
	margin-bottom: 10px;
	text-decoration: underline;
}

/*	.con_cate
----------------------------------------------------*/
#contents .con_cate {
	background: url(../images/home/bg_cate.png) no-repeat 0 0;
	height: 525px;
}
#contents .con_cate ul {
	overflow: hidden;
	padding: 40px 40px 0 25px;
	width: 885px;
}
#contents .con_cate ul li {
	float: left;
	margin-left: 15px;
}