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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	.pnav	ページナビ
----------------------------------------------------*/
.pnav {
  overflow: hidden;
  background: url(../hotel/images/bg_pnav.jpg) no-repeat 0 0;
  padding: 50px 0 80px;
  width: 960px;
  margin: 45px auto;
}
.pnav h3 {
  text-align: center;
}
.pnav ul {
  width: 900px;
  margin: 30px auto 0;
  overflow: hidden;
}
.pnav ul li {
  width: 210px;
  float: left;
  margin: 0 15px 0 0;
}
.pnav ul li.list {
  margin: 0;
}

/*----------------------------------------------------
	.con_roo	客室
----------------------------------------------------*/
.con_roo {
  margin: 45px auto 0;
  overflow: hidden;
  width: 960px;
}
.con_roo h3 {
  text-align: center;
  margin: 0;
}
.con_roo .box_slider {
  width: 960px;
  margin: 20px auto 0;
  position: relative;
}
.con_roo .box_slider .thum_slide {
  right: 0;
}
.con_roo .box_slider .thum_slide {
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  right: 20px;
  margin: 0 0 20px;
  z-index: 100;
}
.con_roo .box_slider .thum_slide a {
  height: 0;
  padding-top: 47px;
  overflow: hidden;
  display: block;
  float: left;
  width: 47px;
  margin-left: 10px;
}
.con_roo .box_slider #bx-pager_01 .pager-1 {
  background: url(../hotel/images/thumb_01.png) no-repeat 0 0;
}
.con_roo .box_slider #bx-pager_01 .pager-2 {
  background: url(../hotel/images/thumb_02.png) no-repeat 0 0;
}
.con_roo .box_slider #bx-pager_01 .pager-3 {
  background: url(../hotel/images/thumb_03.png) no-repeat 0 0;
}
.con_roo .box_slider #bx-pager_01 a.active {
  background-position: 0 -47px;
}
.con_roo .box_roo {
  overflow: hidden;
  clear: both;
  margin: 30px 0 0;
}
.con_roo .box_roo h4 {
  width: 332px;
  float: left;
}
.con_roo .box_roo .txt {
  width: 595px;
  float: right;
  padding: 15px 0 0;
}
.con_roo .box_roo_oth {
  width: 450px;
  margin: 30px 0;
}
.con_roo .box_roo_oth .img_pho {
  margin: 0;
}
.con_roo .box_roo_oth h4 {
  margin: 30px 0 0;
}
.con_roo .box_roo_sig {
  clear: both;
}
.con_roo .box_roo_sig .img_pho {
  margin: 0;
}
.con_roo .box_roo_sig h4 {
  margin: 0;
  text-align: center;
}

/*----------------------------------------------------
	.con_res	レストラン
----------------------------------------------------*/
.con_res {
  margin: 45px auto 0;
  overflow: hidden;
  width: 960px;
}
.con_res h3 {
  text-align: center;
  margin: 0;
}
.con_res .box_res_01 {
  margin: 45px 0 30px;
  padding: 0 0 200px;
  background: url(../hotel/images/bg_res_01.jpg) no-repeat 0 0;
}
.con_res .box_res_01 .wrp_res {
  width: 354px;
  margin: 0 0 0 auto;
}
.con_res .box_res_01 .wrp_res h4 {
  margin: 0 0 20px;
}
.con_res .box_res_02 {
  margin: 45px 0 0;
  overflow: hidden;
  clear: both;
}
.con_res .box_res_02 .wrp_res {
  width: 329px;
  float: left;
  padding: 20px 0 0;
}
.con_res .box_res_02 .wrp_res h4 {
  margin: 0 0 20px;
}
.con_res .box_res_02 .img_pho {
  width: 618px;
  float: right;
}
.con_res .box_res_03 {
  width: 300px;
  float: left;
  margin: 45px 30px 0 0;
  float: left;
}
.con_res .box_res_03.last {
  margin: 45px 0 0;
}
.con_res .box_res_03 h4 {
  margin: 15px 0 0;
}

/*----------------------------------------------------
	.con_ban 宴会
----------------------------------------------------*/
.con_ban {
  margin: 45px auto 0;
  overflow: hidden;
  width: 960px;
}
.con_ban h3 {
  text-align: center;
  margin: 0;
}
.con_ban .img_pho {
  margin: 45px 0 0;
}
.con_ban .box_ban {
  overflow: hidden;
  clear: both;
  margin: 30px 0;
}
.con_ban .box_ban h4 {
  width: 340px;
  float: left;
}
.con_ban .box_ban .txt {
  width: 595px;
  float: right;
  padding: 0 0 0;
}
.con_ban .box_ban_oth {
  width: 450px;
}
.con_ban .box_ban_oth h4 {
  margin: 15px 0 0;
}

/*----------------------------------------------------
	.con_oth 
----------------------------------------------------*/
.con_oth {
  margin: 45px auto 0;
  overflow: hidden;
  width: 960px;
}
.con_oth h3 {
  text-align: center;
  margin: 0;
}
.con_oth .box_oth {
  margin: 45px 0 0;
  background: url(../hotel/images/bg_oth_01.jpg) no-repeat 0 0;
  padding: 0 0 200px;
}
.con_oth .box_oth h4 {
  width: 353px;
  margin: 0 0 0 auto;
}