#navigation{
width:833px;
height:auto;
text-align:center;
margin:60px 0px 0px 0px;
padding:0px;
float:left;
list-style-type:none;
}

html>body ul#navigation li{
float: left;
margin-right: 8px;
padding:0;
}

ul#navigation li{
float: left;
margin-right: 6px;
padding:0;
}

ul#navigation li a {
display: block;
text-decoration: none;
text-indent: -9999px;
width: 111px;
height: 35px;
}
ul#navigation li.access a {
background: url(../images/access_button.gif) right top no-repeat;
}
ul#navigation li.areaguide a {
background: url(../images/areaguide_button.gif) right top no-repeat;
}
ul#navigation li.access a {
background: url(../images/access_button.gif) right top no-repeat;
}
ul#navigation li.restaurant a {
background: url(../images/lunch_button.gif) right top no-repeat;
}
ul#navigation li.facilities a {
background: url(../images/event_button.gif) right top no-repeat;
}
ul#navigation li.experience a {
background: url(../images/ex_button.gif) right top no-repeat;
}
ul#navigation li.contact a {
background: url(../images/contact_button.gif) right top no-repeat;
}
ul#navigation li.pdf a {
background: url(../images/pdf_button.gif) right top no-repeat;
}
/* 以下、メニューが複数の場合は
その分だけそれぞれ指定します。 */
ul#navigation li a:hover {
background-position: left top;
}