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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */
/****************************************

          スライダー用css

*****************************************/
#mainimage {
	margin: 0 auto;
}

.con_mainimage {
	overflow: hidden;
	background: url("../images/home/bg_mainimage.png") center 200px no-repeat;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 610px;
}
.con_mainimage .facticket {
	position: absolute;
	z-index: 1100;
	width: 100%;
	margin: 0 auto;
	top: 380px;
}
.con_mainimage .facticket span {
	display: block;
	width: 950px;
	margin: 0 auto;
}
.con_mainimage .facticket span a {
	display: block;
	margin: 0 0 0 723px;
}

.bx-wrapper {
	width: 100% !important;
	text-align: center;
	position: relative !important;
}

.bx-window {
  /*width: 960px !important;
  margin: 0 auto !important;*/
  /*overflow: visible !important;*/
	width: 100% !important;
	height: 583px;
	overflow: hidden;
}

/** html .bx-window{
	text-align:center;
}
*/
#slider1 div {
	/*width: 800px;*/
	/*height: 350px;*/
	width: 960px;
	height: 583px;
}

@media screen and (min-device-width: 960px){
	#slider1 div {
		/*width: 800px;*/
		/*height: 350px;*/
		width: 1300px;
		height: 583px;
	}
}

#slide1 a {
	display: block;
	margin: 0 5px;
}

/* Navi */
.bx-pager a:hover,
.bx-pager a.pager-active {
	border: 3px solid #749108;
}

/* prev next */
.prev-next {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.bx-prev,
.bx-next {
	background: url("../images/home/ic_bef.png") no-repeat 0 0;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999em;
	text-align: left;
	display: block;
	width: 34px;
	height: 34px;
	position: absolute;
	top: -300px;
	z-index: 150;
	overflow: hidden;
	text-decoration: none;
}

.bx-next {
	background: url("../images/home/ic_aft.png") no-repeat 0 0;
}

.bx-prev {
	left: 5px;
}

.bx-next {
	right: 5px;
}

.bx-prev:hover,
.bx-next:hover {
	text-decoration: none;
}

*:first-child + html .bx-prev,
*:first-child + html .bx-next {
	top: -175px;
}

/* frame */
body,
#container,
.wrapper {
	position: relative;
}

/*----------------------------------------------------
	#intro
----------------------------------------------------*/
#intro {
	margin: 0 auto;
	width: 950px;
	position: relative;
	height: 276px;
	z-index: 2;
}
#intro p.map {
	position: absolute;
	left: -80px;
	top: -66px;
	z-index: 150;
}
#intro .con_intro {
	padding: 0 0 0 198px;
	width: 752px;
}
#intro .con_intro .st {
	width: 750px;
	padding: 0 0 24px 2px;
	overflow: hidden;
}
#intro .con_intro .st h2 {
	float: left;
	width: 469px;
}
#intro .con_intro .st p.click {
	float: left;
	width: 280px;
	padding: 10px 0 0 0;
}
#intro .con_intro .photo {
	width: 752px;
	overflow: hidden;
}
#intro .con_intro .photo li {
	float: left;
	padding: 0 0 0 1px;
}
#intro .con_intro .photo li.sec {
	padding: 10px 0 0 1px;
}
#intro .con_intro p.txt {
	padding: 24px 0 0 0;
}

/*----------------------------------------------------
	#event
----------------------------------------------------*/
#event {
	margin: 0 auto;
	padding: 74px 0 100px 0;
	background: url("../images/bg_body2.jpg") center top;
}
#event .con_event {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
#event .con_event .box {
	float: left;
	width: 700px;
	padding: 0 15px 0 0;
}
#event .con_event .box h2 {
	padding: 0 0 22px 0;
}
#event .con_event .box dl {
	border: 1px solid #c1c1c1;
	background: #fff;
	width: 678px;
	overflow: hidden;
	margin: 0 0 22px 0;
}
#event .con_event .box dl dt {
	float: left;
	width: 8em;
	padding: 9px 0;
	text-align: center;
	color: #fff;
	margin: 0 24px 0 0;
	background: #313131;
}
#event .con_event .box dl dd {
	padding: 7px 24px 7px 0;
	color: #000000;
}
#event .con_event .box ul {
	overflow: hidden;
}
#event .con_event .box ul li {
	float: left;
	padding: 0 20px 15px 0;
}
#event .con_event p.taishu {
	float: left;
	width: 235px;
	margin-top: 110px;
}
.bnr_00 {
	clear: both;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	}

/*----------------------------------------------------
	#appeal
----------------------------------------------------*/
#appeal {
	margin: 0 auto;
	height: 920px;
	background: url("../images/home/bg_appeal.jpg") center bottom no-repeat;
}
#appeal.pat2 {
	background: url("../images/home/bg_appeal2.jpg") center bottom no-repeat;
}
#appeal .feature {
	position: relative;
	z-index: 1;
	width: 950px;
	margin: 0 auto;
	overflow: visible;
}
#appeal .feature h2 {
	position: absolute;
	left: 245px;
	top: 300px;
	z-index: 1;
}
#appeal .feature div {
	position: absolute;
	z-index: 2;
}
#appeal .feature div div {
	display: block;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
}
#appeal .feature div div img.default {
	z-index: 5;
	position: relative;
}
#appeal .feature div div img.piover {
	display: none;
	width: 237px;
	height: 238px;
	position: absolute;
	top: 50%;
	z-index: 1000;
	left: 50%;
	margin-left: -119px;
	margin-top: -118px;
	display: none;
	opacity: 1 !important;
}
#appeal .feature div.app1 {
	left: 317px;
	top: 50px;
}
#appeal .feature div.app1 .bt01 a.default {
	display: block;
	width: 272px;
	height: 238px;
	background: url("../images/home/img_appeal1.png") left top no-repeat;
}
#appeal .feature div.app2 {
	left: 666px;
	top: 127px;
}
#appeal .feature div.app2 .bt02 a.default {
	display: block;
	width: 236px;
	height: 238px;
	background: url("../images/home/img_appeal2.png") left top no-repeat;
}
#appeal .feature div.app3 {
	left: 666px;
	top: 377px;
}
#appeal .feature div.app3 .bt03 a.default {
	display: block;
	width: 236px;
	height: 262px;
	background: url("../images/home/img_appeal3.png") left top no-repeat;
}
#appeal .feature div.app4 {
	left: 353px;
	top: 475px;
}
#appeal .feature div.app4 .bt04 a.default {
	display: block;
	width: 236px;
	height: 238px;
	background: url("../images/home/img_appeal4.png") left top no-repeat;
}
#appeal .feature div.app5 {
	left: 45px;
	top: 405px;
}
#appeal .feature div.app5 .bt05 a.default {
	display: block;
	width: 237px;
	height: 238px;
	background: url("../images/home/img_appeal5.png") left top no-repeat;
}
#appeal .feature div.app6 {
	left: 45px;
	top: 98px;
}
#appeal .feature div.app6 .bt06 a.default {
	display: block;
	width: 237px;
	height: 266px;
	background: url("../images/home/img_appeal6.png") left top no-repeat;
}

/*----------------------------------------------------
	#plan
----------------------------------------------------*/
#plan {
	margin: 0 auto;
	background: url("../images/bg_body2.jpg") center top;
}
#plan .con_plan {
	padding: 50px 0 0 0;
	background: url("../images/bg_body3.jpg") center top repeat-x;
}
#plan p.facticket {
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: center;
}
#plan .con_search {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}
#plan .con_search .box_search {
	background: url("../images/home/bg_search.jpg") center bottom repeat-x;
	width: 924px;
	overflow: hidden;
	border-left: 3px solid #88561a;
	border-right: 3px solid #88561a;
	padding: 10px 0 10px 20px;
}
#plan .con_search .box_search .search {
	float: left;
	width: 520px;
}
#plan .con_search .box_search .search table {
	width: 520px;
}
#plan .con_search .box_search .search th {
	padding: 0 10px 0 0;
	font-size: 1px;
	width: 120px;
	text-indent: -9999px;
	background: url("../images/home/txt_stay.png") left center no-repeat;
	vertical-align: middle;
}
#plan .con_search .box_search .search select {
	float: left;
	margin: 10px 10px 0 0;
}
#plan .con_search .box_search .search input#search_button_489ban {
	background: url("../images/home/btn_search.png") left top no-repeat;
	vertical-align: middle;
	float: right;
	font-size: 1px;
	border: 0;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	width: 182px;
	height: 42px;
	cursor: pointer;
}
#plan .con_search .box_search ul {
	float: left;
	width: 400px;
	overflow: hidden;
}
#plan .con_search .box_search ul li {
	float: left;
	padding: 0 0 0 10px;
}
#plan .con_search .box_search ul li.cancel {
	padding: 5px 0 0 10px;
}
#plan .con_search p.plantel {
	padding: 15px 0;
	text-align: center;
	border: 3px solid #88561a;
	border-top: 0;
}
#plan h2 {
	width: 950px;
	margin: 0 auto;
	padding: 45px 0 24px 0;
}
#plan .box_planarea {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 30px 0;
}
#plan .box_planarea .pickup {
	background: url("../images/home/bg_pick.jpg") left top no-repeat;
	width: 320px;
	float: left;
}
#plan .box_planarea .pickup .box_pick {
	background: url("../images/home/ic_link-r.png") right bottom no-repeat;
	padding: 0 0 20px 0;
}
#plan .box_planarea .pickup p.photo {
	width: 278px;
	border: 1px solid #804d4a;
	margin: 19px 20px;
}
#plan .box_planarea .pickup p.txt {
	width: 278px;
	font-weight: bold;
	font-size: 110%;
	margin: 0 14px 17px 14px;
}
#plan .box_planarea .pickup p.txt a {
	color: #fff;
}
#plan .box_planarea .pickup dl {
	width: 278px;
	overflow: hidden;
	margin: 0 20px;
}
#plan .box_planarea .pickup dl dt {
	float: left;
	background: #000000;
	color: #fff;
	padding: 3px 13px;
	text-align: center;
}
#plan .box_planarea .pickup dl dd {
	clear: both;
	float: left;
	background: #fff;
	padding: 3px 13px;
}
#plan .box_planarea .rank {
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 0 0 0 27px;
}
#plan .box_planarea .rank .rankarea {
	margin: 0 -3px 0 0;
	overflow: hidden;
}
#plan .box_planarea .rank .rankarea .box {
	float: left;
	background: url("../images/home/ic_link-r.png") 182px bottom no-repeat;
	width: 174px;
	padding: 18px 13px;
	border-right: 1px solid #a88f6e;
}
#plan .box_planarea .rank .rankarea .box p.txt {
	padding: 48px 0 17px 0;
}
#plan .box_planarea .rank .rankarea .box p.txt.no1 {
	background: url("../images/home/ic_no1.png") center 7px no-repeat;
}
#plan .box_planarea .rank .rankarea .box p.txt.no2 {
	background: url("../images/home/ic_no2.png") center 7px no-repeat;
}
#plan .box_planarea .rank .rankarea .box p.txt.no3 {
	background: url("../images/home/ic_no3.png") center 7px no-repeat;
}
#plan .box_planarea .rank .rankarea .box dl {
	width: 174px;
	overflow: hidden;
}
#plan .box_planarea .rank .rankarea .box dl dt {
	float: left;
	background: #000000;
	color: #fff;
	padding: 3px 13px;
	text-align: center;
}
#plan .box_planarea .rank .rankarea .box dl dd {
	float: left;
	background: #fff;
	padding: 3px 13px;
}
#plan .typearea {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
}
#plan .typearea ul.typeplan {
	overflow: hidden;
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#plan .typearea ul.typeplan li {
	float: left;
	padding: 0 8px 10px 0;
}
#plan .typearea ul.typeplan li.top {
	padding: 29px 8px 10px 0;
}
#plan p.list {
	text-align: center;
	padding: 40px 0 60px 0;
}

/*----------------------------------------------------
	#information
----------------------------------------------------*/
#information {
	margin: 0 auto;
	width: 950px;
	padding: 56px 0 80px 0;
}
#information h2 {
	padding: 0 0 30px 0;
}
#information .con_information {
	width: 950px;
	overflow: hidden;
}
#information .con_information .box_information {
	float: left;
	width: 475px;
	padding: 0 15px 0 0;
}
#information .con_information .box_information .picknews {
	overflow: hidden;
	margin: 0 -35px 0 0;
}
#information .con_information .box_information .picknews .box {
	float: left;
	width: 210px;
	padding: 0 35px 0 0;
}
#information .con_information .box_information .picknews .box p.photo {
	border: 3px solid #e69b00;
	width: 204px;
	margin: 0 0 15px 0;
}
#information .con_information .box_information .picknews .box p.photo img {
	width: 204px;
}
#information .con_information .box_information .picknews .box dl {
	padding: 0 0 25px 0;
}
#information .con_information .box_information .picknews .box dl dt {
	background: url("../images/home/bg_day.jpg");
	padding: 6px 8px;
	margin: 0 0 12px 0;
}
#information .con_information .box_information .picknews .box dl dd {
	background: url("../images/home/ic_news.png") left top no-repeat;
	padding: 0 0 0 22px;
}
#information .con_information .box_information .newslist_area dl {
	border-top: 1px solid #896435;
	padding: 22px 0 15px 0;
	overflow: hidden;
	width: 475px;
}
#information .con_information .box_information .newslist_area dl dt {
	float: left;
	background: url("../images/home/bg_day.jpg");
	padding: 6px 0 6px 8px;
	width: 92px;
	margin: 0 15px 0 0;
}
#information .con_information .box_information .newslist_area dl dd {
	float: left;
	background: url("../images/home/ic_news.png") left 6px no-repeat;
	width: 300px;
	padding: 6px 0 6px 22px;
}
#information .con_information .box_information p.list {
	text-align: center;
	padding: 40px 0 0 0;
}
#information .con_information .banner {
	float: left;
	width: 460px;
}
#information .con_information .banner ul {
	margin: 0 -25px 0 0;
	overflow: hidden;
}
#information .con_information .banner ul li {
	float: left;
	padding: 0 25px 20px 0;
}
#information .con_information .banner .staff {
	border-top: 1px solid #896435;
	overflow: hidden;
	margin: 0 -25px 0 0;
}
#information .con_information .banner .staff dl {
	float: left;
	width: 215px;
	padding: 14px 0 0 0;
}
#information .con_information .banner .staff dl dt {
	float: left;
}
#information .con_information .banner .staff dl dd {
	float: left;
	padding: 14px 0 0 14px;
}

/*----------------------------------------------------
	#gallery
----------------------------------------------------*/
#gallery {
	margin: 0 auto;
	background: url("../images/bg_body3.jpg") center top;
	padding: 38px 0;
}
#gallery h2 {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
#gallery .simply-scroll-container {
	position: relative;
}
#gallery .simply-scroll-container .simply-scroll-clip {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#gallery .simply-scroll-container .simply-scroll-clip #scroller {
	overflow: hidden;
}
#gallery .con_gallery li {
	float: left;
	width: 181px;
	height: 162px;
}
#gallery .btn_photo {
	text-align: center;
	padding: 30px 0 0 0;
}