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


/* !event information
---------------------------------------------------------- */
.sectionEventInfo {
	width: 80%;
	margin: 40px auto;
	border-top: #18b7cd solid 3px;
	border-bottom: #009fe8 solid 3px;
	border-left: #eee solid 1px;
	border-right: #eee solid 1px;
	padding: 0 15px;
}
	.informationBox { text-align: center;}
		.informationBox  h2 { margin: 20px 0 15px;}
			.informationBox  h2 img { width: 100%; max-width: 300px;}
		.informationBox dl { margin: 0 -10px;}
			.informationBox dt {
				font-size: 70%;
				color: #666;
			}
				.informationBox dd {
					font-size: 93%;
					font-weight: bold;
					padding: 5px 0;
				}
		.btnTypeList {
			display: block;
			background: #fd0;
			text-align: center;
			font-weight: bold;
			letter-spacing: .05em;
			margin: 15px auto;
			width: 250px;
			padding: 10px 0;
		}
		a.btnTypeList:hover { text-decoration: none;}
			.btnTypeList span {
				position: relative;
				padding: 0 0 0 20px;
			}
			.btnTypeList span::before {
				top: 50%;
				left: 0;
				width: 8px;
				height: 8px;
				border-top: 1px solid #137;
				border-right: 1px solid #137;
				-webkit-transform: translateY(-50%) rotate(45deg);
				-ms-transform: translateY(-50%) rotate(45deg);
				transform: translateY(-50%) rotate(45deg);
				content: '';
				position: absolute;
			}

	.sliderBox {
		width: 250px;
		margin: 10px auto;
	}
		.stage {
			position: relative;
			width: 250px;
			height: 200px;
			margin: 0 auto;
		}
			.stage-inner {
				width: 250px;
				height: 200px;
				position: relative;
				overflow: hidden;
			}
			.photo1,.photo2,.photo3,.photo4 {
				position: absolute;
				float: left;
				width: 250px;
				height: 200px;
				left: 250px;
				-moz-animation: imgtrans 24s infinite;
				-webkit-animation: imgtrans 24s infinite;
				animation: imgtrans 24s infinite;
			}
			.photo1 {
				-moz-animation-delay: 0s;
				-webkit-animation-delay: 0s;
				animation-delay: 0s;
			}
			.photo2 {
				-moz-animation-delay: 6s;
				-webkit-animation-delay: 6s;
				animation-delay: 6s;
			}
			.photo3 {
				-moz-animation-delay: 12s;
				-webkit-animation-delay: 12s;
				animation-delay: 12s;
			}
			.photo4 {
				-moz-animation-delay: 18s;
				-webkit-animation-delay: 18s;
				animation-delay: 18s;
			}
				.photo1 p,.photo2 p,.photo3 p,.photo4 p {
					background: #eee;
					width: 250px;
					height: 200px;
					display: table-cell;
					text-align: center;
					vertical-align: middle;
				}
					.photo1 p img,.photo2 p img,.photo3 p img,.photo4 p img {
						max-width: 250px;
						max-height: 200px;
					}
@-webkit-keyframes imgtrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}
@-moz-keyframes imgtrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}
@keyframes imgtrans {
 0% { left:100%; }
 5% { left:0%; }
 25% { left:0%; }
 30% { left:-100%; }
 100% { left:-100%; }
}