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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	上部レイアウト
----------------------------------------------------*/
/*	.con_event		イベントバナー（CMSと連動）
----------------------------------------------------------- */
#homepage .bg_wrp02 #main_slide {
	z-index: 10;
	background: url(../images/home/bg_main1.jpg) top center no-repeat;
	min-height: 980px;
}

#homepage .bg_wrp02 #main_slide .contents {
	padding-top: 35px;
}

#homepage .bg_wrp02 #main_slide .contents .con_event {
	width: 263px;
	border: 1px solid #30420e;
	margin: 0 0 0 660px;
	background: url(../images/home/bg_hom_event.jpg) right top no-repeat;
	position: relative;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .ic_start,
#homepage .bg_wrp02 #main_slide .contents .con_event .ic_notice,
#homepage .bg_wrp02 #main_slide .contents .con_event .ic_end {
	position: absolute;
	top: -15px;
	left: -30px;
	z-index: 300;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner {
	color: #fff;
	padding: 27px 9px 12px;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner .photo {
	margin-bottom: 10px;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner h3 {
	font-size: 110%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: url(../images/home/bg_hom_event_line.png) 0 bottom repeat-x;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner dl {
	margin-bottom: 5px;
	overflow: hidden;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner dl dt {
	color: #fff;
	background: #2F4504;
	float: left;
	padding: 3px 5px;
	margin-right: 10px;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner dl dd {
	margin-top: 3px;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner p.txt {
	padding: 0 5px;
	margin-bottom: 10px;
}

#homepage .bg_wrp02 #main_slide .contents .con_event .inner p.btn {
	text-align: center;
}

/* 開催終了時のclass（バナーは非表示・高さのみ残す） */
#homepage .bg_wrp02 .contents .con_event_end {
	height: 423px;
	visibility: hidden;
}

/*	イントロ部分
----------------------------------------------------------- */
#homepage .bg_wrp02 .contents h2 {
	margin-top: -30px;
}

#homepage .bg_wrp02 .contents .con_hom_intro {
	background: url(../images/common/bg_wrp03.jpg) 0 0 repeat;
	margin-bottom: 40px;
	padding: 5px 0 20px 10px;
	overflow: hidden;
}

#homepage .bg_wrp02 .contents .con_hom_intro dl {
	float: left;
	width: 270px;
	padding: 0 20px;
	background: url(../images/home/bg_intro_line.gif) left 20px no-repeat;
}

#homepage .bg_wrp02 .contents .con_hom_intro dl dt {
	margin-bottom: 10px;
}

#homepage .bg_wrp02 .contents .con_hom_intro dl dd a {
	display: block;
	margin-top: 10px;
	text-align: right;
}

#homepage .bg_wrp02 .contents .con_hom_intro dl:first-child {
	background: none;
}

/*	.bn_lnk_kumano		熊野古道バナー
----------------------------------------------------------- */
#homepage .bg_wrp02 .contents .bn_lnk_kumano {
	width: 920px;
	margin: 0 auto 60px;
	padding-bottom: 60px;
}

#homepage .bg_wrp02 .contents .bn_lnk_kumano img.wifi{
	width:520px;
	height:95px;
	margin:40px auto 0 auto;
	display:block;
}

/*----------------------------------------------------
	.con_search		空室検索
----------------------------------------------------*/
#homepage .con_search {
	width: 920px;
	margin: 0 auto 50px;
}

#homepage .con_search .box_search {
	background: url(../images/home/bg_search.png) 0 top repeat-y;
	border: 1px solid #97a982;
	margin-bottom: 10px;
	padding: 15px 17px 15px 12px;
	overflow: hidden;
}

#homepage .con_search .box_search form h4 {
	float: left;
	width: 155px;
	margin-top: 35px;
}

#homepage .con_search .box_search form .wrp_form {
	float: left;
	width: 565px;
}

#homepage .con_search .box_search form .wrp_form .box_top {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #97a982;
}

#homepage .con_search .box_search form .wrp_form .box_top dl {
	float: left;
	padding-right: 20px;
}

#homepage .con_search .box_search form .wrp_form .box_top dl dt {
	margin-bottom: 7px;
}

#homepage .con_search .box_search form .wrp_form .box_top dl dt img {
	vertical-align: bottom;
}

#homepage .con_search .box_search form .wrp_form .box_bot {
	overflow: hidden;
}

#homepage .con_search .box_search form .wrp_form .box_bot dl {
	float: left;
	padding-right: 25px;
	overflow: hidden;
}

#homepage .con_search .box_search form .wrp_form .box_bot dl dt {
	margin-bottom: 7px;
}

#homepage .con_search .box_search form .wrp_form .box_bot dl dt img {
	vertical-align: bottom;
}

#homepage .con_search .box_search form .wrp_form .box_bot dl dd {
	float: left;
	padding-right: 15px;
}

#homepage .con_search .box_search form .btn_search {
	float: right;
	width: 149px;
	margin-top: 30px;
}

#homepage .con_search ul {
	overflow: hidden;
}

#homepage .con_search ul li {
	float: left;
	padding-right: 11px;
}

#homepage .con_search ul .last {
	padding-right: 0;
}

/*----------------------------------------------------
	.con_package		プラン部分
----------------------------------------------------*/
#homepage .con_package {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
}

#homepage .con_package .box_special {
	float: left;
	width: 350px;
	margin-top: 5px;
	position: relative;
	border: 1px solid #d3baa8;
	background: #fbfaf8 url(../images/home/bg_hom_special.jpg) -5px bottom no-repeat;
}

#homepage .con_package .box_special:hover {
	cursor: pointer;
}

#homepage .con_package .box_special:hover p.photo {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#homepage .con_package .box_special .ic_special {
	position: absolute;
	top: -5px;
	left: 8px;
	z-index: 200;
}

#homepage .con_package .box_special p.photo {
	text-align: center;
	height: 225px;
	background: #EBEAE5;
	overflow: hidden;
}

#homepage .con_package .box_special h4 {
	background: #DFC0AB;
	padding: 10px 25px;
}

#homepage .con_package .box_special h4 a {
	color: #470d06;
	font-weight: bold;
}

#homepage .con_package .box_special .txt {
	padding: 15px 35px 0 25px;
	word-wrap: break-word;
}

#homepage .con_package .box_special dl {
	padding: 10px 25px 15px;
	overflow: hidden;
}

#homepage .con_package .box_special dl dt {
	float: left;
	background: #DFC0AB;
	padding: 3px 8px;
	margin-right: 10px;
}

#homepage .con_package .box_special dl dd {
	margin-top: 2px;
	font-size: 120%;
}

#homepage .con_package .box_pac_bn {
	float: right;
	margin-top: 5px;
	width: 550px;
	overflow: hidden;
}

#homepage .con_package .box_pac_bn li {
	float: left;
	padding-left: 10px;
	margin-bottom: 10px;
}

/*----------------------------------------------------
	.con_other		新着情報、バナー、facebbok
----------------------------------------------------*/
#homepage .con_other {
	width: 920px;
	margin: 0 auto;
	padding: 60px 0 80px;
	overflow: hidden;
}

#homepage .con_other .con_news {
	float: left;
	width: 365px;
	height: 433px;
	background: url(../images/home/bg_hom_news.jpg) 0 top no-repeat;
	padding-right: 16px;
}

#homepage .con_other .con_news h3 {
	padding: 15px 10px 15px;
}

#homepage .con_other .con_news .inner {
	padding: 0 15px 15px 15px;
	margin-bottom: 13px;
	overflow: auto;
	width: 315px;
	height: 295px;
}

#homepage .con_other .con_news .inner dl {
	padding: 10px 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ced9c3;
}

#homepage .con_other .con_news .inner dl:hover {
	cursor: pointer;
	background: #e6ece1;
}

#homepage .con_other .con_news .inner dl dt {
	margin-bottom: 10px;
}

#homepage .con_other .con_news .inner dl dt span {
	padding: 2px 10px;
	margin-right: 10px;
}

#homepage .con_other .con_news .inner dl dt span.date {
	color: #fff;
	background: #282828;
}

#homepage .con_other .con_news .inner dl dt span.cate_event {
	color: #ec6941;
	font-weight: bold;
	border: 1px solid #ec6941;
	background: #fff4f1;
}

#homepage .con_other .con_news .inner dl dt span.cate_news {
	color: #81511c;
	font-weight: bold;
	border: 1px solid #81511c;
	background: #f1e9e0;
}

#homepage .con_other .con_news .inner dl dd {
	padding: 0 5px 0 10px;
}

#homepage .con_other .con_news p {
	text-align: right;
	padding-right: 20px;
}

#homepage .con_other .con_banner {
	float: left;
	width: 220px;
}

#homepage .con_other .con_banner li {
	margin-bottom: 15px;
}

#homepage .con_other .con_facebook {
	float: right;
	width: 300px;
	background: #fff;
}