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

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #333333;
	font-size: 12px;
	font-family: Verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

.movie1 {
	width: 100%;
	cursor: pointer;
}

.TA_cdsscrollingravewide {margin-bottom: 10px;}
#TA_cdsscrollingravewide688 #CDSSCROLLINGRAVE {width: 95%; margin: 0 auto; box-sizing:border-box; /* box-shadow: 2px 2px 10px 0 #585858; */}

.shadow1 img{ box-shadow: 5px 5px 10px 0 #c3c3c3;}

.gnav_con{position: relative; height: 47px;}
/*.stay_nav{position: relative;}*/
.gnav_con.on:before {content: ''; position: absolute; border: 10px solid transparent; border-bottom: 10px solid rgba(85,61,48,.9);}

.stay_nav.on:before {bottom: 0; left: 29px;}
.hotspring_nav.on:before {bottom: 0; left: 21px;}
.restaurant_nav.on:before {bottom: 0; left: 29px;}
.activity_nav.on:before {bottom: 0; left: 40px;}
.wedding_nav.on:before {bottom: 0; left: 40px;}
.mice_nav.on:before {bottom: 0; left: 29px;}
.access_nav.on:before {bottom: 0; left: 29px;}

#gnav .mega_menu{position: fixed; width: 100%; background-color: rgba(85,61,48,.9); top: 94px; left: 0; padding: 15px 0; display: none; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.mega_menu_con { width: 955px; background-color: #fff; margin:0 auto; box-sizing: border-box; padding: 20px;}

#gnav .mega_menu_con li {float: none;}

#gnav .mega_menu_con .mega_ttl_con{border-right:1px solid #553d30; width: 250px; background-color: #fff; text-align: center; float: left; box-sizing: border-box; padding:40px 0;}

#gnav .mega_menu_con .mega_link_con1{border-right:1px solid #553d30; width: 300px; background-color: #fff; padding: 15px 0; float: left;}

#gnav .mega_menu_con .mega_link_con2{ width: 300px; background-color: #faefdf; padding: 25px 0; float: left; margin-top: 15px; margin-left: 25px; display: none;}

#gnav .mega_link_con1 a{text-decoration: none; font-size: 15px; color:#26160b; display: block; padding: 10px 30px 10px 40px;}
#gnav .mega_link_con2 a{text-decoration: none; font-size: 15px; color:#26160b; display: block; padding: 0 0 0 50px; margin-bottom: 20px;}

.sub_con a{ transition: .4s background-color ease; }
/*.sub_con a:hover{ background-color: #faefdf; }*/
.sub_con.on a{ background-color: #faefdf; }

.center_con a,.right_con a{transition: .3s opacity ease-in-out;}
.center_con a:hover,.right_con a:hover{ opacity: .6; }

.mega_ttl_ja{font-size: 17px; color:#1f1209; margin-bottom: 10px;}
.mega_ttl_en{font-size: 15px; color:#8e6c52; margin-bottom: 20px;}

.list_link1 {margin-bottom: 30px;}
.list_link2 {margin-bottom: 0;}
.list_link3 span {position: relative;}
.list_link3 span:before { content: ''; position: absolute; top: 8px; left: -10px; width: 4px; height: 1px; background-color: #26160b;}

/* #activity_type_con {position: relative; top: 190px;} */

.arrow1{position: relative;}
.arrow1:after{position: absolute; content: ''; top: 15px; right: 20px; border:solid 5px transparent; border-left: solid 5px #26160b;}

/*.list_link1 li {margin-bottom: 15px;}
.list_link2 li {margin-bottom: 15px;}*/

.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.over2{-webkit-transition:opacity 0.5s ease-in-out;
transition:opacity 0.5s ease-in-out;}
.over2:hover{opacity:0.6;}

a:link {color: #91211a; text-decoration: underline;}

a:visited {color: #91211a; text-decoration: underline;}

a:hover {color: #91211a; text-decoration: none; }

a:active {color: #91211a; text-decoration: underline;}

/* jquery.fittedのホバー設定 */
.hovered {
	cursor: pointer;
	background-color: #666;
}

.fit {
	width: 100%;
	height: auto;
}

.nosumaho {
	display: block;
}

	@media screen and (max-width: 800px) {
	.nosumaho {
		display: none;
	}
}

/*footer snsicon*/
.footer_right_contents { float: right;}
.sns_icon_btns { float: right; }
.sns_icon_btns li{ float: left; }
.sns_icon_btns .sns_icon { display: block; }
.sns_icon_btns .facebook_btn,.sns_icon_btns .instagram_btn,.sns_icon_btns .twitter_btn { width: 40px; height: 40px; }
.sns_icon_btns .youtube_btn {width: 42px; height: 40px;}

.sns_icon_btns a { -webkit-transition: .3s opacity ease-in-out; transition: .3s opacity ease-in-out; }
.sns_icon_btns a:hover { opacity: .7; }

.sns_icon_btns .facebook_btn { background: url(../common/img/footer_sns_icon/facebook.png);background-size: cover; margin-right: 15px;}
.sns_icon_btns .instagram_btn { background: url(../common/img/footer_sns_icon/instagram.png);background-size: cover; }
.sns_icon_btns .twitter_btn { background: url(../common/img/footer_sns_icon/twitter.png);background-size: cover; margin-right: 15px;}
.sns_icon_btns .youtube_btn { background: url(../common/img/footer_sns_icon/youtube.png);background-size: cover; margin-right: 15px;}

.snsIconTxt1 { margin-top: 15px; }
.snsIconTxt a {display: block; transition: .5s opacity ease-out;}
.snsIconTxt a:hover {opacity: .6;}
.snsIconTxt li {margin-right: 20px; float: left;}
.snsIconTxt li.IconTxt_instagram {margin-right: 5px;}
.snsIconTxt li:last-of-type {margin-right: 0;}

.IconTxt_youtube a{width: 83px; height: 25px; background: url('../images/home/footer/sns/youtube.png')no-repeat;}
.IconTxt_facebook a{width: 76px; height: 25px; background: url('../images/home/footer/sns/facebook.png')no-repeat;}
.IconTxt_twitter a{width: 81px; height: 25px; background: url('../images/home/footer/sns/twitter.png')no-repeat;}
.IconTxt_instagram a{width: 25px; height: 25px; background: url('../images/home/footer/sns/instagram/logo.png')no-repeat; margin:0 auto;}
.IconTxt_instagramTxt{width: 59px; height: 25px; background: url('../images/home/footer/sns/instagram/txt.png')no-repeat;}

.snsIconTxt_contents span {color:#898989; font-weight: normal; letter-spacing: -1px; font-size: 9px;}


/* .IconTxt_instagram_hotel span { padding: 0 0 0 13px; }
.IconTxt_instagram_popora span { padding: 0 0 0 5px; } */

.IconTxt_instagram span {display: block; text-align: center;}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* clearfix */
#hoge:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.box_l { float: left; }
.box_r { float: right; }
/* instagram */
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-24 { width: 24px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-24@2x.png); background-size: 60px 178px; } }
/*----------------------------------------------------
	#page

----------------------------------------------------*/
#page {
	width: 100%;
	text-align: left;
}

/* -----------------------------------------------------------
	#header	ヘッダー
----------------------------------------------------------- */
#header_wrap {
	width: 100%;
	background: #FFF url(../images/header/bg_hea.png) repeat-x center top;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1500;
	/*height: 94px;*/
}
#header_wrap #header {
	width: 955px;
	margin: 6px auto 0;
	/*padding: 5px 0 0;*/
	position:relative;
	background-color: #fff;
}
.s_header #header {
	padding: 10px 0 10px!important;
	overflow: hidden;
}
#header_wrap #header .header_inner {
	width: 330px;
	overflow: hidden;
	float: left;
}
#header_wrap #header .logo {
	float: left;
	margin: 15px 7px 0 0;
}
.s_header #header .logo {
	width: 138px!important;
	float: left;
	margin: 0 10px 0 0!important;
}
.s_header #header .logo img {
	width: 138px !important;
}
#header_wrap #header .box_menu {
	float: left;
	width: 790px;
}
.s_header #header .box_menu {
	overflow: hidden;
	float: left;
	width: 777px;
}
#header_wrap #header .box_menu .img_tel {
	width: 154px;
	float: left;
	margin: 10px 0 0 0;
}
.s_header #header .box_menu .img_tel {
	width: 138px;
	height: 38px;
	float: left;
	overflow: hidden;
	position: relative;
	-ms-interpolation-mode: bicubic;
}
.s_header #header .box_menu .img_tel img {
	position: absolute;
	bottom: 0;
	-ms-interpolation-mode: bicubic;
}
#header_wrap #header .box_menu .hnav {
	float: right;
	margin: 0 0 12px;
}
#header_wrap #header .box_menu .hnav li {
	float: left;
	margin-right: 15px;
}
#header_wrap #header .box_menu .hnav li:last-of-type {
	margin-right: 0;
}
#header_wrap #header .box_menu .hnav li.nav {
	margin: 10px 10px 0 0;
}
.s_header #header .box_menu .hnav {
	display: none;
}
/* #gnav 	グローバルナビ
----------------------------------------------------------- */
#gnav {
	float: left;
	height: 47px;
}
.s_header #gnav {
	margin: 10px 0 0;
}
#gnav li {
	position: relative;
	float: left;
}

#gnav .acMenu {
	color: #42362F;
	font-family: "HG明朝E",serif;
	position: absolute;
	top: 36px;
	left: 1px;
	width: 96%;
	border:solid 1px #b2ac92;
	display: none;
 }

#gnav .acMenu .l {
	font-size: 110%;
}
#gnav .acMenu .ll {
	font-size: 120%;
}
#gnav .acMenu .lll {
	font-size: 130%;
}

#gnav .acMenu li {
	float: none;
	position: relative;
	text-align: center;
}

.active {
	display: block;
}

#gnav .acMenu li:after {
	content: '';
	position: absolute;
	display: block;
	width: 80%;
	top: 0;
	left: 6px;
	border-bottom: solid 1px #b2ac92;
}

#gnav .acMenu li:first-of-type:after {
	border-bottom: none;
}

#gnav .acMenu a{
	display: block;
	color: rgba(41, 23, 12, 1);
	text-decoration: none;
	padding: 10px 1px 10px 0;
	background-color: #dcd8c9;
	transition: color .3s ease-in-out;
}

#gnav .acMenu a:hover {
	color: rgba(41, 23, 12, .5);
}

/* #anzen {display: block; position: absolute; width: 210px;height: 210px;top: 5px; right: 28%; background: url('./images/slide/anzen.png'); transition:opacity .5s ease;} */
/* #anzen:hover {opacity:.7;} */
/*
#gnav .gnav_01 {
	width: 79px;
}
#gnav .gnav_02 {
	width: 55px;
}
#gnav .gnav_03 {
	width: 120px;
}
#gnav .gnav_04 {
	width: 70px;
}
#gnav .gnav_05 {
	width: 95px;
}
#gnav .gnav_06 {
	width: 35px;
}
*/
/*----------------------------------------------------
	#contents 	コンテンツ
----------------------------------------------------*/
#contents_wrap {
	width: 100%;
	padding: 90px 0 0;
	/*padding: 46px 0 0;*/
	overflow: hidden;
}
#contents_wrap #contents {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#contents_wrap #contents_top {
	width: 960px;
	margin: 0 auto;
}
/* インスタグラムバナー 上下に動くアニメーション対応*/
.anim_updown { position: relative; animation: .8s anim_updown ease-out alternate infinite;}
@keyframes anim_updown {
	0%{ bottom: 0; }
	100%{ bottom: 20px; }
}

/*	.con_news
----------------------------------------------------*/
#contents_wrap .cont_area {
	width: 960px;
	margin: 0 auto 50px;
	overflow: hidden;
}
#contents_wrap .cont_area.ovv {
	overflow: visible;
}
/*	.con_news
----------------------------------------------------*/

/*トップページ新着情報*/
#homepage #contents_wrap .con_news {
	width: 695px;
	float: left;
}

#contents_wrap .con_news {
	width: 695px;
	float: right;
}
#contents_wrap .con_news .st_area {
	margin: 0 0 20px;
	overflow: hidden;
}
#contents_wrap .con_news .st_area h3 {
	width: 165px;
	float: left;
}


#contents_wrap .con_news .tabnav {
	overflow: hidden;
	margin: 0 0 15px;
	background:url(../images/home/top_tab_label.png) no-repeat right top;
}
#contents_wrap .con_news .tabnav li {
	float: left;
}
#contents_wrap .con_news .tabnav li a {
	display: block;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	margin-top:30px;
}
#contents_wrap .con_news .tabnav li.tab01 a {
	padding-top: 70px;
	margin-top:0;
}
#contents_wrap .con_news .tabnav li.tab01 a {
	width: 174px;
	background: url(../images/home/top_tab01.png) no-repeat 0px 0px;
}
#contents_wrap .con_news .tabnav li.tab05 a {
	width: 175px;
	background: url(../images/home/top_tab05.png) no-repeat 0px 0px;
}
/* #contents_wrap .con_news .tabnav li.tab06 a {
	width: 174px;
	background: url(../images/home/top_tab06.png) no-repeat 0px 0px;
} */
#contents_wrap .con_news .tabnav li.tab06 a {
	/* width: 260px; */
	width: 173px;
	background: url(../images/home/top_tab06.png) no-repeat 0px 0px;
}

/* #contents_wrap .con_news .tabnav li.tab07 a {
	width: 172px;
	background: url(../images/home/top_tab07.png) no-repeat 0px 0px;
} */
#contents_wrap .con_news .tabnav li.tab07 a {
	width: 173px;
	background: url(../images/home/top_tab07.png) no-repeat 0px 0px;
}
#contents_wrap .con_news ul li.ui-tabs-selected a,
#contents_wrap .con_news ul li a:hover{
	background-position: 0 -40px!important;
}
#contents_wrap .con_news ul li.tab01.ui-tabs-selected a,
#contents_wrap .con_news ul li.tab01 a:hover{
	background-position: 0 -70px!important;
}


/*
#contents_wrap .con_news .tabnav {
	overflow: hidden;
	margin: 0 0 15px;
}
#contents_wrap .con_news .tabnav li {
	float: left;
}
#contents_wrap .con_news .tabnav li a {
	width: 139px;
	display: block;
	height: 0;
	padding-top: 49px;
	overflow: hidden;
}
#contents_wrap .con_news .tabnav li.tab01 a {
	background: url(../images/home/top_tab_01.png) no-repeat 0px 0px;
}
#contents_wrap .con_news .tabnav li.tab02 a {
	background: url(../images/home/top_tab_02.png) no-repeat 0px 0px;
}
#contents_wrap .con_news .tabnav li.tab03 a {
	background: url(../images/home/top_tab_03.png) no-repeat 0px 0px;
}
#contents_wrap .con_news .tabnav li.tab04 a {
	background: url(../images/home/top_tab_04.png) no-repeat 0px 0px;
}
#contents_wrap .con_news .tabnav li.tab05 a {
	background: url(../images/home/top_tab_05.png) no-repeat 0px 0px;
}
#contents_wrap .con_news ul li.tab01.ui-tabs-selected a{
	background-position: 0 -49px;
}
#contents_wrap .con_news ul li.tab02.ui-tabs-selected a{
	background-position: 0 -49px;
}
#contents_wrap .con_news ul li.tab03.ui-tabs-selected a{
	background-position: 0 -49px;
}
#contents_wrap .con_news ul li.tab04.ui-tabs-selected a{
	background-position: 0 -49px;
}
#contents_wrap .con_news ul li.tab05.ui-tabs-selected a{
	background-position: 0 -49px;
}

#contents_wrap .con_news .tabnav li a:hover {
	background-position: 0 -49px;
}

*/


#contents_wrap .con_news dl {
	padding: 15px;
	border-bottom: 1px dotted #d5d2c4;
	overflow: hidden;
}
#contents_wrap .con_news dl.even {
	background: #f8f7ef;
}
#contents_wrap .con_news dl dt {
	width: 240px;
	float: left;
}
#contents_wrap .con_news dl dt .date {
	padding: 0 10px 0 0;
}
#contents_wrap .con_news dl dt .cate {
	padding: 0 0 0 10px;
}
#contents_wrap .con_news dl dt .cate span {
	padding: 1px 3px;
	font-size: 10px;
	color: #FFF;
}
#contents_wrap .con_news dl dd {
	width: 430px;
	float: right;
}
#contents_wrap .con_news .btn_new {
	width: 160px;
	margin: 10px auto 0;
}
/*----------------------------------------------------
	ソーシャル
----------------------------------------------------*/
#con_social {
	width: 960px;
	margin: 0 auto 10px;
	height: 27px;
}
#con_social .box_t {
	width: 68px;
	float: right;
	padding: 5px 0 0;
	margin-right: 9px;
}
#con_social .box_f {
	width: 100px;
	float: right;
	padding: 5px 0 0;
	margin-right: 9px;
}
#con_social .box_f iframe{
	width: 100px;
}
#con_social .box_s {
	width: 230px;
	float: right;
}
#con_social .box_i {
	width: 24px;
	float: right;
	margin-right: 9px;
	padding-top: 2px;
}
#con_social .box_s #site_search {
	overflow: hidden;
	background-color: #fff;
}
#con_social .box_s #site_search #word {
	border: 1px solid #ccc;
	width: 192px;
	height: 25px;
	padding: 0 5px;
	color: #666;
	float: left;
}
#con_social .box_s #site_search .btn_gsearch {
	width: 26px;
	float:right;
}


/*----------------------------------------------------
	#main	メインコンテンツ
----------------------------------------------------*/
#main {
	width: 730px;
	overflow: hidden;
	float: left;
}
#main_oth {
	width: 740px;
	float: right;
	overflow: hidden;
	padding: 0 0 50px;
}
/*	.topicpath		パンクズ
----------------------------------------------------*/
#topicpath {
	width: 950px;
	margin: 0 auto 25px;
}
#topicpath li {
	display: inline;
	padding-right: 5px;
}
#topicpath li.home {
	background: url(../images/ic_tp.png) no-repeat 0px 2px;
	padding: 0 5px 0 20px;
}
#topicpath li.home a {
	color: #91211a;
	font-weight: bold;
}


/*----------------------------------------------------
	#con_tit 	タイトル
----------------------------------------------------*/
#con_tit {
	margin: 0 0 15px;
	padding: 10px 0;
	background: url(../images/bg_title.png) repeat-x center top;
}
#con_tit .box_tit { height: 100px; }
#con_tit .box_tit .img_tit { margin: 0 auto; padding: 35px 0 0; width: 960px; }

/*----------------------------------------------------
	#catenav
----------------------------------------------------*/

.catenav_area {
	border-top: 1px solid #e5dfc7;
	margin: 0 0 30px;
	width: 100%;
}
.catenav {
	width: 100%;
	border-bottom: 1px solid #e5dfc7;
	margin: 0 0 0px;
}
.catenav ul {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.catenav ul li {
	float: left;
}
.catenav ul li a{
	display: block;
	/*height: 40px;*/
	line-height: 40px;
	text-decoration: none;
	color: #222;
	padding: 0.6em;
}
.catenav ul li a:hover,
.catenav ul li .active {
	background: #D7D0B2;
}

/*----------------------------------------------------
	#side	サイド
----------------------------------------------------*/
#side {
	width: 200px;
	float: right;
}
#side .side_menu {
	margin: 0 0 15px;
}
#side .side_menu h3 {
	margin: 0;
	padding: 0;
}
#side .side_menu ul {
	border-right: 1px solid #dad6c8;
	border-bottom: 1px solid #dad6c8;
	border-left: 1px solid #dad6c8;
}
#side .side_menu ul li {
	border-bottom: 1px dotted #dad6c8;
}
#side .side_menu ul li a {
	padding: 10px 0 10px 25px;
	background: url(../images/ic_arr.gif) no-repeat 10px 18px;
	display: block;
	color: #91211a;
}
#side .side_menu ul li a:hover,
#side .side_menu ul li.active {
	background: #f8f7ef url(../images/ic_arr.gif) no-repeat 10px 18px;
}
#side .side_menu ul li.last {
	border: none;
}

#side_oth {
	width: 200px;
	float: left;
}
#side_oth h3 {
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 20px;
	color: #FFF;
	font-size: 14px;
	background: url(../images/bg_sidemenu.png) no-repeat 0px 0px;
}
#side_oth ul {
	border-right: 1px solid #dad6c8;
	border-bottom: 1px solid #dad6c8;
	border-left: 1px solid #dad6c8;
}
#side_oth ul li {
	border-bottom: 1px dotted #dad6c8;
}
#side_oth ul li a {
	padding: 10px 0 10px 25px;
	background: url(../images/ic_arr.gif) no-repeat 10px 18px;
	display: block;
	color: #91211a;
}
#side_oth ul li a:hover,
#side_oth ul li.active {
	background: #f8f7ef url(../images/ic_arr.gif) no-repeat 10px 18px;
}
#side_oth ul li.last {
	border: none;
}

/* .img_bn バナー
----------------------------------------------------------- */
#side .img_bn {
	text-align: center;
	margin: 0 0 10px;
}
/* クチコミ
----------------------------------------------------------- */
#side .con_rev {
	margin: 0 0 10px;
	padding: 10px 0;
	background: url(../images/side/bg_rev.png) repeat left top;
	box-shadow: 8px 8px 30px 0 #c3c3c3;
}
#side .con_rev h3 {
	width: 203px;
	margin: 0 auto 10px;
}
#side .con_rev .box_rev {
	width: 240px;
	margin: 0 auto 10px;
}
#side .con_rev .txt_rev {
	width: 203px;
	margin: 0 auto;
	text-align: center;
}

/*----------------------------------------------------
	#pagetop
----------------------------------------------------*/
#pagetop {
	margin: 0 0 50px;
	text-align: center;
}
/*----------------------------------------------------
	#back-top
----------------------------------------------------*/
#back-top {
	position: fixed;
	bottom: 98px;
	z-index: 1100;
	right: 55px;
}

/*----------------------------------------------------
	#pagetop
----------------------------------------------------*/
.box_contrsrv {
	padding: 25px;
	overflow: hidden;
	background: url(../images/home/bg_rsrv.png) no-repeat left top;
	width: 910px;
	margin: 0 auto;
}
.box_contrsrv .img_tel {
	width: 377px;
	float: left;
	margin: 0 20px 0 0;
}
.box_contrsrv .btn_rsrv {
	width: 161px;
	float: left;
	margin: 0 10px 0 0;
}
.box_contrsrv .btn_mail {
	width: 202px;
	float: left;
	margin: 0 10px 0 0;
}
.box_contrsrv .btn_acc {
	width: 120px;
	float: left;
}

/* -----------------------------------------------------------
	#footer	フッター

----------------------------------------------------------- */
#footer {
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px;
	margin: 50px 0 0;
}
/* .con_sea
----------------------------------------------------------- */
#footer .con_sea {
	width: 100%;
	padding: 12px 0;
	background: url(../images/footer/bg_sea.png) no-repeat center top;
}
#footer .con_sea .sea_inner {
	width: 975px;
	margin: 0 auto;
	overflow: hidden;
	color: #FFF;
}
#footer .con_sea .st {
	margin: 0 0 3px;
}
#footer .con_sea select {
	margin: 0 3px 0 0;
}
#footer .con_sea .st_sea {
	width: 90px;
	float: left;
}
#footer .con_sea .box_stay {
	width: 195px;
	float: left;
}
#footer .con_sea .box_roo {
	width: 185px;
	float: left;
}
#footer .con_sea .box_type {
	width: 100px;
	float: left;
}
#footer .con_sea .btn_sea {
	width: 158px;
	float: left;
}
#footer .con_sea .btn_sea li {
	margin: 0 0 3px;
	line-height: 0;
}
#footer .con_sea .btn_sea li.last {
	margin: 0;
}
#footer .con_sea .box_btn {
	width: 246px;
	float: left;
	overflow: hidden;
	padding: 8px 0 0;
}
#footer .con_sea .box_btn li {
	width: 120px;
	margin: 0 3px 5px 0;
	line-height: 0;
	float: left;
}
#footer .con_sea .box_btn li.last {
	margin: 0;
}
/* .fnav
----------------------------------------------------------- */
#footer .fnav {
	width: 100%;
	background: #e5dfc7;
	margin: 0 0 20px;
	padding: 25px 0;
}
#footer .fnav .fnav_inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#footer .fnav li {
	background: url(../images/footer/ic_arr.png) no-repeat 0px 6px;
	padding: 0 0 0 10px;
	margin: 0 12px 0 0;
	float: left;
}
#footer .fnav li:last-of-type{margin: 0;}
/*#footer .fnav .n_01 { width: 140px; }
#footer .fnav .n_02 { width: 140px; }
#footer .fnav .n_03 { width: 90px; }
#footer .fnav .n_04 { width: 70px; }
#footer .fnav .n_05 { width: 70px; }
#footer .fnav .n_06 { width: 190px; }
#footer .fnav .n_07 { width: 120px; }
#footer .fnav .n_08 { width: 70px; }*/
#footer .fnav li a {
	font-weight: bold;
	color: #371c0f;
}
/* .con_com
----------------------------------------------------------- */
#footer .com_area {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#footer .con_com {
	width: 200px;
	float: left;
	overflow: hidden;
}
#footer .con_com .logo {
	width: 185px;
	margin-bottom: 15px;
	/* float: left; */
	/* margin: 0 0 20px; */
}
#footer .con_com .txt_add {
	/* width: 185px; */
	/* float: right; */
	/* margin: 0 0 20px; */
	margin-bottom: 15px;
	color: #898989;
}
#footer .con_com .sns_area {
	overflow: hidden;
	clear: both;
}
#footer .con_com .sns_area .box_t {
	width: 100px;
	float: left;
}
#footer .con_com .sns_area .box_f {
	width: 120px;
	float: left;
}

/* .txt_copyright
----------------------------------------------------------- */
#footer .txt_copyright {
	text-align: center;
	padding: 25px 0;
/* 	width: 300px;
	text-align: right;
	margin: 97px 0 10px 0; */
	/*float: right;*/
}

/* #search
----------------------------------------------------------- */
#search {
	position: fixed;
	height:463px;
	right:0;
	top: 0;
	height:1000px;
	z-index:2000;
	overflow: hidden;
}
#search .btn_area {
	width: 55px;
	float: left;
	margin: 115px 0 0;
}
#search p#btn_search {
	display:inline-block;
	vertical-align:top;
	width:55px;
	cursor:pointer;
	margin: 0 0 10px;
}
#search p.btn_eve {
	display:inline-block;
	vertical-align:top;
	width:55px;
	cursor:pointer;
	margin: 0 0 10px;
}
#search p.btn_map {
	display:inline-block;
	vertical-align:top;
	width:55px;
	cursor:pointer;
	margin: 0 0 10px;
}
#search .con_search {
	display:inline-block;
	background: #771913;
	vertical-align:top;
	height:1000px;
	width:230px;
	color:#fff;
	padding:25px 7px 0 7px;
}
#search .con_search .st_sea {
	padding:0 0 0 20px;
	margin: 0 0 20px;
}
#search td#__calid_btn_close {
	line-height:1;
	padding:4px 0 !important;
}

#search .con_search img {
	vertical-align:top;
	margin:1px 0 0 0;
}
#search .con_search .st {
	padding:0 0 5px 20px;
}
#search .con_search .box_sea {
	width:200px;
	overflow:hidden;
	margin: 0 0 10px;
	padding:0 0 0 20px;
}
#search .con_search .box_sea span {
	font-size: 10px;
}
#search .con_search .btn_sea {
	width: 189px;
	padding:5px 0 15px 20px;
}
#search .con_search .btn_sea li {
	margin: 0 0 5px;
	line-height: 0;
}
#search .con_search .img_line {
	padding:0 0 0 20px;
}
#search .con_search .btn_sea li.last {
	margin: 0;
}
#search .con_search .box_btn {
	width: 189px;
	padding:15px 0 15px 20px;
}
#search .con_search .box_btn li {
	margin: 0 0 5px;
	line-height: 0;
}
#search .con_search .box_btn li.last {
	margin: 0;
}
#search .con_search .img_tel {
	padding:15px 0 0 20px;
}
#search .con_search .box_rsrvse {
	background: #a93830;
	padding: 10px;
	color: #FFF;
	width:170px;
	margin: 20px 0 0 20px;
}
#search .con_search .box_rsrvse .st_rsrv {
	text-align: center;
	margin: 0 0 5px;
	font-weight: bold;
}

/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table.tbl_basic {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #d5d2c4;
}
table.tbl_basic th,
table.tbl_basic td {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #d5d2c4;
}
table.tbl_basic th {
	background: #f8f7ef;
	text-align: center;
	font-weight: normal;
	border-right: 1px dotted #d5d2c4;
}

table.tbl_basic td {
	background: #fff;
}
table.tbl_basic td.cate {
	border-right: 1px dotted #d5d2c4;
}

table.ski td{
	text-align: center;
}

/* -----------------------------------------------------------
	位置調整
----------------------------------------------------------- */
.h_pos {
	margin-top: -89px!important;
	padding-top: 89px!important;
	overflow: hidden;
}

/*----------------------------------------------------
	カテゴリー
----------------------------------------------------*/
/*お知らせ*/
.cate_1_0 { background: #722b00; }
.cate_1_1 { background: #dc5901; }
.cate_1_2 { background: #89b61e; }
.cate_1_3 { background: #cf429f; }
.cate_1_4 { background: #0c4bd9; }
.cate_1_5 { background: #376e4c; }
.cate_1_6 { background: #8a8a8a; }
.cate_1_7 { background: #317d79; }
.cate_1_8 { background: #009e08; }
.cate_1_9 { background: #544bb2; }
/*ブログ*/
.cate_2_0 { background: #004102; }
.cate_2_1 { background: #dc5901; }
.cate_2_2 { background: #89b61e; }
.cate_2_3 { background: #cf429f; }
.cate_2_4 { background: #0c4bd9; }
.cate_2_5 { background: #376e4c; }
.cate_2_6 { background: #8a8a8a; }
.cate_2_7 { background: #317d79; }
.cate_2_8 { background: #009e08; }
.cate_2_9 { background: #544bb2; }
/*レストラン*/
.cate_3_0 { background: #96385c; }
.cate_3_1 { background: #920029; }
.cate_3_2 { background: #591301; }
.cate_3_3 { background: #db237c; }
.cate_3_4 { background: #d11c1c; }
.cate_3_5 { background: #c18d00; }
.cate_3_6 { background: #625555; }
.cate_3_7 { background: #b26912; }
/*フラワー*/
.cate_4_1 { background: #d977a7; }
.cate_4_2 { background: #826caa; }
.cate_4_3 { background: #bbb642; }
/*ポポラ 自然体験*/
.cate_5_0 { background: #ff9703; }
.cate_5_1 { background: #752586; }
.cate_5_2 { background: #4e9023; }
.cate_5_3 { background: #cf429f; }
.cate_5_4 { background: #664416; }
.cate_5_5 { background: #2598c3; }
.cate_5_6 { background: #e47a9b; }
.cate_5_7 { background: #21264c; }
.cate_5_8 { background: #7e6b5a; }
.cate_5_9 { background: #317d79; }
.cate_5_10 { background: #f2713a; }
/*添乗員日記クローバー*/
.cate_6_1 { background: #539465; }
.cate_6_2 { background: #a7b300; }
.cate_6_3 { background: #c793c4; }
.cate_6_4 { background: #d50000; }
.cate_6_5 { background: #f27a02; }
.cate_6_6 { background: #8a8a8a; }
/*あてま放送室*/
.cate_7_1 { background: #009996; }
.cate_7_2 { background: #ff7733; }
.cate_7_3 { background: #758de6; }
.cate_7_4 { background: #ff488d; }
.cate_7_5 { background: #56b94e; }


/*----------------------------------------------------
	旧サイト用CSS
----------------------------------------------------*/
.tal {text-align: left !important;}
.tac {text-align: center !important;}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
.left{
float:left;
}

.right{
float:right;
}

.form{
float:right;
margin-right:10px;
margin-top:3px;
}


/* 汎用クラスの定義 */

.clearLeft{clear:left;}
.clearRight{clear:right;}
.clearBoth{clear:both;}

/*　　パディング　　*/

.pt5 {
	padding-top:5px;}

.pt8 {
	padding-top:8px;}

.pt10 {
	padding-top:10px;}

.pt15 {
	padding-top:15px;}

.pt20 {
	padding-top:20px;}

.pt25 {
	padding-top:25px;}

.pt30 {
	padding-top:30px;}

.pt35 {
	padding-top:35px;}

.pt40 {
	padding-top:40px;}

.pt45 {
	padding-top:45px;}

.pt50 {
	padding-top:50px;}


.pt60 {
	padding-top:60px;}




.pb5 {
	padding-bottom:5px;}

.pb10 {
	padding-bottom:10px;}

.pb15 {
	padding-bottom:15px;}

.pb20 {
	padding-bottom:20px;}

.pb25 {
	padding-bottom:25px;}

.pb30 {
	padding-bottom:30px;}

.pb35 {
	padding-bottom:35px;}

.pb40 {
	padding-bottom:40px;}

.pb45 {
	padding-bottom:45px;}

.pb50 {
	padding-bottom:50px;}



/*　　マージン　　*/

.mt5 {
	margin-top:5px;}

.mt10 {
	margin-top:10px;}

.mt15 {
	margin-top:15px;}

.mt20 {
	margin-top:20px;}

.mt25 {
margin-top:25px;}

.mt30 {
	margin-top:30px;}

.mt35 {
	margin-top:35px;}

.mt40 {
	margin-top:40px;}

.mt45{
	margin-top:45px;}

.mt50 {
	margin-top:50px;}

.mt55 {
	margin-top:55px;}

.mt60 {
	margin-top:60px;}


.mb5 {
	margin-bottom:5px;}

.mb10 {
	margin-bottom:10px;}

.mb15 {
	margin-bottom:15px;}

.mb20 {
	margin-bottom:20px;}

.mb25 {
margin-bottom:25px;}

.mb30 {
	margin-bottom:30px;}

.mb35 {
	margin-bottom:35px;}

.mb40 {
	margin-bottom:40px;}

.mb45{
	margin-bottom:45px;}

.mb50 {
	margin-bottom:50px;}

.mb55 {
	margin-bottom:55px;}

.mb60 {
	margin-bottom:60px;}

.fl_mr {
	margin-right:7.5px;
	float: left;
}
.fl_mr10 {
	margin-right:10px;
	float: left;
}



/*　　テーブル枠　パターン1　　*/

#plan_box1,#shop_box1 {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 730px;
	padding: 5px;
	background-color: #F4FCDC;
}

#plan_box1 td,#shop_box1 td {
	padding: 5px;
}

.plan_title,.shop_title {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #006633;
	font-weight: bold;
	color: #009900;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}



/*　　テーブルボーダー　パターン1　　*/

#table-border1 td,#table-border2 td {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 3px;
}

#table-border1 td {
	text-align: center;
}



/*　レストランの設定　*/

.enkai_plan_title {
background-color:#D1DEA9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: bold;
}

/*　--------左-----------------------　*/

#l_box {
	background-image: url(../img/leftbox_p02.gif);
	background-repeat: no-repeat;
	width: 200px;
	float: left;
	background-position: left bottom;
}

#l_box_bg {
	background-image: url(../img/leftbox_bg.gif);
	background-repeat: repeat-y;
	width: 200px;
	margin-bottom:8px;
	}

#l_box dl {
	background-image: url(../img/leftbox_p01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	padding-top: 18px;
	padding-left: 12px;
	padding-bottom: 5px;

	}

#l_box dd#icon {
	background-image: url(../img/icon_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 5px;
	width: 156px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 8px;
	padding-left: 20px;
}

/*　--------右-----------------------　*/

#r_box {
	float: right;
	width: 740px;
}


/*　------右サブ枠　　*/
#r_box_sub {
margin-bottom:15px;
	width: 740px;
}


dl#submenu {
	width: 152px;
	padding-right: 12px;
	padding-left: 12px;
}

#r_box2 {
	float: right;
	width: 240px;
}

/*　--------右中-----------------------　*/

#rc_box {
	float: left;
	width: 480px;
	margin-top: 10px;
}

/*　--------右右-----------------------　*/
#rr_box {
	float: right;
	width: 240px;
	margin-top: 10px;
}
/*　-----------テーブルの設定　　*/

#formatmain td,#formatmain th{
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #CCC;
}

#formatmain th{
	background-color:#E1EBD7;
	color:#4C6333;
	text-align:center;
}
#formatmain td .title {
	background-color:#dddddd;
	text-align:center;
}

.box_contmg {
	margin: 0 0 50px;
}
.title_area {
	background: url(../images/bg_conttit.png) no-repeat 0px 0px;
	overflow: hidden;
	padding: 13px 15px;
	margin: 0 0 15px;
}
.title_area .st_long {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.title_area .st_sep {
	width: 180px;
	float: left;
	font-size: 16px;
	font-weight: bold;
}
.title_area .txt_sep {
	width: 150px;
	float: right;
	text-align: right;
	margin: 3px 0 0;
<<<<<<< .mine
}

/*　-----------gnavポポラ吹き出しの設定　　*/
.con_balloon {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1500;
}
.con_balloon .box_balloon {
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0;
	position: relative;
	width: 950px;
}
.con_balloon .box_balloon .balloon {
	float: right;
	margin: 72px 245px 0 0;
	width: 101px;
	height: 60px;
	z-index: 1600;
	overflow: hidden;
}

=======
}

/*　-----------gnavポポラ吹き出しの設定　　*/
.con_balloon {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1500;
}
.con_balloon .box_balloon {
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0;
	position: relative;
	width: 950px;
}
.con_balloon .box_balloon .balloon {
	float: right;
	margin: 70px 234px 0 0;
	width: 101px;
	height: 60px;
	z-index: 1600;
	overflow: hidden;
}

>>>>>>> .r863