ul#navigation {
	position: relative;
	width: 778px;
	margin: 0;
	height: 42px;
	list-style: none;
	overflow: hidden;
	background: #ECE9D8 url(../images/common/navi_bg.gif) no-repeat
}

ul#navigation li a {
	height: 42px;
	position: absolute;
	overflow: hidden;
	padding: 42px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
	width: 111px;
}
html>body ul#navigation li a{
	height: 0;
}

li#top a{ 
	background: transparent url(../images/common/gn_li_01.jpg) no-repeat 0 0;
	left: 3px;
	}
li#ser a{ 
	background: transparent url(../images/common/gn_li_02.jpg) no-repeat 0 0;
	left: 114px;
	}
li#com a{ 
	background: transparent url(../images/common/gn_li_03.jpg) no-repeat 0 0;
	left: 225px;
	}
li#reg a{ 
	background: transparent url(../images/common/gn_li_04.jpg) no-repeat 0 0;
	left: 335px;
	}
li#eve a{ 
	background: transparent url(../images/common/gn_li_05.jpg) no-repeat 0 0;
	left: 446px;
	}
li#otoi a{ 
	background: transparent url(../images/common/gn_li_06.jpg) no-repeat 0 0;
	left: 557px;
	}
li#faq a{ 
	background: transparent url(../images/common/gn_li_07.jpg) no-repeat 0 0;
	left: 668px;
	}

li#top a:hover, 
li#ser a:hover, 
li#com a:hover, 
li#reg a:hover,
li#eve a:hover, 
li#otoi a:hover, 
li#faq a:hover{ 
	background-position: 0px -42px;
	}