/* ANIMATION */
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* INDEX */
#index_title{
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-440px;
	height:460px;
	width:880px;
}
#index_title h1{
	width:880px;
	height:330px;
	text-indent:-9999px;
	background:url(../img/index_title.png) no-repeat;
	-webkit-animation-name: slideInLeft;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 1.s;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	animation-name: slideInLeft;
	animation-fill-mode:backwards;
	animation-delay: 1s;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
#index_title p{
	display:block;
	width:510px;
	height:130px;
	margin:0 auto;
}
#index_title p a{
	display:block;
	width:510px;
	height:75px;
	text-indent:-9999px;
	background:url(../img/index_logo.png) no-repeat;
}
#index_title p a:hover{
	opacity:0.7;
}


#index_photo{
	height:430px;
	background:url(../img/index_space.png) repeat-x;
	margin-top:115px;
}
#index_lead{
	background:url(../img/index_lead.png) no-repeat center;
	height:600px;
	text-indent:-9999px;
	margin:-475px 0 40px;
}

#news{
	width:670px;
	margin:0 auto 25px;
	padding:6px 15px 10px;
	background:url(../img/topics_bg.png);
	border:solid 1px #ccc;
}
#news p{
	margin-top:6px;
	color:#fff;
}
#news a{
	color:#000;
	text-decoration:none;
}
#news a:hover{
	color:#0082e7;
}
#index_link{
	text-align:center;
	padding-bottom:30px;
	letter-spacing:10px;
	z-index:9999;
}
#index_link a:hover{
	opacity:0.5;
}