@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 %
---------------------------------------------------------------------*/




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






/* mainimage
--------------------- */
#mainimage {
	width: 100%;
	min-width: 1120px;
	height: 768px;
	background: url(../img/20211104_mainimage_PC.jpg) no-repeat center top;
	background-size: cover;
}
	#mainimage p {
		display: none;
	}


	



/* newsarea
--------------------- */
#newsarea {
	width: 100%;
	min-width: 1120px;
	padding: 60px 0 60px 0;
}
	#newsarea .titlebox {
		width: 300px;
		float: left;
		padding-top: 20px;
		position: relative;
	}
		#newsarea .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 60px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 11px;
			line-height: 70px;
		}

		#newsarea .titlebox .txt {
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
			position: absolute;
			top: 110px;
			left: 55px;
		}
		
		#newsarea .titlebox .icon {
			position: absolute;
			top: 20px;
			left: -7px;
		}
		

	#newsarea .linkbox {
		width: 790px;
		float: right;
	}
		#newsarea .linkbox .link {
		}
			#newsarea .linkbox .link a {
				display: block;
				padding: 18px 0 18px 0;
				color: #212121;
				text-decoration: none;
				position: relative;
				background: url(../img/news_border.gif) no-repeat left bottom;
			}
			#newsarea .linkbox .link a:before{
				position: absolute;
				bottom: 0px;
				left: 0;
				content: "";
				display: inline-block;
				width: 0;
				height: 2px;
				background: #212121;
				transition: 0.7s;
				-webkit−transition: 0.7s;
			}
			
			#newsarea .linkbox .link a:hover:before{
				width: 100%;
			}
				#newsarea .linkbox .link a .days {
					width: 100px;
					float: left;
					font-family: FouSerifCN-Medium;
					font-size: 136%;
					font-weight: normal;
					font-style: normal;
					letter-spacing: 1px;
				}
				#newsarea .linkbox .link a .cat {
					width: 140px;
					float: left;
					font-size: 86%;
					font-weight: bold;
					text-align: center;
					padding-top: 4px;
				}
				#newsarea .linkbox .link a .txt {
					width: 550px;
					float: right;
					padding-top: 4px;
				}


	#newsarea .btn {
		clear: both;
		width: 222px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
		#newsarea .btn .button {
			position: relative;
			display: block;
			padding: 15px 0 13px 0;
			border: 2px solid #efefef;
			font-family: FouSerifCN-Medium;
			font-weight: normal;
			font-style: normal;
			text-align: center;
			letter-spacing: 3px;
			color: #212121;
			text-decoration: none;
			outline: none;
			transition: all .3s;
		}
		#newsarea .btn .button::before,
		#newsarea .btn .button::after {
			position: absolute;
			top: -2px;
			right: -2px;
			bottom: -2px;
			left: -2px;
			z-index: 2;
			content: '';
			transition: all .3s;
		}
		#newsarea .btn .button::before {
			border-top: 2px solid #212121;
			border-bottom: 2px solid #212121;
			transform: scale(0, 1);
		}
		#newsarea .btn .button::after {
			border-right: 2px solid #212121;
			border-left: 2px solid #212121;
			transform: scale(1, 0);
		}
		#newsarea .btn .button:hover {
			color: #212121;
		}
		#newsarea .btn .button:hover::after,
		#newsarea .btn .button:hover::before {
			transform: scale(1);
		}



/* pickuparea
--------------------- */
#pickuparea {
	width: 100%;
	min-width: 1120px;
	padding: 30px 0 80px 0;
	border-top: solid 2px #efefef;
}
	#pickuparea .titlebox {
		width: 300px;
		float: left;
		padding-top: 20px;
		position: relative;
	}
		#pickuparea .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 60px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 11px;
			line-height: 70px;
		}

		#pickuparea .titlebox .txt {
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
			position: absolute;
			top: 110px;
			left: 55px;
		}
		
		#pickuparea .titlebox .icon {
			position: absolute;
			top: 20px;
			left: -7px;
		}
		

	#pickuparea .linkbox {
		width: 790px;
		float: right;
	}
		#pickuparea .linkbox .link {
		}
			#pickuparea .linkbox .link a {
				display: block;
				padding: 18px 0 18px 0;
				color: #212121;
				text-decoration: none;
				position: relative;
				background: url(../img/news_border.gif) no-repeat left bottom;
			}
			#pickuparea .linkbox .link a:before{
				position: absolute;
				bottom: 0px;
				left: 0;
				content: "";
				display: inline-block;
				width: 0;
				height: 2px;
				background: #212121;
				transition: 0.7s;
				-webkit−transition: 0.7s;
			}
			
			#pickuparea .linkbox .link a:hover:before{
				width: 100%;
			}
				#pickuparea .linkbox .link a .days {
					width: 100px;
					float: left;
					font-family: FouSerifCN-Medium;
					font-size: 136%;
					font-weight: normal;
					font-style: normal;
					letter-spacing: 1px;
				}
				#pickuparea .linkbox .link a .cat {
					width: 140px;
					float: left;
					font-size: 86%;
					font-weight: bold;
					text-align: center;
					padding-top: 4px;
				}
				#pickuparea .linkbox .link a .txt {
					width: 550px;
					float: right;
					padding-top: 4px;
				}


	#pickuparea .btn {
		clear: both;
		width: 222px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
		#pickuparea .btn .button {
			position: relative;
			display: block;
			padding: 15px 0 13px 0;
			border: 2px solid #efefef;
			font-family: FouSerifCN-Medium;
			font-weight: normal;
			font-style: normal;
			text-align: center;
			letter-spacing: 3px;
			color: #212121;
			text-decoration: none;
			outline: none;
			transition: all .3s;
		}
		#pickuparea .btn .button::before,
		#pickuparea .btn .button::after {
			position: absolute;
			top: -2px;
			right: -2px;
			bottom: -2px;
			left: -2px;
			z-index: 2;
			content: '';
			transition: all .3s;
		}
		#pickuparea .btn .button::before {
			border-top: 2px solid #212121;
			border-bottom: 2px solid #212121;
			transform: scale(0, 1);
		}
		#pickuparea .btn .button::after {
			border-right: 2px solid #212121;
			border-left: 2px solid #212121;
			transform: scale(1, 0);
		}
		#pickuparea .btn .button:hover {
			color: #212121;
		}
		#pickuparea .btn .button:hover::after,
		#pickuparea .btn .button:hover::before {
			transform: scale(1);
		}







	



/* competition
--------------------- */
#competition {
	width: 100%;
	min-width: 1120px;
	padding: 80px 0 110px 0;
	background: #212121;
	position: relative;
}
	#competition .border {
		position: absolute;
		top: -20px;
		left: 50%;
	}
	
	
	#competition .titlebox {
		position: relative;
		text-align: center;
		color: #fff;
		margin-bottom: 50px;
	}
		#competition .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 40px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 8px;
			line-height: 1.2em;
		}

		#competition .titlebox .txt {
			font-weight: bold;
			letter-spacing: 1px;
		}
		
		#competition .titlebox .icon {
			position: absolute;
			top: -3px;
			left: 692px;
		}
		
		
	#competition .grid {
		position: relative;
		text-align: center;
	}
		#competition .grid li.effect-oscar {
			position: relative;
			float: left;
			overflow: hidden;
			width: 268px;
			height: 198px;
			text-align: center;
			cursor: pointer;
			background: #000;
		}
		#competition .grid li.effect-oscar.right {
			margin-right: 0;
		}
			.grid li.effect-oscar .pht {
				position: relative;
				display: block;
				width: 268px;
				height: 198px;
				opacity: 1;
			}
			
			#competition .grid li.effect-oscar figcaption {
				padding: 0;
				color: #fff;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			#competition .grid li.effect-oscar figcaption::before,
			#competition .grid li.effect-oscar figcaption::after {
				pointer-events: none;
			}
				#competition .grid li.effect-oscar figcaption,
				#competition .grid li.effect-oscar figcaption > a {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
				#competition .grid li.effect-oscar figcaption > a {
					z-index: 1000;
					text-indent: 200%;
					opacity: 0;
				}
	
				#competition .grid li.effect-oscar dl {
					padding: 25px;
				}
					#competition .grid li.effect-oscar dl dt {
						font-size: 12px;
						font-weight: normal;
						line-height: 1.8em;
						margin-bottom: 20px;
						text-align: left;
						letter-spacing: 1px;
					}
					#competition .grid li.effect-oscar dl dd {
						width: 140px;
						margin: 0 auto;
						font-family: FouSerifCN-Medium;
						font-size: 14px;
						font-weight: normal;
						line-height: 1;
						padding: 12px 0 8px 0;
						font-style: normal;
						letter-spacing: 1px;
						border: solid 2px #fff;
					}


	/*---------------*/
	/***** Oscar *****/
	/*---------------*/
	#competition li.effect-oscar .pht {
		opacity: 0.9;
		-webkit-transition: opacity 0.9s;
		transition: opacity 0.9s;
	}
	
	#competition li.effect-oscar figcaption {
		padding: 3em;
		-webkit-transition: background-color 0.5s;
		transition: background-color 0.5s;
	}
	
	#competition li.effect-oscar figcaption::before {
	}
	
	#competition li.effect-oscar figcaption::before,
	#competition li.effect-oscar dl {
		opacity: 0;
		-webkit-transition: opacity 0.1s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	
	#competition li.effect-oscar:hover h3 {
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
	}
	
	#competition li.effect-oscar:hover figcaption::before,
	#competition li.effect-oscar:hover dl {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	#competition li.effect-oscar:hover figcaption {
		backgroundx: #000;
	}
	
	#competition li.effect-oscar:hover .pht {
		opacity: 0;
	}







	



/* feature
--------------------- */
#feature {
	width: 100%;
	min-width: 1120px;
	padding: 80px 0 50px 0;
	background: #fff;
	position: relative;
}
	#feature .border {
		position: absolute;
		top: -20px;
		left: 50%;
	}
	
	
	#feature .titlebox {
		position: relative;
		text-align: center;
		margin-bottom: 50px;
	}
		#feature .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 40px;
			font-weight: normal;
			color: #212121;
			font-style: normal;
			letter-spacing: 8px;
			line-height: 1.2em;
		}

		#feature .titlebox .txt {
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
		}
		
		#feature .titlebox .icon {
			position: absolute;
			top: -3px;
			left: 459px;
		}
	
	
	#feature .box {
		width: 336px;
		float: left;
		margin-right: 50px;
		margin-bottom: 50px;
		border: 2px solid #efefef;
	}
	#feature .box:nth-child(3n)  {
		margin-right: 0;
	}
		#feature .box .button {
			position: relative;
			display: block;
			color: #212121;
			text-decoration: none;
			outline: none;
			transition: all .3s;
		}
		#feature .box .button::before,
		#feature .box .button::after {
			position: absolute;
			top: -2px;
			right: -2px;
			bottom: -2px;
			left: -2px;
			z-index: 2;
			content: '';
			transition: all .3s;
		}
		#feature .box .button::before {
			border-top: 2px solid #212121;
			border-bottom: 2px solid #212121;
			transform: scale(0, 1);
		}
		#feature .box .button::after {
			border-right: 2px solid #212121;
			border-left: 2px solid #212121;
			transform: scale(1, 0);
		}
		#feature .box .button:hover {
			color: #212121;
		}
		#feature .box .button:hover::after,
		#feature .box .button:hover::before {
			transform: scale(1);
		}
			#feature .box a .text {
				padding: 30px;
			}
				#feature .box a .text h3 {
					font-size: 115%;
					font-weight: bold;
					line-height: 1.4em;
					margin-bottom: 10px;
				}
				#feature .box a .text p {
					font-size: 93%;
					color: #5b5b5b;
				}







	



/* sponsors
--------------------- */
#sponsors {
	width: 100%;
	min-width: 1120px;
	padding: 80px 0 80px 0;
	background: #f8f8f8;
	position: relative;
}
	#sponsors .border {
		position: absolute;
		top: -20px;
		left: 50%;
	}
	
	
	#sponsors .titlebox {
		position: relative;
		text-align: center;
		margin-bottom: 50px;
	}
		#sponsors .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 40px;
			font-weight: normal;
			color: #212121;
			font-style: normal;
			letter-spacing: 8px;
			line-height: 1.2em;
		}

		#sponsors .titlebox .txt {
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
		}
		
		#sponsors .titlebox .icon {
			position: absolute;
			top: -1px;
			left: 800px;
		}
	
	
	#sponsors ul {
	}
		#sponsors ul li {
			width: 268px;
			float: left;
			background: #fff;
			text-align: center;
			margin-right: 16px;
			margin-bottom: 16px;
		}
		#sponsors ul li.three {
			width: 362px;
		}
		#sponsors ul li.last {
			margin-right: 0;
		}
			#sponsors ul li .button {
				position: relative;
				display: block;
				color: #212121;
				text-decoration: none;
				outline: none;
				transition: all .3s;
				border: 2px solid #efefef;
			}
			#sponsors ul li .button::before,
			#sponsors ul li .button::after {
				position: absolute;
				top: -2px;
				right: -2px;
				bottom: -2px;
				left: -2px;
				z-index: 2;
				content: '';
				transition: all .3s;
			}
			#sponsors ul li .button::before {
				border-top: 2px solid #212121;
				border-bottom: 2px solid #212121;
				transform: scale(0, 1);
			}
			#sponsors ul li .button::after {
				border-right: 2px solid #212121;
				border-left: 2px solid #212121;
				transform: scale(1, 0);
			}
			#sponsors ul li .button:hover {
				color: #212121;
			}
			#sponsors ul li .button:hover::after,
			#sponsors ul li .button:hover::before {
				transform: scale(1);
			}
	
	
	#sponsors ul.two {
		margin: 0 284px;
	}
		#sponsors ul.two li {
			width: 268px;
			float: left;
			background: #fff;
			text-align: center;
			margin-right: 16px;
			margin-bottom: 16px;
		}
		#sponsors ul.two li.last {
			margin-right: 0;
		}
			#sponsors ul.two li .button {
				position: relative;
				display: block;
				color: #212121;
				text-decoration: none;
				outline: none;
				transition: all .3s;
				border: 2px solid #efefef;
			}
			#sponsors ul.two li .button::before,
			#sponsors ul.two li .button::after {
				position: absolute;
				top: -2px;
				right: -2px;
				bottom: -2px;
				left: -2px;
				z-index: 2;
				content: '';
				transition: all .3s;
			}
			#sponsors ul.two li .button::before {
				border-top: 2px solid #212121;
				border-bottom: 2px solid #212121;
				transform: scale(0, 1);
			}
			#sponsors ul.two li .button::after {
				border-right: 2px solid #212121;
				border-left: 2px solid #212121;
				transform: scale(1, 0);
			}
			#sponsors ul.two li .button:hover {
				color: #212121;
			}
			#sponsors ul.two li .button:hover::after,
			#sponsors ul.two li .button:hover::before {
				transform: scale(1);
			}



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





/* list
--------------------- */
#list {
}
	#list .firstbox {
		margin-bottom: 40px;
	}
		#list .firstbox h4 {
			font-size: 115%;
			padding-top: 10px;
		}


	#list dl {
		width: 400px;
		float: left;
		margin-bottom: 40px;
	}
	#list dl.last {
		float: right;
	}
		#list dl dd h4 {
			font-size: 115%;
			padding-top: 10px;
		}
		
		#list dl dd ul li a {
			display: block;
		}





/* 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 dl dd a {
					color: #e50011;
					font-size: 108%;
					font-weight: bold;
				}

		#document dl dd a.pdf {
					padding-left: 18px;
					background: url(../../common/img/icon_pdf.gif) no-repeat left center;
				}


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



.cell {
	padding-bottom: 40px;
}
	.cell h4 {
		font-size: 122%;
		margin-bottom: 22px;
		border-bottom: solid 2px #efefef;
		padding-bottom: 5px;
	}





.pdfbox {
}
	.pdfbox li {
		background: url(../../common/img/icon_pdf.gif) no-repeat left 0.35em;
		padding-left: 20px;
		border-bottom: dotted 2px #efefef;
		padding-bottom: 22px;
		margin-bottom: 22px;
	}









}






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








/* mainimage
--------------------- */
#mainimage {
	padding-top: 62px;
	width: 100%;
}
	#mainimage img {
		width: 100%;
		height: auto;
	}


	



/* newsarea
--------------------- */
#newsarea {
	padding: 60px 0 60px 0;
}
	#newsarea .titlebox {
		margin-bottom: 20px;
		text-align: center;
	}
		#newsarea .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 30px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 5px;
			line-height: 1.4em;
		}

		#newsarea .titlebox .txt {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
		}
		
		#newsarea .titlebox .icon {
			display: none;
		}
		

	#newsarea .linkbox {
	}
		#newsarea .linkbox .link {
		}
			#newsarea .linkbox .link a {
				display: block;
				padding: 18px 0 18px 0;
				color: #212121;
				text-decoration: none;
				position: relative;
				border-bottom: solid 2px #efefef;
			}
			
			#newsarea .linkbox .link a:hover:before{
				width: 100%;
			}
				#newsarea .linkbox .link a .days {
					float: left;
					font-family: FouSerifCN-Medium;
					font-size: 122%;
					font-weight: normal;
					font-style: normal;
					letter-spacing: 1px;
				}
				#newsarea .linkbox .link a .cat {
					float: left;
					font-size: 86%;
					font-weight: bold;
					text-align: center;
					padding-top: 3px;
					margin-left: 10px;
				}
				#newsarea .linkbox .link a .txt {
					clear: both;
					font-size: 93%;
				}


	#newsarea .btn {
		width: 80%;
		margin: 50px auto 0 auto;
	}
		#newsarea .btn .button {
			display: block;
			padding: 12px 0 10px 0;
			border: 2px solid #212121;
			font-family: FouSerifCN-Medium;
			font-weight: normal;
			font-style: normal;
			text-align: center;
			letter-spacing: 3px;
			color: #212121;
		}



/* pickuparea
--------------------- */
#pickuparea {
	padding: 60px 0 60px 0;
	border-top: solid 2px #efefef;
}
	#pickuparea .titlebox {
		margin-bottom: 20px;
		text-align: center;
	}
		#pickuparea .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 30px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 5px;
			line-height: 1.4em;
		}

		#pickuparea .titlebox .txt {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
		}
		
		#pickuparea .titlebox .icon {
			display: none;
		}
		

	#pickuparea .linkbox {
	}
		#pickuparea .linkbox .link {
		}
			#pickuparea .linkbox .link a {
				display: block;
				padding: 18px 0 18px 0;
				color: #212121;
				text-decoration: none;
				position: relative;
				border-bottom: solid 2px #efefef;
			}
			
			#pickuparea .linkbox .link a:hover:before{
				width: 100%;
			}
				#pickuparea .linkbox .link a .days {
					float: left;
					font-family: FouSerifCN-Medium;
					font-size: 122%;
					font-weight: normal;
					font-style: normal;
					letter-spacing: 1px;
				}
				#pickuparea .linkbox .link a .cat {
					float: left;
					font-size: 86%;
					font-weight: bold;
					text-align: center;
					padding-top: 3px;
					margin-left: 10px;
				}
				#pickuparea .linkbox .link a .txt {
					clear: both;
					font-size: 93%;
				}


	#pickuparea .btn {
		width: 80%;
		margin: 50px auto 0 auto;
	}
		#pickuparea .btn .button {
			display: block;
			padding: 12px 0 10px 0;
			border: 2px solid #212121;
			font-family: FouSerifCN-Medium;
			font-weight: normal;
			font-style: normal;
			text-align: center;
			letter-spacing: 3px;
			color: #212121;
		}







	



/* competition
--------------------- */
#competition {
	padding: 60px 0 90px 0;
	background: #212121;
	position: relative;
}
	#competition .border {
		position: absolute;
		top: -20px;
		left: 50%;
	}
	
	
	#competition .titlebox {
		position: relative;
		color: #fff;
		margin-bottom: 40px;
		text-align: center;
	}
		#competition .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 30px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 5px;
			line-height: 1.4em;
		}

		#competition .titlebox .txt {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 1px;
		}
		
		#competition .titlebox .icon {
			display: none;
		}
		
		
	#competition .grid {
		position: relative;
		text-align: center;
	}
		#competition .grid li.effect-oscar {
			float: left;
		}
			#competition .grid li.effect-oscar img {
				width: 92% !important;
				height: auto;
				padding: 2%;
			}
			
			#competition .grid li.effect-oscar figcaption,
			#competition .grid li.effect-oscar .pht {
				display: none;
			}







	



/* feature
--------------------- */
#feature {
	padding: 60px 0 40px 0;
	background: #fff;
	position: relative;
}
	#feature .border {
		position: absolute;
		top: -20px;
		left: 50%;
	}
	
	
	#feature .titlebox {
		position: relative;
		text-align: center;
		margin-bottom: 40px;
	}
		#feature .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 30px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 5px;
			line-height: 1.4em;
			color: #212121;
		}

		#feature .titlebox .txt {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
		}
		
		#feature .titlebox .icon {
			display: none;
		}
	
	
	#feature .box {
		margin-bottom: 20px;
		border: 2px solid #efefef;
	}
	#feature .box:nth-child(3n)  {
		margin-right: 0;
	}
		#feature .box a {
			display: block;
			color: #212121;
		}
			#feature .box a .pht img {
				width: 100%;
				height: auto;
			}
			
			#feature .box a .text {
				padding: 20px;
			}
				#feature .box a .text h3 {
					font-size: 108%;
					font-weight: bold;
					line-height: 1.4em;
					margin-bottom: 10px;
				}
				#feature .box a .text p {
					font-size: 93%;
					color: #5b5b5b;
				}







	



/* sponsors
--------------------- */
#sponsors {
	padding: 60px 0 60px 0;
	background: #f8f8f8;
	position: relative;
}
	#sponsors .border {
		position: absolute;
		top: -20px;
		left: 50%;
	}
	
	
	#sponsors .titlebox {
		position: relative;
		text-align: center;
		margin-bottom: 40px;
	}
		#sponsors .titlebox h2 {
			font-family: FouSerifCN-Medium;
			font-size: 30px;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 5px;
			line-height: 1.4em;
			color: #212121;
		}

		#sponsors .titlebox .txt {
			font-size: 86%;
			font-weight: bold;
			letter-spacing: 1px;
			color: #5b5b5b;
		}
		
		#sponsors .titlebox .icon {
			display: none;
		}
	
	
	#sponsors ul {
	}
		#sponsors ul li {
			background: #fff;
			text-align: center;
			margin-bottom: 16px;
		}
/* 		#sponsors ul li.last { */
/* 			margin-bottom: 0; */
/* 		} */
			#sponsors ul li a {
				display: block;
				color: #212121;
				border: solid 2px #efefef;
			}
				#sponsors ul li a img {
					width: 50%;
					height: auto;
				}
	
	
	#sponsors ul.two {
	}
		#sponsors ul.two li {
			background: #fff;
			text-align: center;
			margin-bottom: 16px;
		}
/* 		#sponsors ul.two li.last { */
/* 			margin-bottom: 0; */
/* 		} */
			#sponsors ul.two li a {
				display: block;
				color: #212121;
				border: solid 2px #efefef;
			}
				#sponsors ul.two li a img {
					width: 50%;
					height: auto;
				}



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





/* list
--------------------- */
#list {
}
#list img {
	width: 100%;
	height: auto;
}
	#list .firstbox {
		margin-bottom: 40px;
	}
		#list .firstbox h4 {
			font-size: 115%;
			padding-top: 10px;
		}


	#list dl {
		margin-bottom: 40px;
	}
	#list dl.last {
	}
		#list dl dd h4 {
			font-size: 115%;
			padding-top: 10px;
		}
		
		#list dl dd ul li a {
			display: block;
		}






/* document
--------------------- */
#document {
	padding: 0 5%;
}
	#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: 115%;
			font-weight: bold;
			margin-bottom: 5px;
		}

		#document dl dd a {
					color: #e50011;
					font-size: 108%;
					font-weight: bold;
				}

		#document dl dd a.pdf {
					padding-left: 18px;
					background: url(../../common/img/icon_pdf.gif) no-repeat left center;
				}

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




.cell {
	padding-bottom: 30px;
}
	.cell h4 {
		font-size: 115%;
		margin-bottom: 22px;
		border-bottom: solid 2px #efefef;
		padding-bottom: 5px;
	}





.pdfbox {
}
	.pdfbox li {
		background: url(../../common/img/icon_pdf.gif) no-repeat left 0.35em;
		padding-left: 20px;
		border-bottom: dotted 2px #efefef;
		padding-bottom: 22px;
		margin-bottom: 22px;
	}






#cse-search-results {
	width: 100%;
}
	#cse-search-results iframe {
		width: 100%;
	}




	

}






.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.8s;
	-ms-animation-duration:0.8s;
	animation-duration:0.8s;
}

@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
	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;
}