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


#wrapper {
	width:820px; height:auto;
	background-image: url(images/bg_index.png);
	margin:0 auto;
	background-color: #CFF;
}


#header {
	width:370px;
	height:auto;
	float:left;
}
#top_nav {
	height:60px;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #CFF;
	float: left;
	width: 450px;
	background-image: url(images/bg_nav1.png);
}
#top_nav a {
	width:72px;
	height:60px;
	background-repeat:no-repeat;
	display: block;
	background-position: top;
	text-indent: -2000px;
	float: right;
}
#top_nav a:hover, a:active {
	background-position:bottom;
}
.btn_nav1 {
	background-image:url(images/btn_nav1.png);
}
.btn_nav2 {
	background-image:url(images/btn_nav2.png);
}
.btn_nav3 {
	background-image:url(images/btn_nav3.png);
}
.btn_nav4 {
	background-image:url(images/btn_nav4.png);
}
.btn_nav5 {
	background-image:url(images/btn_nav5.png);
}
.btn_nav6 {
	background-image:url(images/btn_nav6.png);
}
.navpic{
	background-image: url(images/btn_nav_end.png);
	width:18px;
	height:60px;
	display:block;
	float: right;
}
#main {
	height:100%;
	float:left;
	display: block;
	min-height: 840px;
	width: 450px;
}
.news {
	width:420px;
	min-height:180px;
	margin:10px 5px;
	border:medium dotted #BEE6FF;
	float:left;
	color:#063;
}
.news h1 {
	background-image:url(images/h1_news.png);
}
.news ul {
	list-style: url(images/star.png);
	width:auto;
	padding:5px 20px;
}
.news li {
	list-style-position:inside;
}
.recomment {
	width:420px;
	height:auto;
	margin:10px 5px;
	border:medium dotted #BEE6FF;
	float:left;
	color:#063;
}
.recomment h1 {
	background-image:url(images/h1_recomment.png);
}
#book {
	width:80px;
	height:120px;
	padding:5px;
	float:left;
	margin:7px;
	background-color:#063;
}

#footer {
	width:820px;
	height:60px;
	background-image:url(images/bg_footer.png);
	background-repeat:no-repeat;
	background-position:top;
}