html{
	height:100%;
	background: #d8f8fd;
/*	background:#d8f8fd url('../images/common/bg_footer.png') repeat-x bottom center;
*/}
body{
	height:100%;
}
header{
	width:580px;
	height:140px;
	padding:0 10px 0 360px;
	margin:0 auto;
	position:relative;
}
header h1{
	width:265px;
	height:59px;
	float:left;
	margin:20px 0 0 0px;
	background:url('../images/common/logo.png') no-repeat;
}
header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}


#character{
	position:absolute;
	top:5px;
	left:0;
}

#wrapper{
	background: url('../images/common/bg_footer.png') repeat-x bottom center;
}

#main{
	width:960px;
	margin:0 auto;
}
#news{
	width:381px;
	padding:0 0 0 15px;
	float:left;
}
#news h3{
	height:33px;
	margin:0 0 17px 0;
}
#news_inner{
	width:381px;
	height:145px;
	overflow:auto;
}
#news dl{
	border-bottom:1px dotted #999;
	padding:5px 0;
}
#news_inner dt{
	color:#c03f42;
	width:77px;
	padding:0 0 0 3px;
	float:left;
}
#news_inner dd{
	width:290px;
	float:right;
}
#backnumber{
	text-align:right;
}
#backnumber a{
	color:#dd595c;
	text-decoration:none;
}
#backnumber a:hover{
	text-decoration:underline;
}
#mainimage{
	float:right;
	width:496px;
	height:205px;
	padding:5px 0 0 24px;
	background:url('../images/index/bg_java.png') no-repeat;
}
#topimage{
	width:470px;
	height:200px;
	overflow:hidden;
}
footer{
	width:100%;
	/*position:fixed !important;*/
	/*bottom:0px !important;*/
}
#footer_ad{
	color:#fff;
	width:750px;
	padding:8px 20px;
	background:url('../images/index/bg_orange.png');
	position:relative;
	z-index:2;
	/* top:65px; */
	/* left:45px; */
	margin: 0 auto;
}
#footer_ad h3{
	width:200px;
	float:left;
	font-size:16px;
}
#footer_ad p{
	width:500px;
	float:right;
}
#main_nav{
	clear: both;
	/*position:fixed !important;*/
	/*bottom:0px !important;*/
	/*left:50% !important;*/
	/*margin-left:-490px !important;*/
	margin: 40px 0 0 0;
	width:865px !important;
	height:371px !important;
	padding: 30px 0 0 140px;
	background:url('../images/index/track.png') no-repeat bottom right;
	z-index:1;
	position:relative;
}
#top_blog{
	z-index:10;
	position:absolute;
width:127px;
height:70px;
top:95px;
left:0px;
}
#main_nav li{
	width:114px !important;
	height:210px !important;
	float:left;
}

#main #nav06{
	width: 128px !important;
}
#main_nav li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url('../images/index/nav2.png') no-repeat;
}
#nav01 a:link,
#nav01 a:visited{ background-position: 10px   0; }
#nav01 a:hover  { background-position: 10px -212px; }

#nav02 a:link,
#nav02 a:visited{ background-position: -104px   0; }
#nav02 a:hover  { background-position: -104px -212px; }

#nav03 a:link,
#nav03 a:visited{ background-position: -218px   0; }
#nav03 a:hover  { background-position: -218px -212px; }

#nav04 a:link,
#nav04 a:visited{ background-position: -332px   0; }
#nav04 a:hover  { background-position: -332px -212px; }

#nav05 a:link,
#nav05 a:visited{ background-position: -446px   0; }
#nav05 a:hover  { background-position: -446px -212px; }

#nav06 a:link,
#nav06 a:visited{ background-position: -674px   0; }
#nav06 a:hover  { background-position: -674px -212px; }

#nav07 a:link,
#nav07 a:visited{ background-position: -560px   0; }
#nav07 a:hover  { background-position: -560px -212px; }



#copyright{
	width: 100%;
	padding: 10px 0;
	margin:0 auto;
	text-align:center;
	background: #FFB800;
}