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

figure {
	position: relative;
	overflow: hidden;
	margin:0;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(246,171,0,.6);
	-webkit-transform: rotate(90deg) scale(3);
	transform: rotate(90deg) scale(3);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figure:hover figcaption {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}


figure:hover figcaption p{
	display:block;
	width:380px;
	color:#000;
	text-shadow:none;
	}

figure:hover figcaption p a{
	display:block;
	border:#000 2px solid;
	padding:10px;
	text-align:center;
	margin:10px 0;
	text-shadow:none;
	color:#000;
	border-radius:3px;
	}

figure:hover figcaption p a:hover{
	display:block;
	border:#000 2px solid;
	padding:10px;
	text-align:center;
	margin:10px 0;
	text-shadow:none;
	color:#f6ab00;
	background: #000;
	border-radius:3px;
	text-decoration:none;
	}


figure#contents01:hover figcaption p{
	width:380px;
	}


figure#contents01{
	width: 810px;
	}

figure#contents01:hover figcaption {
	background:url(../../images/index/01_on.png)  rgba(246,171,0,0.8);
	padding:200px 30px 0 400px;
}




figure#contents02:hover figcaption p{
	width:330px;
	}


figure#contents02{
	width: 370px;
	}

figure#contents02:hover figcaption {
	background:rgba(246,171,0,0.8);
	padding:20px;
	font-size:12px;
	width:330px;
}

figure#contents02 h2{
	font-size:20px;
	text-shadow:none;
	color:#000;
	}



figure#contents03:hover figcaption p{
	width:330px;
	}



figure#contents03{
	width: 370px;
	}

figure#contents03:hover figcaption {
	background:rgba(246,171,0,0.8);
	padding:20px;
	font-size:12px;
	width:330px;

}

figure#contents03 h2{
	font-size:20px;
	text-shadow:none;
	color:#000;
	}




#news{
	width:630px;
	float:left;
	background:url(../../images/index/news.png) no-repeat left top;
	padding:40px 0 0 0;
	}

#news div{
	height:150px;
	overflow-y:scroll;
	padding:0 30px 0 0 ;
	}

#news table th,
#news table td{
	padding:10px;
	vertical-align:text-top;
	color:#000;
	font-size:12px;
	}

#news table th{
	font-weight:bolder;
	}

#btn{
	margin:	10px 0 20px 0;
	}

#btn img{
	margin-right:23px;
	}