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


/* !Clearfix ---------------------------------------------------------------- */
.sectionEventInfo
{
	display: block;
	min-height: 1%;
}
.sectionEventInfo:after
{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .sectionEventInfo
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !event information
---------------------------------------------------------- */
.sectionEventInfo {
	margin: 40px 0;
	border-top: #18b7cd solid 3px;
	border-bottom: #009fe8 solid 3px;
	border-left: #eee solid 1px;
	border-right: #eee solid 1px;
	padding: 15px 25px;
}
	.informationBox {
		width: 300px;
		text-align: center;
		letter-spacing: .05em;
		float: left;
	}
		.informationBox  h2 { margin: 25px 20px;}
			.informationBox  h2 img { width: 100%;}
		.informationBox dl {}
			.informationBox dt { color: #666;}
				.informationBox dd {
					font-size: 116%;
					font-weight: bold;
					padding: 5px 0;
				}
		.btnTypeList {
			display: block;
			background: #fd0;
			text-align: center;
			font-weight: bold;
			letter-spacing: .05em;
			margin: 10px auto;
			width: 70%;
			padding: 12px;
			font-size: 108%;
		}
		a.btnTypeList { color: #000;}
		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 #000;
				border-right: 1px solid #000;
				-webkit-transform: translateY(-50%) rotate(45deg);
				-ms-transform: translateY(-50%) rotate(45deg);
				transform: translateY(-50%) rotate(45deg);
				content: '';
				position: absolute;
			}

	.sliderBox {
		width: 280px;
		float: right;
	}
		.stage {
			position: relative;
			width: 280px;
			height: 224px;
			margin: 0 auto;
		}
			.stage-inner {
				width: 280px;
				height: 224px;
				position: relative;
				overflow: hidden;
			}
			.photo1,.photo2,.photo3,.photo4 {
				position: absolute;
				float: left;
				width: 280px;
				height: 224px;
				left: 280px;
				-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: 280px;
					height: 224px;
					display: table-cell;
					text-align: center;
					vertical-align: middle;
				}
					.photo1 p img,.photo2 p img,.photo3 p img,.photo4 p img {
						max-width: 280px;
						max-height: 224px;
					}
@-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%; }
}