/* common-navigation ------------------------------------------ */
#common-navigation{
	clear:both;
	padding:23px 0 0 0;
	margin:0 auto;
	width:810px;
	height:66px;
	background:url(common-navigation/common-navigation.png) no-repeat;
	position:relative;
}

#common-navigation ul {
	margin-left:5px;
}
#common-navigation ul li {
	width:160px;
	float:left;
	overflow:hidden;
	position:relative;
}

#common-navigation ul li a, li.navigation-comingsoon {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	width:160px;
	height:50px;
	overflow:hidden;
	line-height:0em;	
}

/* default-link ------------------------------- */
#navigation-character a {
	background:url(common-navigation/navigation-character.jpg) no-repeat left 0px;
}
#navigation-wallpaper a {
	background:url(common-navigation/navigation-wallpaper.jpg) no-repeat left 0px;
}
#navigation-movie a {
	background:url(common-navigation/navigation-movie.jpg) no-repeat left 0px;
}
#navigation-howto a {
	background:url(common-navigation/navigation-howto.jpg) no-repeat left 0px;
}
#navigation-spec a {
	background:url(common-navigation/navigation-spec.jpg) no-repeat left 0px;
}
#navigation-exam a {
	background:url(common-navigation/navigation-exam.jpg) no-repeat left 0px;
}
.navigation-comingsoon {
	background:url(common-navigation/navigation-soon.jpg) no-repeat left 0px;
}

/* mouseover-link ------------------------------- */
#navigation-character a:hover,
body#character li#navigation-character a {
	background:url(common-navigation/navigation-character.jpg) no-repeat left -50px;
}
li#navigation-wallpaper a:hover,
body#wallpaper li#navigation-wallpaper a{
	background:url(common-navigation/navigation-wallpaper.jpg) no-repeat left -50px;
}
li#navigation-movie a:hover,
body#movie li#navigation-movie a{
	background:url(common-navigation/navigation-movie.jpg) no-repeat left -50px;
}
li#navigation-howto a:hover,
body#howto li#navigation-howto a {
	background:url(common-navigation/navigation-howto.jpg) no-repeat left -50px;
}
li#navigation-spec a:hover,
body#spec li#navigation-spec a {
	background:url(common-navigation/navigation-spec.jpg) no-repeat left -50px;
}
li#navigation-exam a:hover,
body#exam li#navigation-exam a {
	background:url(common-navigation/navigation-exam.jpg) no-repeat left -50px;
}



/* second-page top-link ------------------------------- */

#common-navigation ul li#navigation-top {
	display:block;
	width:800px;
	height:16px;
	float:none;
	overflow:hidden;
}

#common-navigation ul li#navigation-top a {
	display:block;
	width:800px;
	height:16px;
	overflow:hidden;
	background:url(common-navigation/navigation-top.gif) no-repeat center 0px;
	line-height:0em;	
}

#common-navigation ul li#navigation-top a:hover{
	background:url(common-navigation/navigation-top.gif) no-repeat center -15px;
}

/* new ----------------------------------------------- */

#common-navigation ul li span.newInfo{
	position:absolute;
	top:30px;
	left:5px;
	z-index:100;
}

/* IE6 png linkon ----------------- */
* html #common-navigation {
	padding:0;
	background:none;
}
* html #common-navigation #ie6navigation {
	width:810px;
	height:89px;
	padding:0;
	margin:0;
	background:url(common-navigation/common-navigation.png) no-repeat;
	behavior:expression(IEPNGFIX.fix(this));
}
* html #common-navigation ul {
	position:absolute;
	top:23px;
}
