#topnavi {
	width: 820px;
	height: 74px;
	margin: 0px;
	padding: 0;
	position: relative;
	left: 25px;
}
#topnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
}

#topnavi a {
	display: block;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 27px;
	font-size: 16px;
	text-align: center;
	background-color: transparent;

}

#topnavi1 {left: 0px; top: 0px; width: 113px; height: 74px;}
#topnavi2 {left: 113px; top: 0px; width: 118px; height: 74px;}
#topnavi3 {left: 231px; top: 0px; width: 115px; height: 74px;}
#topnavi4 {left: 346px; top: 0px; width: 125px; height: 74px;}
#topnavi5 {left: 471px; top: 0px; width: 115px; height: 74px;}
#topnavi6 {left: 586px; top: 0px; width: 118px; height: 74px;}
#topnavi7 {left: 704px; top: 0px; width: 116px; height: 74px;}



#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: #7200ff;
	background-image: url(../images/nav-bg-roll.jpg);
	background-repeat: no-repeat;
	background-position: -25px -0px;
}
#topnavi2 a:hover {
	background: url(../images/nav-bg-roll.jpg) no-repeat -138px -0px;
	color: #7200ff;
}
#topnavi3 a:hover {
	background: url(../images/nav-bg-roll.jpg) -256px -0px no-repeat;
	color: #7200ff;
}
#topnavi4 a:hover {
	background: url(../images/nav-bg-roll.jpg) -371px -0px no-repeat;
	color: #7200ff;
}
#topnavi5 a:hover {
	background: url(../images/nav-bg-roll.jpg) -496px -0px no-repeat;
	color: #7200ff;
}
#topnavi6 a:hover {
	background: url(../images/nav-bg-roll.jpg) -611px -0px no-repeat;
	color: #7200ff;
}
#topnavi7 a:hover {
	background: url(../images/nav-bg-roll.jpg) -729px -0px no-repeat;
	color: #7200ff;
}