#navigation-list {
	list-style-type: none;
	width: 100%;
}

#navigation-list li {
	float: left;
	list-style-type: none;
}

#navigation-list li a {
	display: block;
	overflow: hidden;
	height: 36px;
	text-indent: -99999px;
	background-image: url(../images/common/navigation.gif);
}


#navigation-list li#nav-top a {
	width: 88px;
	background-position: 0 0;
}

#navigation-list li#nav-sim a {
	width: 104px;
	background-position: -88px 0;
}

#navigation-list li#nav-guess a {
	width: 104px;
	background-position: -296px 0;
}

#navigation-list li#nav-guideline a {
	width: 146px;
	background-position: -400px 0;
}

#navigation-list li#nav-map a {
	width: 104px;
	background-position: -192px 0;
}

#navigation-list li#nav-story a {
	width: 110px;
	background-position: -546px 0;
}

#navigation-list li#nav-training a {
	width: 104px;
	background-position: -656px 0;
}

#navigation-list li#nav-detail a {
	width: 104px;
	background-position: -760px 0;
}

#navigation-list li#nav-liq a {
	width: 110px;
	background-position: -864px 0;
}


#navigation-list li#nav-top a:hover {
	width: 88px;
	background-position: 0 -36px;
}

#navigation-list li#nav-sim a:hover {
	width: 104px;
	background-position: -88px -36px;
}

#navigation-list li#nav-guess a:hover {
	width: 104px;
	background-position: -296px -36px;
}

#navigation-list li#nav-guideline a:hover {
	width: 146px;
	background-position: -400px -36px;
}

#navigation-list li#nav-map a:hover {
	width: 104px;
	background-position: -192px -36px;
}

#navigation-list li#nav-story a:hover {
	width: 110px;
	background-position: -546px -36px;
}

#navigation-list li#nav-training a:hover {
	width: 104px;
	background-position: -656px -36px;
}

#navigation-list li#nav-detail a:hover {
	width: 104px;
	background-position: -760px -36px;
}

#navigation-list li#nav-liq a:hover {
	width: 110px;
	background-position: -864px -36px;
}


#navigation-list li#nav-top a:active {
	width: 88px;
	background-position: 0 -72px;
}

#navigation-list li#nav-sim a:active {
	width: 104px;
	background-position: -88px -72px;
}

#navigation-list li#nav-guess a:active {
	width: 104px;
	background-position: -296px -72px;
}

#navigation-list li#nav-guideline a:active {
	width: 146px;
	background-position: -400px -72px;
}

#navigation-list li#nav-map a:active {
	width: 104px;
	background-position: -192px -72px;
}

#navigation-list li#nav-story a:active {
	width: 110px;
	background-position: -546px -72px;
}

#navigation-list li#nav-training a:active {
	width: 104px;
	background-position: -656px -72px;
}

#navigation-list li#nav-detail a:active {
	width: 104px;
	background-position: -760px -72px;
}

#navigation-list li#nav-liq a:active {
	width: 110px;
	background-position: -864px -72px;
}


#navigation-list.current-top li#nav-top a {
	width: 88px;
	background-position: 0 -108px;
}

#navigation-list.current-sim li#nav-sim a {
	width: 104px;
	background-position: -88px -108px;
}

#navigation-list.current-guess li#nav-guess a {
	width: 104px;
	background-position: -296px -108px;
}

#navigation-list.current-guideline li#nav-guideline a {
	width: 146px;
	background-position: -400px -108px;
}

#navigation-list.current-map li#nav-map a {
	width: 104px;
	background-position: -192px -108px;
}

#navigation-list.current-story li#nav-story a {
	width: 110px;
	background-position: -546px -108px;
}

#navigation-list.current-training li#nav-training a {
	width: 104px;
	background-position: -656px -108px;
}

#navigation-list.current-detail li#nav-detail a {
	width: 104px;
	background-position: -760px -108px;
}

#navigation-list.current-liq li#nav-liq a {
	width: 110px;
	background-position: -864px -108px;
}