@charset "utf-8";

#HeadNav {
	width: 346px;
	margin:20px 0 10px 0;
	padding:0;
	overflow: hidden;
}


#HeadNav .Nav {
	height: 16px;
	list-style: none;
	}
#HeadNav .Nav li {
	float: left;
	height: 16px;
	overflow: hidden; /* if text-resize, this'll keep the Nav the same size */
	}
#HeadNav .Nav li a {
	display: block;
	line-height: 16px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	
#HeadNav #HNav01 {
	width: 68px;
	background-image: url(../hnav_001.gif);
	background-repeat: no-repeat;
		}
#HeadNav #HNav02 {
	width: 103px;
	background-image: url(../hnav_002.gif);
	background-repeat: no-repeat;
		}
#HeadNav #HNav03 {
	width: 101px;
	background-image: url(../hnav_003.gif);
	background-repeat: no-repeat;
		}
#HeadNav #HNav04 {
	width: 74px;
	background-image: url(../hnav_004.gif);
	background-repeat: no-repeat;
		}

#HeadNav .Nav li a:hover {
	background-position: 0 -16px;
	}
	#HeadNav .Nav li a.currentSection,
	#HeadNav .Nav li a.currentSection:hover {
		background-position: 0 -16px;
		}