@charset "utf-8";

#wrapper {
	background: url(../img/index/bg_top.gif) no-repeat center 796px;
}
.container_index {
	width: 1000px;
	margin: 0 auto;
	zoom: 1;
	z-index: 1;
}
#hnav_block {
	float: none;
	position: absolute;
	width: 420px;
	top: -4px;
	left: 50%;
	margin-left: 80px;
	z-index: 100;
}
#hnav a {
	color: #000000;
	text-decoration: none;
}
#hnav li:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 6px;
	margin-right: .5em;
	vertical-align: middle;
	background: url(../img/common/icon_arrow09.png) no-repeat center center;
}
#gnav {
	background: none;
	position: absolute;
	width: 100%;
	height: auto;
	top: 400px;
	left: 0;
	z-index: 100;
}
#gnav ul {
	width: 960px;
	margin: 0 auto;
}
#gnav li {
	float: left;
	margin-left: 74px;
	background: url(../img/common/spacer.gif);
}
#gnav > ul > li > a {
	padding: 0;
}
#gnav > ul > li img {
	padding: 20px 0;
}
#gnav li .submenu_box {
	background: url(../img/common/gnav_arrow.png) no-repeat center top rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);/*IE8以下用*/
	top: 50px;
}
#btn_circle {
	position: fixed;
	top: 59px;
	left: 50%;
	z-index: 2000;
	margin-left: 528px;
	width: 142px;
}
@media screen and (max-width: 736px) {
	#wrapper {
		background: none
	}
	header {
		border-top: none;
	}
	.container_index {
		width: auto;
		background: url(../img/index/bg_top_sp.gif) no-repeat left 22px;
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
	}
	.container {
		margin-bottom: 0;
	}
}

/*mainv_block
----------------------------------------*/
#mainv_block {
	border-top: solid 4px #ff0000;
	width: 100%;
	height: 796px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 0;
}
#mainv_block img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#mainv_box {
	/*width: 1400px;*/
	width: 100%;
	height: 796px;
	position: absolute;
	top: 0;
/*	left: 50%;
	margin-left: -700px;*/
	overflow: hidden;
	z-index: 0;
}
#mainv_txt_block {
	/*width: 1400px;*/
	width: 100%;
	height: 796px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

#mainv_block .youtube {
    position: absolute;
    width: 100%;
    height: 100%;
}


#mainv_txt_block img.visible_l {
	width: 1466px;
	max-width: inherit;
	min-width: 1466px;
}
@media screen and (max-width: 736px) {
	#mainv_block {
		border-top: none;
		width: 100%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	#mainv_box {
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		margin-left: 0;

	}
	#mainv_txt_block {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}

	#mainv_block #youtube_block {
		display: none;
	}
}

/*menu_block
----------------------------------------*/
#menu_block {
	margin: -260px 0 108px;
	z-index: 10;
}
#menu_block img {
	display: block;
}
.col2_block {
	margin-left: -20px;
}
.col2_block .col_box {
	float: left;
	width: 480px;
	margin: 0 0 0 20px;
	*display: inline;
    *zoom: 1;
}
.col2_block .col_box .float_l,
.col2_block .col_box .float_r {
	display: block;
	width: 235px;
}
.col2_block .col_box.wide {
	width: 490px;
	margin: 0 0 0 10px;
}
.col2_block .col_box.wide .float_l,
.col2_block .col_box.wide .float_r {
	display: block;
	width: 245px;
}
@media screen and (max-width: 736px) {
	#menu_block {
		margin: -22px 0 12px;
		z-index: 10;
	}
	.col2_block {
		margin-left: 0;
	}
	.col2_block .col_box {
		float: none;
		width: auto;
		margin: 0 0 6px;
	}
	.col2_block .col_box .float_l,
	.col2_block .col_box .float_r {
		width: 48.305%;
	}
	.col2_block .col_box.wide {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.col2_block .col_box.wide .float_l,
	.col2_block .col_box.wide .float_r {
		width: 48.305%;
	}
}

/*pickup_block
----------------------------------------*/
#pickup_block {
	margin-bottom: 56px;
}
#pickup_block img {
	display: block;
}
#pickup_block h2 {
	width: 79px;
	margin: 0 auto 26px;
}
@media screen and (max-width: 736px) {
	#pickup_block {
		margin-bottom: 12px;
	}
	#pickup_block h2 {
		width: 52px;
		margin: 0 auto 15px;
	}
}

/*news_block
----------------------------------------*/
#news_block {
	margin-bottom: 36px;
}
#news_block h2 {
	background: #333333 url(../img/index/bg_ttl_news.png);
	color: #ffffff;
	font-size: 167%;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 8px 20px 7px;
}
#news_block h2 span {
	font-size: 54.54545454545455%;
	font-weight: 400;
	margin-bottom: 16px;
}
#news_tab {
	margin-bottom: 20px;
}
#news_tab li {
	float: left;
	width: 25%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+97 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 97%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
#news_tab li a {
	display: block;
	color: #333333;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 15px 0;
	border: solid 1px #eeeeee;

}
#news_tab li a.current {
	color: #ff0000;
	border-bottom: solid 1px #ff0000;
}
#news_block dl {
	margin: 0 0 15px;
	font-size: 108%;
	line-height: 1.7142;
}
#news_block dt {
	width: 15em;
	font-weight: 400;
	float: left;
}
#news_block dl dt:before {
	content: 'イベント情報';
	display: inline-block;
	width: 9em;
	margin-right: 10px;
	background: #eeeeee;
	text-align: center;
	font-weight: 400;
	color: #333333;
	font-size: 77%;
	padding: 2px 0;
}
#news_block dl.dl_press dt:before {
	content: 'プレスリリース';
}
#news_block dl.dl_info dt:before {
	content: 'お知らせ';
}
#news_block dd {
	margin-left: 15.5em;
}
#news_block p {
	width: 78px;
	margin: 25px 0 0 auto;
}
@media screen and (max-width: 736px) {
	#news_block {
		margin-bottom: 20px;
	}
	#news_block h2 {
		background: #333333 url(../img/common/bg_h3_sp.png) no-repeat left top;
		background-size: 70px auto;
		-webkit-background-size: 70px auto;
		-moz-background-size: 70px auto;
		-o-background-size: 70px auto;
		color: #ffffff;
		font-size: 108%;
		line-height: 1.5;
		font-weight: bold;
		margin: 0 0 10px;
		padding: 8px 16px 7px;
	}
	#news_block h2 span {
		display: none;
	}
	#news_tab {
		margin-bottom: 0;
	}
	#news_tab li {
		font-size: 77%;
	}
	#news_tab li a {
		padding: 10px 0;
	}
	#news_block dl {
		margin: 0;
		padding: 13px 3.75%;
		font-size: 85%;
		line-height: 1.7142;
		border-bottom: solid 1px #eeeeee;
	}
	#news_block dl:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: 13px;
		height: 13px;
		background: url(../img/index/icon_news.png) no-repeat;
		background-size: 13px auto;
		-webkit-background-size: 13px auto;
		-moz-background-size: 13px auto;
		-o-background-size: 13px auto;
		visibility: visible;
		z-index: 2;
	}
	#news_block dt {
		width: auto;
		float: none;
	}
	#news_block dl dt:before {
		font-size: 90%;
		margin-right: 7px;
		padding: 1px 0;
	}
	#news_block dd {
		margin-left: 0;
	}
	#news_block p {
		width: 160px;
		margin: 15px auto 0;
	}
}


/*top_bnr_block
----------------------------------------*/

#top_bnr_block {
	width: 900px;
	margin: 0 auto 67px;
}

@media screen and (max-width: 736px) {
	#top_bnr_block {
		width: auto;
		margin: 0 3.75% 18px;
	}
	#top_bnr_block .float_l,
	#top_bnr_block .float_r {
		float: none;
		display: block;
	}
	#top_bnr_block .float_l {
		margin-bottom: 10px;
	}
}

/*bnr_ft_block
----------------------------------------*/

#bnr_ft_block {
	background: #eeeeee;
	padding: 20px 0;
}
#bnr_ft_block img {
	-webkit-box-shadow: rgba(212, 215, 219, 0.5) 0px 2px 6px 3px;
	-moz-box-shadow: rgba(212, 215, 219, 0.5) 0px 2px 6px 3px;
	box-shadow: rgba(212, 215, 219, 0.5) 0px 2px 6px 3px;
}
#bnr_ft_block .l_box {
	width: 280px;
	float: left;
	margin-left: 5px;
}
#bnr_ft_block .r_box {
	width: 682px;
	float: right;
	margin-right: 5px;
}

@media screen and (max-width: 736px) {
	#bnr_ft_block img {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#bnr_ft_block .l_box {
		width: auto;
		float: none;
		margin: 0 3.75% 10px;
	}
	#bnr_ft_block .r_box {
		width: auto;
		height: 60px;
		float: none;
		overflow: hidden;
	}
}

/*bnr_ft_block slide
----------------------------------------*/
#ft_slide li {
	float: left;
}

/* THEME */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
#bnr_ft_block .r_box .bx-wrapper .bx-prev {
	left: -58px;
	background: url(../img/index/btn_ft_prev.png);;
}
#bnr_ft_block .r_box .bx-wrapper .bx-next {
	right: -58px;
	background: url(../img/index/btn_ft_next.png);
}
#bnr_ft_block .r_box .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: -50px;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 1000;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

@media screen and (max-width: 736px) {
	#ft_slide {
		position: absolute;
		width: 519px;
		height: 60px;
		top: 0;
		left: 50%;
		margin-left: -260px;
	}
}

/*layer_board_block
----------------------------------------*/

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	background: url(../img/index/bg_layer_board.png);
}
#layer_board_block .layer_board {
	display: none;
	position: fixed;
	width: 960px;
	height: 560px;
	background: url(../img/index/bg_board.png);
	left: 50%;
	margin:60px 0px 0px -480px;
	text-align: center;
	z-index: 2000;
}
#layer_board_block .layer_board .btn_close {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 16px;
}
#layer_board_block .layer_board_inner {
	padding-top: 50px;
}
#layer_board_block .img_cycle {
	width: 320px;
	margin: 0 auto 20px;
}
#layer_board_block .txt_kiduku {
	width: 430px;
	margin: 0 auto 20px;
}
#layer_board_block .img_btn {
	width: 206px;
	margin: 0 auto;
}

@media screen and (max-width: 736px) {
	#layer_board_block .layer_board {
		display: none;
		position: fixed;
		width: 100%;
		height: auto;
		background: url(../img/index/bg_board.png);
		left: 0;
		margin: 53px 0 0;
		text-align: center;
		z-index: 2000;
	}
	#layer_board_block .layer_board .btn_close {
		top: auto;
		bottom: 20px;
		right: 50%;
		width: 48px;
		margin: 0 -24px 0 0;
	}
	#layer_board_block .layer_board_inner {
		padding: 43px 0;
	}
	#layer_board_block .img_cycle {
		width: 196px;
		margin: 0 auto 20px;
	}
	#layer_board_block .txt_kiduku {
		width: 269px;
		margin: 0 auto 15px;
	}
	#layer_board_block .img_btn {
		width: 160px;
		margin: 0 auto;
	}

}



/*message_block
----------------------------------------*/
#message_block{
	margin-bottom:40px;
}
#message_block .message_col{
	border:3px double #999999;
	background:#FbFbFb;
	margin:20px 10%;
	padding:20px;
	font-size:115%;
}
#message_block .message_title{
	font-weight: bold;
	margin-bottom:10px;
	font-size:130%;
	text-align: center;
}
@media screen and (max-width: 736px) {
	#message_block{
		margin-top:20px;
	}
	#message_block .message_col{
		margin:20px 1%;
	}
}