@charset "UTF-8";
/* CSS Document */

#cts-bg {
	padding-top: 0;
}

#main-cts a:hover img {
	background-color: #FFF;
}


/*-------------------------------------------------------
 header
-------------------------------------------------------*/
#hd-wrap {
	height: 422px;
	/*height: 360px;*/
	overflow: hidden;
	background: none;
}
#hd-wrap #hd-sdw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 40;
	background: url(/img/hd_sdw.png) repeat-x left top;
}
#header {
	padding-top: 0;
}
#header .hd-nav {
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 50;
}


/*-------------------------------------------------------
 main-slide
-------------------------------------------------------*/
#main-slide {
	height: 100%;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
#main-slide .panel {
	position: absolute;
	top: 0;
	top: -99999px;
	left: 0;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#main-slide .panel .pane-inr {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height: 422px;
	/*height: 360px;*/
	position: relative;
	text-align: left;
	zoom: 1;
}
#main-slide .panel .pane-cts {
	position: absolute;
	bottom: 25px;
	left: 0;
}
#main-slide .panel .pane-cts .txt {
	margin-top: 15px;
}
#main-slide .panel .pane-cts .btn {
	margin-top: 20px;
}
#main-slide .panel .pane-cts .btn a {
	display: inline-block;
	width: 175px;
	height: 44px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #106eb7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	position: relative;
}
#main-slide .panel .pane-cts .btn a:hover {
	background-color: #2183d0;
}
#main-slide .panel .pane-cts .btn a span {
	display: table-cell;
	width: 175px;
	height: 44px;
	vertical-align: middle;
	color: #FFF;
	background: url(/img/main_arw.png) no-repeat right center;
}
#main-slide .icn-hdr {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
}
#main-slide .icn-hdr .bg_l {
	padding-left: 14px;
	background: url(/img/main_dot_bg_l.png) no-repeat left top;
}
#main-slide .icn-hdr .bg_r {
	padding-right: 14px;
	background: url(/img/main_dot_bg_r.png) no-repeat right top;
}
#main-slide .icn-hdr ul {
	height: 24px;
	padding-top: 4px;
	background: url(/img/main_dot_bg.png) repeat-x left top;
}
#main-slide .icn-hdr ul li {
	float: left;
	width: 20px;
	height: 20px;
	background: url(/img/main_dot.png) no-repeat left top;
	cursor: pointer;
}
#main-slide .icn-hdr ul li:hover,
#main-slide .icn-hdr ul li.stay {
	background-position: -20px top;
}
#main-slide .icn-hdr ul li.stay {
	cursor: default;
}


/*panel01*/
#main-slide .panel01 {

}



/*-------------------------------------------------------
 info-col
-------------------------------------------------------*/
#info-col {
	/*background: url(/img/info_bg.gif) no-repeat center bottom;*/
	background: url(/img/info_bg.gif) repeat-x 0px bottom;
	overflow: hidden;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
#info-col #wave {
	padding-bottom: 85px;
	background: url(/img/base4.png) repeat-x 0px bottom;
}
#info-col #wave02 {
	background: url(/img/base3.png) repeat-x 0px bottom;
}
#info-col #wave03 {
	background: url(/img/base2.png) repeat-x 0px bottom;
}
#info-col #wave04 {
	background: url(/img/base1.png) repeat-x 0px bottom;
}
#main-cts {
	margin-top: -100px;
}
#info-col .close-col {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 78px;
	display: table;
	color: #FFF;
}
#info-col .close-col .col-ttl,
#info-col .close-col .info-list,
#info-col .close-col .btn-col {
	display: table-cell;
	vertical-align: middle;
}
#info-col .close-col .col-ttl {
	width: 162px;
	font-family: 'Titillium Web', sans-serif;
}
#info-col .close-col .info-list {
	width: 765px;
}
#info-col .close-col .info-list a {
	color: #FFF;
	text-decoration: none;
}
#info-col .close-col .info-list a:hover {
	text-decoration: underline;
}
#info-col .close-col .btn-col {
	text-align: right;
	font-family: 'Titillium Web', sans-serif;
}
#info-col.close .close-txt {
	display: none;
}
#info-col.close .open-txt {
	display: inline;
}
#info-col.open .close-txt {
	display: inline;
}
#info-col.open .open-txt {
	display: none;
}
#info-col .close-col #info-btn {
	cursor: pointer;
}
#info-col .close-col #info-btn .btn-icn {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image: url(/img/info_btn_seat.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 12px;
}
#info-col.close #info-btn .btn-icn {
	background-position: left top;
}
#info-col.close #info-btn:hover .btn-icn {
	background-position: -30px top;
}
#info-col.open #info-btn .btn-icn {
	background-position: left -30px;
}
#info-col.open #info-btn:hover .btn-icn {
	background-position: -30px -30px;
}

#info-col .open-col {
	overflow: hidden;
	position: relative;
	zoom: 1;
	height: 332px;
	/*height: 0;*/
}
#info-col .open-col .slide {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#info-col .open-col .slide .mask {
	width: 1024px;
	height: 300px;
	overflow: hidden;
}
#info-col .open-col .slide .slider {
	position: relative;
}
#info-col .open-col .slide .slider li {
	float: left;
}
#info-col .open-col .slide .slider a,
#info-col .open-col .slide .slider img {
	display: block;
	background-color: #FFF;
}
#info-col .open-col .slide .next,
#info-col .open-col .slide .prev {
	position: absolute;
	top: 124px;
	background-position: left top;
	width: 46px;
	height: 48px;
	cursor: pointer;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#info-col .open-col .slide .next {
	right: 0;
	background-image: url(/img/info_next.gif);
}
#info-col .open-col .slide .prev {
	left: 0;
	background-image: url(/img/info_prev.gif);
}
#info-col .open-col .slide .next:hover,
#info-col .open-col .slide .prev:hover {
	filter: none !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}


/*-------------------------------------------------------
 main-col
-------------------------------------------------------*/

/* cts-bnr
-------------------------------------------------------*/
.main-col .cts-bnr li {
	margin-top: 15px;
}
.main-col .cts-bnr li a {
	display: block;
	background-color: #FFF;
}

/* item-list
-------------------------------------------------------*/
.main-col .item-list ul {
	margin-right: -16px;
}
.main-col .item-list li {
	margin-top: 16px;
	float: left;
	width: 179px;
	margin-right: 16px;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: relative;
	top: 30px;
}
.is_oldIe .main-col .item-list li {
	position: static;
	filter: none !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;	
}
.main-col .item-list li a {
	display: block;
	text-decoration: none;
	color: #333333;
	position: relative;
}
.main-col .item-list li .thum {
	width: 177px;
	height: 177px;
	overflow: hidden;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-style: none;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: #F4F4F4;
}
.main-col .item-list li .text-col {
	padding: 10px 10px 13px;
}
.main-col .item-list li .text-col .inr {
	min-height: 70px;
}
.main-col .item-list li .text-col .label {
	font-size: 77%; /*10px*/
	display: inline-block;
	background-color: #FFF;
	line-height: 1;
	padding: 5px 12px 4px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	position: relative;
}
.main-col .item-list li .text-col .ttl {
	margin-top: 7px;
}
.main-col .item-list li a:hover .text-col .ttl {
	text-decoration: underline;
}
.main-col .item-list li .text-col .ttl span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 11px;
	height: 11px;
	font-size: 1px;
	position: relative;
	top: -1px;
	background: url(/img/item_arw_seat.png) no-repeat left top;
}

/*cat-event*/
.main-col .item-list .cat-event .text-col {
	border-top: 6px solid #f9be93;
	background-color: #f4a76f;
}
.main-col .item-list .cat-event .text-col .label {
	color: #db9562;
}

/*cat-eventreport*/
.main-col .item-list .cat-eventreport .text-col {
	border-top: 6px solid #F6D3F2;
	background-color: #E1BCDD;
}
.main-col .item-list .cat-eventreport .text-col .label {
	color: #be96ba;
}
.main-col .item-list .cat-eventreport .js_cat-icn {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 36px;
	height: 36px;
	background: url(/img/icn_report.png) no-repeat left top;
}

.main-col .item-list .hide {
	height: 0;
	overflow: hidden;
}
.is_ie8 .main-col .item-list .hide {
	width: 764px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: -99999px;
}
.is_ie8 .main-col .item-list .js_ie8-show {
	position: static;
}
.main-col .item-list .btn-more {
	margin-top: 15px;
	text-align: center;
	background-color: #106eb7;
	font-size: 108%; /*14px*/
	padding-top: 15px;
	padding-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.main-col .item-list .btn-more:hover {
	background-color: #2183d0;
}
.main-col .item-list .btn-more span {
	color: #FFF;
	padding-left: 20px;
	line-height: 1;
	background: url(/common/img/arw_s13_wh_b.png) no-repeat left center;
}
.main-col .item-list .btn-more .loading-txt {
	display: none;	
}
.main-col .item-list .btn-more.loading {
	/*background-color: #CCC;*/
	background-color: #2183d0;
}
.main-col .item-list .btn-more.loading span {
	display: none;	
}
.main-col .item-list .btn-more.loading .loading-txt {
	display: inline;
	/*color: #FFF;
	padding-left: 0;
	background: none;*/
	padding-left: 23px;
	background-image: url(/img/ajax-loader.gif);
}

/*guide-item*/
.main-col .item-list .guide-item {
	background: #adcde5;
}
.main-col .item-list .guide-item .icn {
	text-align: center;
	padding-top: 49px;
}
.main-col .item-list .guide-item .ttl {
	text-align: center;
	font-size: 123.1%; /*16px*/
	font-weight: bold;
	margin-top: 13px;
}
.main-col .item-list .guide-item .ttl span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 17px;
	height: 17px;
	font-size: 1px;
	position: relative;
	top: -2px;
	background: url(/img/item_arw_seat.png) no-repeat left -20px;
}
.main-col .item-list .guide-item a:hover .ttl {
	text-decoration: underline;
}
.main-col .item-list .guide-item .dsc {
	margin-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
} 


/*-------------------------------------------------------
 side-col
-------------------------------------------------------*/
.side-col .shop-col,
.side-col .news-col,
.side-col .about-col {
	margin-top: 15px;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 16px 15px 17px 14px;
}
.side-col .shop-col .col-ttl,
.side-col .news-col .col-ttl {
	font-family: 'Titillium Web', sans-serif;
	font-size: 108%; /*14px*/
	line-height: 1;
	background-color: #106eb7;
	text-align: center;
	padding: 8px 0px;
	font-weight: bold;
	color: #FFF;
}

/* shop-col
-------------------------------------------------------*/
.side-col .shop-col .lead {
	margin-top: 13px;
}
.side-col .shop-col .bnrs {
	margin-top: 16px;
	border-top: 1px solid #CCCCCC;
}
.side-col .shop-col .bnrs li {
	margin-top: 10px;
}
.side-col .shop-col .bnrs li img {
	display: block;
	background-color: #FFF;
}
.side-col .shop-col .search-col {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #CCCCCC;
}
.side-col .shop-col .search-col .search-form-line {
	margin-top: 13px;
}

.side-col .side-bnr-top {
	margin-top: 15px;	
}
.side-col .side-bnr-top a:hover img {
	background: none !important;
}

.side-col .about-col .bnrs li {
	margin-top:10px;
}
.side-col .about-col .bnrs li:first-child {
	margin-top:0;
}