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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/






/* min 801px */
@media screen and (min-width: 801px), print {






/* slider
--------------------- */
#slider {
	width: 100%;
	min-width: 1040px;
	height: 500px;
	padding-top: 104px;
	background: url(../img/slider_bg.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}
	#slider .flexslider {
		width: 1040px;
		margin: 0 auto;
		background: #fff;
	}
	

	/* Direction Nav */
	#slider .flex-direction-nav a  { 
		width: 47px; 
		height: 47px; 
		position: absolute; 
		top: 50%;
		margin-top: -23.5px;
		z-index: 10;
		text-indent: -9999px;
		overflow: hidden;
	}
	#slider .flex-direction-nav .flex-prev { 
		background: url(../img/slider_btn_back.gif) no-repeat center;
		left: -25px;
	}
	#slider .flex-direction-nav .flex-next { 
		background: url(../img/slider_btn_next.gif) no-repeat center;
		right: -25px;
	}


	/* Control Nav */
	#slider .flex-control-nav { 
		width: 100%; 
		position: absolute; 
		bottom: -50px; 
		text-align: center;
	}
		#slider .flex-control-nav li {
			margin: 0 6px; 
			display: inline-block; 
			zoom: 1; 
			*display: inline;
		}
			#slider .flex-control-paging li a {
				width: 37px; 
				height: 3px; 
				display: block; 
				background: #fff; 
				cursor: pointer; 
				text-indent: -9999px; 
			}
			#slider .flex-control-paging li a:hover { 
				background: #00bdff; 
			}
			#slider .flex-control-paging li a.flex-active { 
				background: #00bdff; 
				cursor: default; 
			}





/* topics 
--------------------- */
#topics {
	width: 100%;
	min-width: 1040px;
	background: #fff;
	position: relative;
	border-bottom: solid 1px #eeeeee;
}
	#topics ul {
		width: 1040px;
		margin: 0 auto;
	position: relative;
	}
		#topics ul li {
			width: 260px;
		}
			#topics ul li a {
				display: block;
			}


#topics .owl-controls .owl-prev {
	position: absolute !important;
	top: 50%;
	left: -12px !important;
	display: block !important;
	z-index: 100;
	margin-top: -12px;
	cursor: pointer;
}
#topics .owl-controls .owl-next {
	position: absolute !important;
	top: 50%;
	right: -12px;
	display: block !important;
	z-index: 100;
	margin-top: -12px;
	cursor: pointer;
}

	#topics .comment {
		width: 1040px;
		margin: 20px auto;
		position: relative;
	}
		#topics .comment a {
			font-size: 115%;
			font-weight: 700;
			color: #000;
			transition: 0.4s;
			-webkit-transition: 0.4s;
		}
		#topics .comment a:hover {
			color: #ff4fb3;
		}




/* pickup
--------------------- */
#pickup .inner {
	background: url(../common/img/bg.gif) repeat-y left 1px top;
	padding: 0 0 20px 0;
}
	#pickup .inner .title {
		padding-top: 80px;
		margin-bottom: 40px;
		background: url(../common/img/border.gif) no-repeat left top;
	}
		#pickup .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 50px;
			font-weight: 400;
			letter-spacing: 14px;
			line-height: 1em;
		}
		#pickup .inner .title p {
			font-weight: bold;
			letter-spacing: 4px;
		}
	

	#pickup .inner .box {
		width: 260px;
		float: left;
		margin-bottom: 70px;
	}
		#pickup .inner .box a {
			width: 195px;
			display: block;
			position: relative;
		}
			#pickup .inner .box a .pht {
				width: 195px;
				overflow: hidden;
			}
				#pickup .inner .box a .pht img {
					width: 100%;
					height: auto;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#pickup .inner .box a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

			#pickup .inner .box a h3 {
				width: 140px;
				height: 28px;
				background: #00bdff;
				font-size: 108%;
				color: #fff;
				padding-left: 7px;
				position: absolute;
				bottom: -14px;
				left: 0;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#pickup .inner .box:nth-child(even) a h3 {
				background: #000;
			}
			#pickup .inner .box a:hover h3 {
				background: #001d59;
			}

	#pickup .inner .competition {
		width: 260px;
		float: left;
		margin-bottom: 30px;
	}
		#pickup .inner .competition a {
			width: 250px;
			display: block;
			position: relative;
			padding: 0 5px;
		}
			#pickup .inner .competition a .pht {
				width: 250px;
				overflow: hidden;
			}
				#pickup .inner .competition a .pht img {
					width: 100%;
					height: auto;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#pickup .inner .competition a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

	#pickup .inner .more {
		width: 98px;
		position: absolute;
		top: 80px;
		right: 0;
	}
	#pickup .inner.bottom .more {
		display: none;
	}
		#pickup .inner .more a {
			display: block;
			font-family: 'Teko', sans-serif;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			color: #fff;
			padding: 5px 0 5px 20px;
			background: #000 url(../common/img/icon_arrow01.png) no-repeat right 10px center;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#pickup .inner .more a:hover {
			background: #00bdff url(../common/img/icon_arrow01.png) no-repeat right 10px center;
		}



	#pickup .cbox {
		margin-bottom: 30px;
	}

	#pickup .cbox .sponsor {
		width: 260px;
		float: left;
		margin-bottom: 10px;
		padding-top: 20px;
	}
		#pickup .cbox .sponsor a {
			width: 240px;
			display: block;
			position: relative;
			padding: 0 10px;
		}
			#pickup .cbox .sponsor a .banner {
				width: 240px;
				overflow: hidden;
			}
				#pickup .cbox .sponsor a .banner img {
					width: 100%;
					height: auto;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#pickup .cbox .sponsor a:hover .banner img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}




/* SPbanner
--------------------- */
#SPbanner .inner {
	padding: 60px 0 30px 0;
	background: #fff;
	border-bottom: solid 1px #eeeeee;
}


	#SPbanner .inner .box {
		width: 260px;
		float: left;
		margin-bottom: 30px;
	}
		#SPbanner .inner .box a {
			width: 195px;
			display: block;
			position: relative;
			margin: 0 auto;
		}
			#SPbanner .inner .box a .pht {
				width: 195px;
				overflow: hidden;
			}
				#SPbanner .inner .box a .pht img {
					width: 100%;
					height: auto;
					border: 1px solid #f5f5f5;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#SPbanner .inner .box a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}



/* content
--------------------- */
#content {
	width: 100%;
	min-width: 1040px;
	background: url(../img/contents_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 0 0 70px 0;
}
	#content .inner .title {
		padding-top: 80px;
		margin-bottom: 40px;
		background: url(../common/img/border.gif) no-repeat left top;
		color: #fff;
	}
		#content .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 50px;
			font-weight: 400;
			letter-spacing: 14px;
			line-height: 1em;
		}
		#content .inner .title p {
			font-weight: bold;
			letter-spacing: 4px;
		}


	#content .inner .box {
		width: 50%;
		float: left;
		margin-bottom: 20px;
		position: relative;
	}
		#content .inner .box .number {
			font-family: 'Teko', sans-serif;
			font-size: 14px;
			font-weight: 400;
			color: #fff;
			opacity: 0.4;
			position: absolute;
			top: -2px;
			left: -18px;
		}
	
		/* #content .inner .box a {
			display: block;
			width: 427px;
			position: relative;
		} */
		#content .inner .box a {
			display: block;
			width: 448px;
			position: relative;
		}
		#content .inner .box:nth-child(1) a {
			width: 448px;
		}
			#content .inner .box a .pht {
				overflow: hidden;
			}
				#content .inner .box a .pht img {
					width: 100%;
					height: auto;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#content .inner .box a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}


			#content .inner .box a h3 {
				width: 100%;
				height: 63px;
				background: #001d59 url(../common/img/icon_arrow_white.gif) no-repeat right 16px center;
				font-size: 14px;
				line-height: 64px;
				text-indent: 20px;
				color: #fff;
				position: absolute;
				bottom: 0;
				left: 0;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#content .inner .box a:hover h3 {
				background: #00bdff url(../common/img/icon_arrow_white.gif) no-repeat right 16px center;
			}





/* news
--------------------- */
#news .inner {
	background: url(../common/img/bg.gif) repeat-y left 1px top;
	padding: 0;
}
#news .inner.bottom {
	background: url(../common/img/bg.gif) repeat-y left 1px top;
	padding: 0 0 100px 0;
}
	#news .inner .title {
		padding-top: 80px;
		padding-bottom: 40px;
		background: url(../common/img/border.gif) no-repeat left top;
	}
		#news .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 34px;
			font-weight: 400;
			letter-spacing: 10px;
			line-height: 1em;
		}
		#news .inner .title p {
			font-weight: bold;
			letter-spacing: 4px;
		}
	
	
	#news .inner .more {
		width: 98px;
		position: absolute;
		top: 80px;
		right: 0;
	}
	#news .inner.bottom .more {
		display: none;
	}
		#news .inner .more a {
			display: block;
			font-family: 'Teko', sans-serif;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			color: #fff;
			padding: 5px 0 5px 20px;
			background: #000 url(../common/img/icon_arrow01.png) no-repeat right 10px center;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#news .inner .more a:hover {
			background: #00bdff url(../common/img/icon_arrow01.png) no-repeat right 10px center;
		}

	
	#news .newsbox {
		width: 100%;
		min-width: 1040px;
		border-top: solid 1px #eeeeee;
		position: relative;
		background: #fff;
	}
		#news .newsbox .box {
			border-bottom: solid 1px #eeeeee;
		}
			#news .newsbox .box a {
				display: block;
				padding: 20px 0;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#news .newsbox .box a:hover {
				background: #00bdff;
			}
				#news .newsbox .box a .center {
					width: 1000px;
					margin: 0 auto;
					background: url(../common/img/icon_arrow_black01.gif) no-repeat right center;
					padding-right: 40px;
				}
					#news .newsbox .box a .center .cat {
						width: 155px;
						background: #00bdff;
						float: left;
						text-align: center;
					}
						#news .newsbox .box a .center .cat span {
							font-weight: bold;
							color: #fff;
							padding: 7px 0;
						}

					#news .newsbox .box a .center .days {
						width: 120px;
						float: left;
						font-weight: bold;
						padding-top: 2px;
						padding-left: 20px;
						color: #000;
						transition: 0.2s;
						-webkit−transition: 0.2s;
					}
						#news .newsbox .box a:hover .center .days {
							color: #fff;
						}

					#news .newsbox .box a .center .text {
						width: 705px;
						float: right;
						font-weight: bold;
						padding-top: 2px;
						color: #000;
						transition: 0.2s;
						-webkit−transition: 0.2s;
					}
						#news .newsbox .box a:hover .center .text {
							color: #fff;
						}





/* event
--------------------- */
#event {
	width: 100%;
	min-width: 1040px;
	background: url(../img/event_bg.gif) no-repeat center;
	background-size: cover;
	padding: 0 0 0 0;
}
	#event .inner .title {
		padding-top: 80px;
		margin-bottom: 40px;
		background: url(../common/img/border.gif) no-repeat left top;
		color: #fff;
	}
		#event .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 50px;
			font-weight: 400;
			letter-spacing: 14px;
			line-height: 1em;
		}
		#event .inner .title p {
			font-weight: bold;
			letter-spacing: 4px;
		}


	#event .inner .box {
		width: 25%;
		float: left;
		margin-bottom: 80px;
	}
		#event .inner .box a {
			display: block;
			width: 230px;
			color: #fff;
		}
			#event .inner .box a dl {
				padding-bottom: 10px;
			}
				#event .inner .box a dl dt {
					width: 153px;
					float: right;
					font-weight: bold;
					padding-left: 12px;
					padding-top: 20px;
				}
				#event .inner .box a dl dd {
					width: 65px;
					height: 51px;
					padding-top: 14px;
					background: #000;
					float: left;
					font-family: 'Teko', sans-serif;
					font-size: 26px;
					font-weight: 400;
					text-align: center;
					line-height: 1;
				}
				#event .inner .box:nth-child(even) a dl dd {
					background: #001d59;
				}
					#event .inner .box a dl dd span {
						font-size: 14px;
						display: block;
					}

			#event .inner .box a p {
				font-weight: bold;
				padding-bottom: 10px;
			}

			#event .inner .box a table {
				width: 100%;
			}
				#event .inner .box a table th {
					width: 27%;
					font-size: 93%;
					text-align: left;
					vertical-align: top;
				}
				#event .inner .box a table td {
					font-size: 93%;
				}
	
	
	#event .inner .more {
		width: 98px;
		position: absolute;
		top: 85px;
		right: 0;
	}
		#event .inner .more a {
			display: block;
			font-family: 'Teko', sans-serif;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			color: #000;
			padding: 5px 0 5px 20px;
			background: #fff url(../common/img/icon_arrow02.png) no-repeat right 10px center;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#event .inner .more a:hover {
			color: #fff;
			background: #00bdff url(../common/img/icon_arrow01.png) no-repeat right 10px center;
		}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ‰º‘wƒ^ƒCƒgƒ‹ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(/img/pagetitle_bg.jpg) no-repeat center;
	background-size: cover;
}


/* document
--------------------- */
#document {
}
	#document dl {
		border-bottom: dotted 2px #efefef;
		padding-bottom: 22px;
		margin-bottom: 22px;
	}
	#document dl.last {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
		#document dl dt {
			font-size: 122%;
			font-weight: bold;
			margin-bottom: 5px;
		}

	#document p.date {
		float: right;
		text-align: right;
		margin-top: 20px;
		margin-bottom: 0;
	}






}






/* max 800px */
@media only screen and (max-width: 800px) {






/* slider
--------------------- */
#slider {
	width: 100%;
	padding-top: 56px;
	background: url(../img/slider_bg.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	border-bottom: solid 1px #eeeeee;
}
	#slider .flexslider {
		background: #fff;
		padding-bottom: 40px;
	}
	

	/* Direction Nav */
	#slider .flex-direction-nav a  { 
		width: 47px; 
		height: 47px; 
		position: absolute; 
		top: 50%;
		margin-top: -23.5px;
		z-index: 10;
		text-indent: -9999px;
		overflow: hidden;
	}
	#slider .flex-direction-nav .flex-prev, 
	#slider .flex-direction-nav .flex-next {
		display: none;
	}


	/* Control Nav */
	#slider .flex-control-nav { 
		width: 100%; 
		position: absolute; 
		bottom: -2px; 
		text-align: center;
	}
		#slider .flex-control-nav li {
			margin: 0 6px; 
			display: inline-block; 
			zoom: 1; 
			*display: inline;
		}
			#slider .flex-control-paging li a {
				width: 10px; 
				height: 10px; 
				display: block; 
				background: #ddd; 
				cursor: pointer; 
				text-indent: -9999px; 
			}
			#slider .flex-control-paging li a:hover { 
				background: #00bdff; 
			}
			#slider .flex-control-paging li a.flex-active { 
				background: #00bdff; 
				cursor: default; 
			}





/* topics 
--------------------- */
#topics {
	width: 100%;
	background: #fff;
	position: relative;
	border-bottom: solid 1px #eeeeee;
}
	#topics ul {
		position: relative;
	}
		#topics ul li {
		}
			#topics ul li a {
				display: block;
				text-align: center;
			}
				#topics ul li a img {
				}


#topics .owl-controls .owl-prev {
	position: absolute !important;
	top: 50%;
	left: 0 !important;
	display: block !important;
	z-index: 100;
	margin-top: -12px;
	cursor: pointer;
}
#topics .owl-controls .owl-next {
	position: absolute !important;
	top: 50%;
	right: 0;
	display: block !important;
	z-index: 100;
	margin-top: -12px;
	cursor: pointer;
}

	#topics .comment {
		width: 100%;
		margin: 20px 30px;
		position: relative;
	}
		#topics .comment a {
			font-size: 100%;
			font-weight: 700;
			color: #000;
			letter-spacing: 4px;
		}





/* pickup
--------------------- */
#pickup .inner {
}
	#pickup .inner .title {
		padding-top: 55px;
		margin-bottom: 30px;
		background: url(../common/img/border.gif) no-repeat left top;
	}
		#pickup .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 30px;
			font-weight: 400;
			letter-spacing: 10px;
			line-height: 1em;
		}
		#pickup .inner .title p {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 4px;
		}
	

	#pickup .inner .box {
		width: 50%;
		float: left;
		margin-bottom: 50px;
	}
		#pickup .inner .box a {
			display: block;
			position: relative;
		}
			#pickup .inner .box a .pht {
				overflow: hidden;
			}
				#pickup .inner .box a .pht img {
					width: 100%;
					height: auto;
				}

			#pickup .inner .box a h3 {
				width: 80%;
				height: 25px;
				background: #00bdff;
				font-size: 93%;
				color: #fff;
				padding-left: 7px;
				position: absolute;
				bottom: -14px;
				left: 0;
			}
			#pickup .inner .box:nth-child(even) a h3 {
				background: #000;
			}

	#pickup .inner .competition {
		width: 50%;
		float: left;
		margin-bottom: 20px;
	}
		#pickup .inner .competition a {
			display: block;
			position: relative;
			padding: 0 2px;
		}
			#pickup .inner .competition a .pht {
				overflow: hidden;
			}
				#pickup .inner .competition a .pht img {
					width: 100%;
					height: auto;
				}

	#pickup .inner .more {
		display: none;
	}
	#pickup .inner.bottom .more {
		display: block;
		padding-top: 30px;
		padding-bottom: 30px;
	}
		#pickup .inner .more a {
			display: block;
			font-family: 'Teko', sans-serif;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			color: #fff;
			text-align: center;
			padding: 10px 0 10px 0;
			background: #000 url(../common/img/icon_arrow01.png) no-repeat right 10px center;
		}



	#pickup .cbox {
		margin-bottom: 30px;
	}

	#pickup .cbox .sponsor {
		width: 50%;
		float: left;
		margin-bottom: 10px;
	}
		#pickup .cbox .sponsor a {
			display: block;
			position: relative;
			padding: 0 10px;
		}
			#pickup .cbox .sponsor a .banner {
				overflow: hidden;
			}
				#pickup .cbox .sponsor a .banner img {
					width: 100%;
					height: auto;
				}





/* SPbanner
--------------------- */
#SPbanner .inner {
	padding: 50px 5% 30px 5%;
	background: #fff;
	border-bottom: solid 1px #eeeeee;
}

	#SPbanner .inner .box {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
		#SPbanner .inner .box a {
			display: block;
			position: relative;
			width: 80%;
			margin: 0 10%;
		}
			#SPbanner .inner .box a .pht {
				overflow: hidden;
			}
				#SPbanner .inner .box a .pht img {
					width: 100%;
					height: auto;
					border: 1px solid #f5f5f5;
				}



/* content
--------------------- */
#content {
	width: 100%;
	background: url(../img/contents_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 0 0 40px 0;
}
	#content .inner .title {
		padding-top: 55px;
		margin-bottom: 30px;
		background: url(../common/img/border.gif) no-repeat left top;
		color: #fff;
	}
		#content .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 30px;
			font-weight: 400;
			letter-spacing: 10px;
			line-height: 1em;
		}
		#content .inner .title p {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 4px;
		}


	#content .inner .box {
		margin-bottom: 20px;
		position: relative;
	}
		#content .inner .box .number {
			font-family: 'Teko', sans-serif;
			font-size: 14px;
			font-weight: 400;
			color: #fff;
			opacity: 0.4;
			position: absolute;
			top: -2px;
			left: -15px;
		}
	
		#content .inner .box a {
			display: block;
			position: relative;
		}
		#content .inner .box:nth-child(1) a {
		}
			#content .inner .box a .pht {
				overflow: hidden;
			}
				#content .inner .box a .pht img {
					width: 100%;
					height: auto;
				}


			#content .inner .box a h3 {
				width: 100%;
				height: 63px;
				background: #001d59 url(../common/img/icon_arrow_white.gif) no-repeat right 16px center;
				font-size: 14px;
				line-height: 64px;
				text-indent: 20px;
				color: #fff;
				position: absolute;
				bottom: 0;
				left: 0;
			}





/* news
--------------------- */
#news .inner {
}
	#news .inner .title {
		padding-top: 55px;
		margin-bottom: 30px;
		background: url(../common/img/border.gif) no-repeat left top;
	}
		#news .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 24px;
			font-weight: 400;
			letter-spacing: 7px;
			line-height: 1em;
		}
		#news .inner .title p {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 4px;
		}
	
	
	#news .inner .more {
		display: none;
	}
	#news .inner.bottom .more {
		display: block;
		padding-top: 30px;
		padding-bottom: 30px;
	}
		#news .inner .more a {
			display: block;
			font-family: 'Teko', sans-serif;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			color: #fff;
			text-align: center;
			padding: 10px 0 10px 0;
			background: #000 url(../common/img/icon_arrow01.png) no-repeat right 10px center;
		}

	
	#news .newsbox {
		width: 100%;
		border-top: solid 1px #eeeeee;
		position: relative;
		background: #fff;
	}
		#news .newsbox .box {
			border-bottom: solid 1px #eeeeee;
		}
			#news .newsbox .box a {
				display: block;
				padding: 20px 5%;
			}
				#news .newsbox .box a .center {
					background: url(../common/img/icon_arrow_black01.gif) no-repeat right center;
				}
					#news .newsbox .box a .center .cat {
					}
						#news .newsbox .box a .center .cat span {
							font-size: 86%;
							background: #00bdff;
							font-weight: bold;
							color: #fff;
							padding: 5px 0;
						}

					#news .newsbox .box a .center .days {
						font-size: 86%;
						font-weight: bold;
						padding-top: 2px;
						color: #000;
					}

					#news .newsbox .box a .center .text {
						font-size: 86%;
						font-weight: bold;
						padding-top: 2px;
						padding-right: 30px;
						color: #000;
					}





/* event
--------------------- */
#event {
	width: 100%;
	background: url(../img/event_bg.gif) no-repeat center;
	background-size: cover;
}
	#event .inner .title {
		padding-top: 55px;
		margin-bottom: 30px;
		background: url(../common/img/border.gif) no-repeat left top;
		color: #fff;
	}
		#event .inner .title h2 {
			font-family: 'Teko', sans-serif;
			font-size: 30px;
			font-weight: 400;
			letter-spacing: 10px;
			line-height: 1em;
		}
		#event .inner .title p {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 4px;
		}


	#event .inner .box {
		width: 50%;
		float: left;
		margin-bottom: 40px;
	}
		#event .inner .box a {
			display: block;
			width: 90%;
			color: #fff;
		}
			#event .inner .box a dl {
				padding-bottom: 10px;
			}
				#event .inner .box a dl dt {
					width: 70%;
					float: left;
					font-weight: bold;
					line-height: 1.4em;
					padding-top: 10px;
					font-size: 86%;
				}
				#event .inner .box a dl dd {
					width: 30%;
					height: 42px;
					padding-top: 8px;
					background: #000;
					float: left;
					font-family: 'Teko', sans-serif;
					font-size: 24px;
					font-weight: 400;
					text-align: center;
					line-height: 1;
				}
				#event .inner .box:nth-child(even) a dl dd {
					background: #001d59;
				}
					#event .inner .box a dl dd span {
						font-size: 12px;
						display: block;
					}

			#event .inner .box a p {
				font-size: 86%;
				font-weight: bold;
				padding-bottom: 10px;
			}

			#event .inner .box a table {
				width: 100%;
			}
				#event .inner .box a table th {
					width: 27%;
					font-size: 72%;
					text-align: left;
					vertical-align: top;
					line-height: 1.4em;
					padding-bottom: 3px;
				}
				#event .inner .box a table td {
					font-size: 72%;
					line-height: 1.4em;
					padding-bottom: 3px;
				}
	
	
	#event .inner .more {
		padding-bottom: 40px;
	}
		#event .inner .more a {
			display: block;
			font-family: 'Teko', sans-serif;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			text-align: center;
			color: #000;
			padding: 10px 0 10px 0;
			background: #fff url(../common/img/icon_arrow02.png) no-repeat right 10px center;
		}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ‰º‘wƒ^ƒCƒgƒ‹ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(/img/pagetitle_bg.jpg) no-repeat center;
	background-size: cover;
}


/* document
--------------------- */
#document {
}
	#document dl {
		border-bottom: dotted 2px #efefef;
		padding-bottom: 22px;
		margin-bottom: 22px;
	}
	#document dl.last {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
		#document dl dt {
			font-size: 122%;
			font-weight: bold;
			margin-bottom: 5px;
		}

	#document p.date {
		float: right;
		text-align: right;
		margin-top: 20px;
		margin-bottom: 0;
	}




}





.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}