@charset "UTF-8";
/*----------------------------------------------------
	Nav
----------------------------------------------------*/
/*----------------------------------------------------
	layout レイアウト
----------------------------------------------------*/
/*----------------------------------------------------
	color カラーセッティング
----------------------------------------------------*/
/*----------------------------------------------------
	font-family フォント
----------------------------------------------------*/
/*----------------------------------------------------
	shadow-box ボックスに影をつける
----------------------------------------------------*/
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/* -----------------------------------------------------------
	.main
		メインイメージ
----------------------------------------------------------- */
.main {
  margin-bottom: 30px;
  overflow: hidden;
}
.main .con_flash {
  width: 950px;
  height: 535px;
  background: url(../images/home/slide_bg.jpg) top center no-repeat;
}

/*----------------------------------------------------
	.wrp_point	選んで安心高知ホテル4つのポイント
----------------------------------------------------*/
.wrp_point {
  margin-bottom: 80px;
}
.wrp_point .st {
  margin-bottom: 30px;
}
.wrp_point .con_point {
  width: 950px;
  margin: 0px auto 50px;
  overflow: hidden;
  *zoom: 1;
}
.wrp_point .con_point .box_point {
  float: left;
  position: relative;
  width: 226px;
  margin-left: 15px;
}
.wrp_point .con_point .box_point.first {
  margin-left: 0;
}
.wrp_point .con_point .box_point .img {
  width: 100%;
  height: 425px;
  margin-bottom: 10px;
}
.wrp_point .con_point .box_point .img.rooms {
  background: url(../images/home/poi_img01.jpg) top right no-repeat;
}
.wrp_point .con_point .box_point .img.access {
  background: url(../images/home/poi_img02.jpg) top right no-repeat;
}
.wrp_point .con_point .box_point .img.facilities {
  background: url(../images/home/poi_img03.jpg) top right no-repeat;
}
.wrp_point .con_point .box_point .img.sightseeing {
  background: url(../images/home/poi_img04.jpg) top right no-repeat;
}
.wrp_point .con_point .box_point .img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/*----------------------------------------------------
	.wrp_plan	お勧めの宿泊プラン
----------------------------------------------------*/
.wrp_plan {
  margin-bottom: 80px;
}
.wrp_plan .st {
  margin-bottom: 30px;
}
.wrp_plan .con_plan {
  width: 950px;
  margin: 0px auto 50px;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
}
.wrp_plan .con_plan .box_bn01 {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.wrp_plan .con_plan .box_bn01 .man {
  position: absolute;
  top: -72px;
  left: -90px;
  z-index: 5;
}
.wrp_plan .con_plan .box_bn02 {
  width: 950px;
  overflow: hidden;
  margin-bottom: 15px;
}
.wrp_plan .con_plan .box_bn02 li {
  float: left;
  margin-left: 30px;
}
.wrp_plan .con_plan .box_bn02 li:first-child {
  margin-left: 0;
}
.wrp_plan .con_plan .box_bn03 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.wrp_plan .con_plan .box_bn03 li {
  float: left;
  margin-left: 30px;
}
.wrp_plan .con_plan .box_bn03 li p {
  display: none;
}
.wrp_plan .con_plan .box_bn03 li:first-child {
  margin-left: 0;
}
.wrp_plan .con_plan .box_bn04 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.wrp_plan .con_plan .box_bn04 li {
  float: left;
  margin-left: 31px;
}
.wrp_plan .con_plan .box_bn04 li p {
  display: none;
}
.wrp_plan .con_plan .box_bn04 li:first-child {
  margin-left: 0;
}

/*----------------------------------------------------
	.wrp_images	ホテルイメージ
----------------------------------------------------*/
.wrp_images {
  margin-bottom: 80px;
}
.wrp_images .st {
  width: 100%;
  margin-bottom: 30px;
}
.wrp_images .con_images {
  width: 100%;
  margin-bottom: 30px;
}
.wrp_images .btn_plan {
  width: 311px;
  margin: 0 auto;
}

/*----------------------------------------------------
	.wrp_map 周辺マップ
----------------------------------------------------*/
.wrp_map {
  margin-bottom: 80px;
  overflow: hidden;
}
.wrp_map .st {
  margin-bottom: 30px;
}
.wrp_map .box_map {
  float: left;
  width: 590px;
  margin-right: 20px;
}
.wrp_map .box_movie {
  float: left;
  padding: 32px 9px 10px;
  background: #f4eeed;
}
.wrp_map .box_movie .st_movie {
  margin-bottom: 25px;
  text-align: center;
}