/* INDEX */
body{
	background:url(../img/bg_01.jpg) no-repeat top center fixed;
	background-size:cover;
}

#index_photo01{
	width:274px;
	height:367px;
	background:url(../img/index_photo01.png) no-repeat;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-465px;
}
#index_photo02{
	width:146px;
	height:164px;
	background:url(../img/index_photo02.png) no-repeat;
	position:absolute;
	top:505px;
	right:50%;
	margin-right:-430px;
}

#title{
	width:100%;
	background:url(../img/index_titlebg.png) repeat-x center 340px;
	padding:255px 0 0;
	text-indent:-9999px;
}
h1{
	width:730px;
	height:290px;
	margin:0 auto;
	background:url(../img/index_title.png) no-repeat;
}
#title a{
	display:block;
	width:370px;
	height:55px;
	overflow:hidden;
	margin:-290px auto 255px;
}
#lead{
	width:590px;
	height:180px;
	background:url(../img/index_lead.png) no-repeat center;
	margin: 0 auto 80px;
	text-indent:-9999px;
}

#topics{
	-webkit-animation-name: TopicsArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	width:720px;
	margin:30px auto 20px auto;
	padding:6px 10px 10px 10px;
	background:url(../img/topics_bg.png);
	border:1px solid #666;
}
#topics p{
	margin-top:6px;
	color:#fff;
}
#topics a{
	color:#fff;
	text-decoration:none;
}
#topics a:hover{
	color:#acf400;
}
#links{
	text-align:center;
	letter-spacing:10px;
	z-index:9999;
}