#topnavi {
	width: 224px;
	height: 312px;
	margin: 0px;
	padding: 0;
	position: relative;
}
#topnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
}

#topnavi a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 11px;
	font-size: 16px;
	text-align: right;
	background-color: transparent;
	font-weight: bold;
	padding-right: 7px;

}

#topnavi1 {left: 0px; top: 9px; width: 224px; height: 36px;}
#topnavi2 {left: 0px; top: 49px; width: 224px; height: 36px;}
#topnavi3 {left: 0px; top: 89px; width: 224px; height: 36px;}
#topnavi4 {left: 0px; top: 129px; width: 224px; height: 36px;}
#topnavi5 {left: 0px; top: 169px; width: 224px; height: 36px;}
#topnavi6 {left: 0px; top: 209px; width: 224px; height: 36px;}
#topnavi7 {left: 0px; top: 249px; width: 224px; height: 36px;}

#topnavi1 a {height: 16px;}
#topnavi2 a {height: 16px;}
#topnavi3 a {height: 16px;}
#topnavi4 a {height: 16px;}
#topnavi5 a {height: 16px;}
#topnavi6 a {height: 16px;}
#topnavi7 a {height: 16px;}


#topnavi1 a:hover {
	color: #051a6a;
	background-image: url(../images/nav-roll.jpg);
	background-repeat: no-repeat;
	background-position: -0px -9px;
}
#topnavi2 a:hover {
	background: url(../images/nav-roll.jpg) no-repeat -0px -49px;
	color: #051a6a;
}
#topnavi3 a:hover {
	background: url(../images/nav-roll.jpg) -0px -89px no-repeat;
	color: #051a6a;
}
#topnavi4 a:hover {
	background: url(../images/nav-roll.jpg) -0px -129px no-repeat;
	color: #051a6a;
}
#topnavi5 a:hover {
	background: url(../images/nav-roll.jpg) -0px -169px no-repeat;
	color: #051a6a;
}
#topnavi6 a:hover {
	background: url(../images/nav-roll.jpg) -0px -209px no-repeat;
	color: #051a6a;
}
#topnavi7 a:hover {
	background: url(../images/nav-roll.jpg) -0px -249px no-repeat;
	color: #051a6a;
}