/* navi */
#head_navibox {width:840px; height:40px; background-color:#ffffff; clear:right;}
ul#head_navi      { width: 840px; height:40px; position: relative; overflow: hidden; list-style: none; margin: 0; }
ul#head_navi li a { width: 120px;  height:40px; position: absolute; overflow: hidden; padding: 0; top: 0px; text-indent: -5000px; }
html>body ul#head_navi li a { height:40px; }

/*�@*/
li#top   a  { background: transparent url(../images/menu/top.gif) no-repeat 0 0; margin-top: 0px;left: 0px;}
li#course   a  { background: transparent url(../images/menu/course.gif) no-repeat 0 0; margin-top: 0px; left: 120px;}
li#house  a  { background: transparent url(../images/menu/house.gif) no-repeat 0 0; margin-top: 0px; left: 240px;}
li#fee   a  { background: transparent url(../images/menu/fee.gif) no-repeat 0 0; margin-top: 0px; left: 360px;}
li#access a { background: transparent url(../images/menu/access.gif) no-repeat 0 0; margin-top: 0px; left: 480px;}
li#member a { background: transparent url(../images/menu/member.gif) no-repeat 0 0; margin-top: 0px; left: 600px;}
li#internet a { background: transparent url(../images/menu/internet.gif) no-repeat 0 0; margin-top: 0px; left: 720px;}

li#top a:hover, li#course a:hover, li#fee a:hover, li#house a:hover, li#club a:hover, li#access a:hover, li#member a:hover, li#internet a:hover
{ background-position: 0px -40px;}