@charset "utf-8";
body {
	padding:0;
}
/* ------------------------
	terms
------------------------ */
#terms {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1100;
}
#terms .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:rgba(0,0,0,0.5);*/
	background:#000;
	opacity:0.5;
	cursor:pointer;
}
#terms .inner {
	position:absolute;
	left:50%;
	margin:0 0 0 -470px;
	background:url(../../dps/img/bg_term.png) no-repeat 0 0;
	width:799px;
	height:482px;
	padding:50px 70px;
	position:relative;
	z-index:1110;
}
#terms .inner .terms_close {
	position:absolute;
	top:17px;
	right:17px;
	cursor:pointer;
}
#terms .inner h2 {
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	line-height:41px;
	border-bottom:solid 1px #3a3a3a;
	margin:0 0 20px;
}
#terms .inner p {
	color:#fff;
	font-size:12px;
	line-height:21px;
}
#terms .inner p a {
	color:#fff;
	font-size:12px;
	line-height:21px;
}

/* ------------------------
	event
------------------------ */
#event {
	padding:60px 0 0;
	background:url(../../dps/img/bg_03.gif) repeat-x 0 60px;
	height:805px;
	position:relative;
}
#event .bg {
	background:url(../../dps/img/bg_event.jpg) no-repeat center top;
	position:relative;
	z-index:10;
}
#event:before {
	content:'';
	display:block;
	width:50%;
	height:805px;
	position:absolute;
	z-index:1;
	left:50%;
	background:#303030;
}
#event .inner {
	position:relative;
	padding:0;
	width:1100px;
	z-index:100;
}

/* ------------------------
	overview
------------------------ */
#overview {
	margin:-30px 0 0;
	background:#303030;
}
#overview .inner {
	padding-top:0;
}
#overview h2 {
	margin:0 0 40px;
}
#overview h3 {
	text-align:center;
	margin:0 0 50px;
}
#overview table {
	border-top:solid 1px #494949;
	width:620px;
	margin:0 auto 30px;
}
#overview th {
	border-bottom:solid 1px #494949;
	border-right:solid 1px #494949;
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	padding:8px 0;
	text-align:center;
	vertical-align:middle;
	width:105px;
}
#overview td {
	border-bottom:solid 1px #494949;
	color:#fff;
	font-size:16px;
	line-height:24px;
	padding:8px 8px 8px 40px;
	text-align:left;
	vertical-align:top;
}
#overview td span {
	font-size:11px;
	line-height:18px;
}
#overview td a {
	color:#fff;
}
#overview td img {
	vertical-align:middle;
	margin:0 0 0 5px;
}
#overview p {
	text-align:center;
	margin:0 0 30px;
	color:#fff;
	font-size:14px;
	line-height:24px;
}
#overview dl {
	width:617px;
	height:52px;
	border:solid 1px #fff;
	margin:0 auto 15px;
	overflow:hidden;
}
#overview dt {
	width:141px;
	float:left;
}
#overview dd {
	color:#fff;
	width:386px;
	line-height:52px;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 90px;
}
#overview dd span {
	font-size:18px;
}
#overview p:nth-child(5) {
	font-size:11px;
	line-height:18px;
	margin:0 0 18px;
}
#overview p:nth-child(6) {
	font-size:11px;
	line-height:18px;
	margin:0 0 50px;
}
#overview p:nth-child(6) a {
	color:#fff;
}
#overview p:nth-child(7) {
	margin:0 0 10px;
}
#overview p:nth-child(8) {
	font-size:10px;
	line-height:18px;
	margin:0;
}

/* ------------------------
	about
------------------------ */
#about {
	background:url(../../dps/img/bg_02.gif) repeat-x 0 0;
}
#about .inner {
	height:922px;
	background:url(../../dps/img/bg_01.gif) no-repeat center top;
	padding:70px 0 50px;
	position:relative;
}
#about h2 {
	margin:0 0 40px;
}
#about h3 {
	text-align:center;
	margin:0 0 20px;
}
#about h4 {
	text-align:center;
	margin:0 0 13px;
}
#about p {
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#222;
}
#about div p {
	font-size:12px;
	line-height:21px;
}
#about .point01 {
	position:absolute;
	top:372px;
	left:33px;
	width:315px;
}
#about .point02 {
	position:absolute;
	top:473px;
	left:664px;
	width:255px;
}
#about .point03 {
	position:absolute;
	top:781px;
	left:166px;
	width:248px;
}
#about .point03 p {
	color:#fff;
}
#about .btn {
	position:absolute;
	top:833px;
	left:640px;
}

/* ------------------------
	archive
------------------------ */
#archive {
	background:#303030;
}
#archive .movie {
	margin:0 0 40px;
}
#archive h3 {
	text-align:center;
	margin:0 0 20px;
}
#archive p {
	text-align:center;
	font-size:14px;
	line-height:22px;
	color:#fff;
	margin:0 0 30px;
}
#archive p:nth-child(5) {
	margin:0 0 60px;
}
#archive p:nth-child(6) {
	margin:0 0 10px;
}
#archive p:nth-child(7) {
	font-size:10px;
	line-height:18px;
	margin:0;
}

/* --------------------------------------------------
	media-queries w640
-------------------------------------------------- */
@media screen and (max-width: 640px){
	/* ------------------------
		terms
	------------------------ */
	#terms {
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1100;
	}
	#terms .bg {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		cursor:pointer;
	}
	#terms .inner {
		position:absolute;
		left:0;
		background:#242424;
		width:auto;
		height:auto;
		margin:0 3%;
		padding:10% 5% 5%;
		position:relative;
		z-index:1110;
		box-shadow:0 0 3% rbga(0,0,0,0.8);
	}
	#terms .inner .terms_close {
		position:absolute;
		top:17px;
		right:17px;
		cursor:pointer;
	}
	#terms .inner .terms_close img {
		width:50%;
		height:auto;
	}
	#terms .inner h2 {
		color:#fff;
		font-weight:bold;
		text-align:center;
		font-size:18px;
		line-height:41px;
		border-bottom:solid 1px #3a3a3a;
		margin:0 0 20px;
	}
	#terms .inner p {
		color:#fff;
		font-size:12px;
		line-height:21px;
	}
	#terms .inner p a {
		color:#fff;
		font-size:12px;
		line-height:21px;
	}

	/* ------------------------
		event
	------------------------ */
	#event {
		padding:13% 0 0;
		background:none;
		height:auto;
	}
	#event .bg {
		background:none;
		position:relative;
		z-index:10;
	}
	#event:before {
		content:'';
		display:none;
		width:50%;
		height:805px;
		position:absolute;
		z-index:1;
		left:50%;
		background:#303030;
	}
	#event .inner {
		padding:0;
		width:100%;
	}
	#event .inner img {
		width:100%;
		height:auto;
	}
	
	/* ------------------------
		overview
	------------------------ */
	#overview {
		margin:0;
		background:#303030;
	}
	#overview .inner {
		padding:10% 0;
	}
	#overview h2 {
		margin:0 0 40px;
		text-align:center;
	}
	#overview h2 img {
		width:87%;
		height:auto;
	}
	#overview h3 {
		text-align:center;
		margin:0 0 50px;
	}
	#overview h3 img {
		width:87%;
		height:auto;
	}
	#overview table {
		border-top:solid 1px #494949;
		width:87%;
		margin:0 auto 30px;
	}
	#overview th {
		border-bottom:solid 1px #494949;
		border-right:solid 1px #494949;
		color:#fff;
		font-size:14px;
		line-height:24px;
		font-weight:normal;
		padding:8px 0;
		text-align:center;
		vertical-align:middle;
		width:105px;
	}
	#overview td {
		border-bottom:solid 1px #494949;
		color:#fff;
		font-size:16px;
		line-height:24px;
		padding:8px 8px 8px 8px;
		text-align:left;
		vertical-align:top;
	}
	#overview td span {
		font-size:11px;
		line-height:18px;
	}
	#overview td a {
		color:#fff;
	}
	#overview p {
		text-align:center;
		margin:0 0 30px;
		color:#fff;
		font-size:14px;
		line-height:24px;
	}
	#overview dl {
		width:87%;
		height:auto;
		border:none;
		margin:0 auto 15px;
		overflow:hidden;
	}
	#overview dt {
		width:auto;
		float:none;
		border:solid 1px #fff;
		border-bottom:none;
	}
	#overview dt img {
		width:100%;
		height:auto;
	}
	#overview dd {
		border:solid 1px #fff;
		color:#fff;
		width:auto;
		line-height:52px;
		float:none;
		font-size:12px;
		font-weight:bold;
		padding:0;
		text-align:center;
	}
	#overview dd span {
		font-size:14px;
	}
	#overview p:nth-child(5) {
		font-size:10px;
		line-height:18px;
		margin:0 auto 18px;
		opacity:50%;
		width:87%;
		letter-spacing:-0.1em;
		text-align:left;
	}
	#overview p:nth-child(6) {
		font-size:11px;
		line-height:18px;
		margin:0 0 50px;
	}
	#overview p:nth-child(6) a {
		color:#fff;
	}
	#overview p:nth-child(7) {
		width:87%;
		margin:0 auto 5px;
	}
	#overview p:nth-child(7) img {
		width:100%;
		height:auto;
	}
	#overview p:nth-child(8) {
		width:87%;
		font-size:10px;
		line-height:18px;
		margin:0 auto;
		text-align:left;
	}
	
	/* ------------------------
		about
	------------------------ */
	#about {
		background:#e5e5e5;
	}
	#about .inner {
		height:auto;
		background:url(../../dps/img/bg_01.gif) no-repeat center top;
		background:none;
		padding:10% 0 0;
		position:relative;
	}
	#about h2 {
		margin:0 auto 10%;
		width:94%;
	}
	#about h2 img {
		width:100%;
		height:auto;
	}
	#about h3 {
		width:94%;
		margin:0 auto 5%;
		text-align:center;
	}
	#about h3 img {
		width:100%;
		height:auto;
	}
	#about h4 {
		text-align:center;
		margin:0 0 13px;
		width:94%;
		margin:0 auto 3%;
	}
	#about h4 img {
		width:100%;
		height:auto;
	}
	#about p {
		text-align:left;
		font-size:100%;
		line-height:1.79;
		color:#222;
		letter-spacing:-0.1em;
	}
	#about div p:nth-child(3) {
		color:#222;
		text-align:left;
	}
	#about p.sp {
		width:100%;
		padding:10% 0 0;
	}
	#about p.sp img {
		width:100%;
		height:auto;
	}
	#about div p {
		text-align:left;
		color:#fff;
		font-size:86%;
		line-height:1.58;
		width:94%;
		margin:0 auto;
	}
	#about .point01 {
		position:static;
		top:auto;
		left:auto;
		width:100%;
		background:#303030;
		padding:10% 0 10%;
	}
	#about .point02 {
		position:static;
		top:auto;
		left:auto;
		width:100%;
		background:#303030;
		padding:0 0 10%;
	}
	#about .point03 {
		position:static;
		top:auto;
		left:auto;
		width:100%;
		background:#303030;
		padding:0 0 10%;
	}
	#about .point03 p {
		color:#fff;
	}
	#about .btn {
		position:static;
		top:auto;
		left:auto;
		width:100%;
		text-align:center;
		background:url(../../dps/img/bg_point.gif) no-repeat center bottom #303030;
		padding:0 0 10%;
	}
	#about .btn img {
		width:87.3%;
		height:auto;
	}
	
	/* ------------------------
		archive
	------------------------ */
	#archive {
		background:#303030;
	}
	#archive .movie {
		width:94%;
		margin:0 auto 40px;
	}
	#archive .movie iframe {
		width:100%;
		height:340px;
	}
	#archive h2 {
		width:94%;
		margin:0 auto 30px;
	}
	#archive h2 img {
		width:100%;
		height:auto;
	}
	#archive h3 {
		width:94%;
		text-align:center;
		margin:0 auto 20px;
	}
	#archive h3 img {
		width:100%;
		height:auto;
	}
	#archive p {
		text-align:left;
		font-size:14px;
		line-height:22px;
		color:#fff;
		margin:0 auto 30px;
		width:87%;
	}
	#archive p:nth-child(5) {
		width:87%;
		margin:0 auto 60px;
	}
	#archive p:nth-child(5) img {
		width:100%;
		height:auto;
	}
	#archive p:nth-child(6) {
		width:87%;
		margin:0 auto 10px;
	}
	#archive p:nth-child(6) img {
		width:100%;
		height:auto;
	}
	#archive p:nth-child(7) {
		font-size:10px;
		line-height:18px;
		margin:0 auto;
	}
}