#content_wrapper{
	background-image:url(../images/bg.png);
	background-position:top center;
}
#content_header{
	background-image:url(../images/bg_head.png);
	background-position:center top;
	width:100%;
	height:189px;
	margin-bottom:12px;
}

#content_header .inner{
	width:980px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}

#content_header h2{
	background-image:url(../images/h2.png);
	width:288px;
	height:137px;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	margin-top:33px;
}
.nav{
	position:absolute;
	right:10px;
	top:17px;
}
.nav li{
	width:146px;
	height:162px;
	float:left;
	background-repeat:no-repeat;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	margin-left:20px;
}
.nav li a{
	width:146px;
	height:162px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	background-repeat: no-repeat;
}
.nav li a:hover{
	background-position:0 -162px;
}

.nav li.about a{
	background-image:url(../images/btn_nav_about.png);
}
.nav li.howto a{
	background-image:url(../images/btn_nav_howto.png);
}
.nav li.arrange a{
	background-image:url(../images/btn_nav_arrange.png);
}
.nav li.contest a{
	background-image:url(../images/btn_nav_contest.png);
}

#event{
	margin-bottom:10px;
}
#event a{
	background-image:url(../images/index/btn_exp.png);
	width:328px;
	height:74px;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:23px;
	right:34px;
}
#event a:hover{
	background-position:0 -74px;
}


.pos_rel{
	position:relative;
}

.section .top{
	background-image:url(../images/border_top.png);
	width:980px;
	height:10px;
	background-repeat: no-repeat;
	display:block;
	line-height:0;
}
.section .inner{
	background-image:url(../images/border_middle.png);
	padding-left:32px;
}
.section .bottom{
	background-image:url(../images/border_bottom.png);
	width:980px;
	height:10px;
	background-repeat: no-repeat;
	display:block;
	line-height:0;
}

div#recommend_sites{
	margin:20px auto;
}

#content_footer{
	width:980px;
	position:relative;
	margin-bottom:20px;
	height:64px;
}
#content_footer img{
	float:left;
	margin-left:64px;
	margin-top:7px;
}
#social_wrap{
	float:left;
}
#social_wrap a{
	float:left;
}
#social_wrap iframe{
	float:left;
}