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

 file name  : homepage.css
 author     : Ability Consultant
style info  : トップページページ
=================================================================== */
html{
	background: url(../images/common/bg_page.jpg) repeat 0px 0px;
}
body{
	background: url(../images/home/bg_top.jpg) no-repeat 0px 0px !important;
}

.raku{
	width: 950px;
	height: 235px;
	margin: 0 auto;
	background: #8C9F81;
	text-align: center;
}
#homepage #page{
	padding: 20px 0 0 0; 
}
/* -----------------------------------------------------------
	top header
----------------------------------------------------------- */
#homepage #header{
	width: 950px;
	overflow: hidden;
}

/* -----------------------------------------------------------
	#flash部分
----------------------------------------------------------- */
#homepage #header .con_flash {
	width: 780px;
	height: 626px;
	float: left;
	background: url(../images/home/img_main.jpg) no-repeat 0px 0px;
	margin: 0 0 10px;
}

/*	gnav 背景設定
----------------------------------------------------------- */
#homepage #header .wrp_gnav {
	width: 170px;
	padding: 55px 0 0;
	height: 571px;
	background: url(../images/home/bg_top_gnav.jpg) no-repeat 0px 0px;
	float: right;
}

/* 予約・検索
------------------------------------------------------------ */
#homepage #header .con_rsrv{
	clear: both;
	width: 840px;
	height: 64px;
	margin: 0 auto 70px;
	padding: 3px 3px 0px 3px;
	overflow: hidden;
	background: url(../images/home/bg_rsrv.jpg) repeat-x 0px 0px;
	border: 2px solid #d2c99b;
}
#homepage #header .con_rsrv li{
	float: left;
	margin-right: 55px;
}
#homepage #header .con_rsrv li.txt_tel{
	padding: 13px 0 0;
	margin-right: 65px
}
#homepage #header .con_rsrv li.btn_pla{
	width: 204px;
	margin: 8px 0 0 0;
}
/*#homepage #header .con_rsrv li.btn_air{
	margin: 8px 0 0; 
}*/

/* contents 
--------------------------------------------------------------*/
#homepage .con_app,
#homepage .con_pla,
#homepage .img_hos,
#homepage .con_oth{
	margin-bottom: 68px;
}


/* 魅力
------------------------------------------------------------ */
#homepage .con_app h3{
	text-align: center;
	margin: 0 0 20px;
}
#homepage .con_app ul{
	width: 950px;
	overflow: hidden;
	background: url(../images/home/bg_app.png) no-repeat center 95px;
}
#homepage .con_app ul li{
	width: 284px;
	float: left;
	margin-right: 45px;
}
#homepage .con_app ul li.app_side{
	padding: 28px 0 0;
}
#homepage .con_app ul li.last{
	margin-right: 0;
}
/* おすすめ宿泊プラン
------------------------------------------------------------ */
#homepage .con_pla{
	position: relative;
}
#homepage .con_pla .btn_rec_pla{
	position: absolute;
	top: 20px;
	right: 10px;
}
#homepage .con_pla .box_pla{
	width: 894px;
	height: 429px;
	padding: 20px 28px 0;
	background: url(../images/home/bg_rec_pla.jpg) no-repeat 0px 0px;
	overflow: hidden;
}
#homepage .box_pla .plan_area{
	background: #fff;
	padding: 15px 28px 22px;
	border: 1px solid #e2d1b9;
	overflow: hidden;
}
#homepage .box_pla .plan_area .sst_pla{
	padding: 0 0 10px;
}
#homepage .box_pla .plan_area .plan_link{
	font-weight: bold;
	padding: 10px 0 8px;
}
#homepage .box_pla .plan_area .txt_pri{
	width: 198px;
	padding: 3px 0;
	border: 1px solid #9a5b62;
	color: #023104;
}
#homepage .box_pla .plan_area .txt_pri span{
	color: #fff;
	background: #9a5b62;
	padding: 3px 8px;
	margin: 0 5px 0 0;
}
/*左側*/
#homepage .box_pla .box_l{
	width: 270px;
	float: left;
}
#homepage .box_pla .box_l .txt_pri{
	margin-top: 8px;
}
/*右側*/
#homepage .box_pla .box_r{
	width: 544px;
	float: right;
}
#homepage .box_pla .box_r .plan_area{
	padding: 31px 28px;
	margin: 0 0 22px;
}
#homepage .box_pla .box_r .area_last{
	margin: 0;
}
#homepage .box_pla .box_r .txt_plan{
	width: 245px;
	float: right;
}
#homepage .box_pla .box_r .img_pho{
	width: 213px;
	float: left;
}
/* アクセス
------------------------------------------------------------ */
#homepage .con_oth .con_acc{
	width: 459px;
	float: left;
	position: relative;
	margin: 0 0 22px;
}
#homepage .con_acc .btn_acc{
	position: absolute;
	bottom: 20px;
	left: 145px;
}
/* お客様の声
------------------------------------------------------------ */
#homepage .con_oth .con_rev{
	width: 460px;
	float: right;
	padding: 12px 0 3px 0;
	font-size: 12px;
	background: url(../images/home/img_rev_line.jpg) no-repeat left bottom; 
}
#homepage .con_rev .box_rev{
	padding: 0 30px 20px;
	height: 402px;
	background: url(../images/home/bg_rev.jpg) repeat-y 0px 0px;	
}
#homepage .box_rev .rev_area{
	padding: 0 0 15px;
	margin:  0 0 14px;
	background: url(../images/home/bottom_line.gif) no-repeat left bottom;
}
#homepage .box_rev .rev_area .p_data{
	margin: 0 0 7px;
	background: url(../images/home/ic_sta.png) no-repeat 76px 3px;
}
#homepage .box_rev .rev_area .p_data span{
	color: #fff;
	background: #385539;
	padding: 0 5px;
}
#homepage .box_rev .rev_last{
	background: none;
	margin: 0;
	padding-bottom: 20px;
}
#homepage .box_rev .btn_rev{
	text-align: center;
}
/* バナー
------------------------------------------------------------ */
#homepage .con_oth .bn_area{
	clear: both;
	overflow: hidden;
}
#homepage .con_oth .bn_area li{
	float: left;
	margin-right: 10px;
}
#homepage .con_oth .bn_area li.last{
	margin-right: 0;
}