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

 file name  :zzz.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	スライダー
----------------------------------------------------------- */

/* Slider Style */
.pxs_container{
	width:100%;
	height: 510px;
	margin: -25px 0 0;
	position:relative;
	overflow:hidden;
}
.pxs_bg{
	background:transparent url(../images/bg.png) repeat top left;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:510px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	background-image:url(../images/slider/bg_1.jpg);
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	background-image:url(../images/slider/bg_2.png);
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	background-image:url(../images/bg3.png);
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:420px;
}
ul.pxs_slider li{
	height:420px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	margin:35px auto 0px auto;
}
ul.pxs_thumbnails{
	height:45px;
	width: 700px;
	margin: 445px auto 0;
	float: right;
}
ul.pxs_thumbnails li{
	float: left;
	display:block;
	margin: 0 0 0 10px;
	width: 130px;
}
ul.pxs_thumbnails li img{
	cursor:pointer;
	display:block;
	opacity:0.8;
}
ul.pxs_thumbnails li.selected img{
	opacity:0.9;
}
.pxs_navigation span{
	position:absolute;
	width:27px;
	height:80px;
	top:190px;
	cursor:pointer;
}
.pxs_navigation span:hover{
	opacity:0.9;
}
.pxs_navigation span.pxs_prev{
	background:#000 url(../images/slider/btn_prev.jpg) no-repeat center center;
}
.pxs_navigation span.pxs_next{
	background:#000 url(../images/slider/btn_next.jpg) no-repeat center center;
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}

/* -----------------------------------------------------------
	いちおし宿泊プラン
----------------------------------------------------------- */

.wrap_thumbnail{
	width: 1100px;
	margin: 0 auto;
}

.pickUpPlan{
	background: url(../images/home/bg_pickup.jpg) no-repeat;
	width: 347px;
	height: 125px;
	float: left;
	position: relative;
	z-index: 200;
	margin: 367px 0 0 30px;
	overflow: hidden;
}

.pickUpPlan .detail_pickUpPlan{
	float: left;
	width: 177px;
	padding: 50px 10px 0;
}

.pickUpPlan .detail_pickUpPlan .title_pickUpPlan a{
	color: #000;
}

.pickUpPlan .detail_pickUpPlan .price_pickUpPlan{
	background: #7a4b10;
	margin-top: 5px;
	padding:0 5px;
	color: #fff;
}

.pickUpPlan .img_pickUpPlan{
	width: 135px;
	height: 100px;
	padding: 15px 0 0 0;
	overflow: hidden;
}

/* -----------------------------------------------------------
	魅力
----------------------------------------------------------- */

#appeal{
	width: 1100px;
	margin: 50px auto;
	background: url(../images/home/bg_appeal.jpg) 0 52px no-repeat;
}

.appea01{
	width: 1100px;
	overflow: hidden;
}

.appea01 .con_appeal01{
	width: 744px;
	float: left;
	padding: 60px 0 0 50px;
}

.appea01 .box_appeal01{
	float: right;
	padding-top: 30px;
}

.txt_appeal01{
	width: 290px;
	margin: -60px 0 3px 220px;
}

.btn_appeal01{
	text-align: left;
}

.wrap_appeal{
	width: 1100px;
	overflow: hidden;
}

.appeal02{
	padding: 25px 0 0;
	width: 740px;
	float: left;
}

.appeal02 p{
	padding: 0 0 15px;
}

.txt_appeal02{
	width: 450px;
	padding: 0 0 15px 10px;
}

.appeal03{
	float: left;
	padding: 60px 0 0;
}

.txt_appeal03{
	width: 450px;
	margin: 0 0 20 0px;
	padding: 0 0 15px 10px;
}

h3{
	padding-top: 40px;
}

h4{
	padding-top: 60px;
}


/* -----------------------------------------------------------
	おすすめプランベスト3
----------------------------------------------------------- */

.planBest3{
	background: #FFF;
	width: 744px;
	border-top: 3px solid #f2efdf;
	border-right: 3px solid #f2efdf;
	border-left: 3px solid #f2efdf;
	margin: 30px auto 0;
	padding: 0 20px;
}

.con_best3{
	border-bottom: 1px dotted #c3b48d;
	width: 744px;
	min-height: 190px;
	overflow: hidden;
	padding: 20px 0;
}

.con_best3.end{
	border-bottom: none;
}

.img_best3{
	width: 250px;
	margin: 0 30px 0 0;
	float: left;
	position: relative;
}

.imgPlan1{
	border: 5px solid #d6c17e;
	max-height: 180px;
	overflow: hidden;
}
.imgPlan2{
	border: 5px solid #b9b8b8;
	max-height: 180px;
	overflow: hidden;
}
.imgPlan3{
	border: 5px solid #c89476;
	max-height: 180px;
	overflow: hidden;
}

.ic_no{
	position: absolute;
	top: 0;
}

.detail_best3{
	width: 464px;
	float: left;
}

.detail_best3 h5{
	background: url(../images/home/ic_best3.jpg) 0 7px no-repeat;
	padding-left: 20px;
	margin: 0 0 10px;
	font-size: 116%;
}

.detail_best3 .price_best3{
	margin: 10px 0;
	font-weight: bold;
	font-size: 116%;
	color: #bb2128;
}

.detail_best3 ul{
	overflow: hidden;
	width: 464px;
}

.detail_best3 ul li{
	float: left;
	margin: 0 10px 0 0;
}

.point_best1{
	width: 464px;
	background: #ece3c4;
	margin: 15px 0 0;
}

.point_best2{
	width: 464px;
	background: #b9b8b8;
	margin: 15px 0 0;
}

.point_best3{
	width: 464px;
	background: #c89476;
	margin: 15px 0 0;
}

.txt_point_best3{
	float: left;
	padding: 5px 10px;
	width: 357px;
}

.ic_point_best3{
	float: right;
	width: 87px;
	margin: -20px 0 0;
}

.btn_planAll{
	background: url(../images/home/bg_planAll.jpg);
	width: 790px;
	height: 101px;
	text-align: center;
}

/* -----------------------------------------------------------
	目的から宿泊プランを探す
----------------------------------------------------------- */

.plan_purpose{
	width: 790px;
	overflow: hidden;
	margin: 20px 0 0;
}

.plan_purpose li{
	background: url(../images/home/bg_purpose.jpg) no-repeat;
	width: 250px;
	height: 256px;
	float: left;
	margin: 0 20px 20px 0;
}

.plan_purpose li.n3{
	margin: 0 0 20px 0;
}


.plan_purpose li h5{
	background: url(../images/home/ic_purpose_.jpg) no-repeat 0 3px;
	padding-left: 20px;
	margin: 15px 0 0 20px;
}
.img_purpose{
	text-align: center;
	padding: 15px 0;
}

.img_purpose img{
	width: 210px;
	height: 158px;
	overflow: hidden;
}

.price_purpose{
	padding-left: 20px;
	font-weight: bold;
	color: #bb2128;
}

/* -----------------------------------------------------------
	団体・グループでの～
----------------------------------------------------------- */

.group h4{
	padding-top: 40px;
}

.btn_group{
	background: url(../images/home/bg_phone.jpg) no-repeat;
	height: 93px;
}

.btn_group ul{
	overflow: hidden;
	padding: 10px 0 0 35px;
}

.btn_group ul li{
	float: left;
}

/* -----------------------------------------------------------
	新着情報
----------------------------------------------------------- */

.wrap_news_fb{
	width: 790px;
	overflow: hidden;
}

.news{
	width: 385px;
	float: left;
	margin: 0 20px 0 0;
}

.con_news{
	background: url(../images/home/bg_news.jpg) repeat-y;
}

.box_news{
	width: 345px;
	margin: 0 auto;
	padding: 20px 0;
	margin: 0 auto;
	border-bottom: 1px dotted #c3b48d;
}

.box_news.end{
	border-bottom: none;
}

.wrap_date{
	width: 345px;
	overflow: hidden;
	margin: 0 0 15px;
}

.cat_news{
	float: left;
	margin: 0 10px 0 0;
}

.date_news{
	float: left;
}

.btn_newsAll{
	background: url(../images/home/bg_newsBottom.jpg)no-repeat;
	padding: 20px 0 0 10px;
}

.facebook{
	width: 385px;
	float: left;
	margin: 57px 0 0 ;
	background: #FFF;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}