/* INDEX */
#menu{
	position:absolute;
	top:0;
}

#index_copy{
	width:70px;
	height:381px;
	background:url(../img/index_copy.png) no-repeat center bottom;
	text-indent:-9999px;
	margin:0 auto;
	backface-visibility:hidden;
	margin:0 auto 0;
}

@-webkit-keyframes photo01 {
	0%, 100% { background-position: center 0; }
	50% { background-position: center 10px; }
}
@keyframes photo01 {
	0%, 100% { background-position: center 0; }
	50% { background-position: center 10px; }
}
#imagephoto01{
	-webkit-animation-name: photo01;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-name: photo01;
	animation-fill-mode:backwards;
	animation-timing-function:ease-in-out;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	width:100%;
	height:460px;
	background:url(../img/index_photo01.png) no-repeat center bottom;
	backface-visibility:hidden;
	position:absolute;
	top:110px;
}
@-webkit-keyframes photo02 {
	0%, 100% { background-position: center 0; }
	50% { background-position: center 10px; }
}
@keyframes photo02 {
	0%, 100% { background-position: center 0; }
	50% { background-position: center 10px; }
}
#imagephoto02{
	-webkit-animation-name: photo02;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	animation-name: photo02;
	animation-fill-mode:backwards;
	animation-timing-function:ease-in-out;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	width:100%;
	height:550px;
	background:url(../img/index_photo02.png) no-repeat center center;
	backface-visibility:hidden;
	position:absolute;
	top:80px;
}
#movie_info01{
	display:block;
	width:200px;
	height:260px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	top:0;
	left:50%;
	margin-left:265px;
}
#movie_info02{
	display:block;
	width:155px;
	height:160px;
	text-indent:-9999px;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	top:125px;
	left:50%;
	margin-left:-520px;
}
#movie_info01:hover, #movie_info02:hover{
	background:url(../img/index_about.png) no-repeat center center;
}



#index_cloud{
	-webkit-animation-name: photo02;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	animation-name: photo02;
	animation-fill-mode:backwards;
	animation-timing-function:ease-in-out;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	width:167px;
	height:123px;
	background:url(../img/index_cloud.png) no-repeat;
	text-indent:-9999px;
	backface-visibility:hidden;
	position:absolute;
	top:105px;
	left:50%;
	margin-left:-380px;
}

#index_title{
	width:756px;
	height:306px;
	background:url(../img/index_title.png) no-repeat center center;
	text-indent:-9999px;
	overflow:hidden;
	backface-visibility:hidden;
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-378px;
}
#index_title a{
	display:block;
	width:150px;
	height:105px;
	margin:0 auto;
	overflow:hidden;
	float:right;
}

#index_lead{
	width:100%;
	height:154px;
	background:url(../img/index_lead.png) no-repeat center;
	text-indent:-9999px;
	backface-visibility:hidden;
	position:absolute;
	top:730px;
}


#topics{
	width:720px;
	padding:6px 10px 10px 10px;
	background:url(../img/w70.png);
	position:absolute;
	top:920px;
	left:50%;
	margin-left:-360px;
}
#topics p{
	margin-top:6px;
}
#topics a{
	color:#000;
	text-decoration:none;
}
#topics a:hover{
	color:#9cf;
}
#links{
	width:100%;
	text-align:center;
	letter-spacing:10px;
	position:absolute;
	top:990px;
}
#copyright{
	width:100%;
	height:45px;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	position:absolute;
	top:1050px;
}