.none {
 display: none;/* リストのテキストを表示しない */
}

ul#main_navi {
 width: 720px;/* リスト全体の幅 */
 height: 35px;/* リスト全体の高さ */
 list-style: none;/* リストマークの削除 */
}

ul#main_navi li {
 width: 120px;/* 項目の幅 */
 height: 35px;/* 項目の高さ */
 float:left;/* 各項目を左側から並べる */
 list-style: none;/* リストマークの削除 */
}

ul#main_navi a {
 text-decoration: none;/* リストの下線を表示しない */
 display: block;/* リンク範囲をブロックに変換 */
 width: 100%;/* リンク範囲（幅）をリスト項目範囲全て */
 height: 100%;/* リンク範囲（高さ）をリスト項目範囲全て */
 background-image: url(img/mainb.png);/* リンク範囲の背景画像設定 */
 background-repeat: no-repeat;/* 背景画像繰り返し表示しない */
 list-style: none;/* リストマークの削除 */
}

#cal a {
 background-position:0px 0px;/*↑背景画像の（0px 0px）の位置*/
}
#myth a {
 background-position:-120px 0px;/*↑背景画像の（-120px 0px）の位置*/
}
#history a {
 background-position:-240px 0px;/*↑背景画像の（-240px 0px）の位置*/
}
#religion a {
 background-position:-360px 0px;/*↑背景画像の（-360px 0px）の位置*/
}
#geography a {
 background-position:-480px 0px;/*↑背景画像の（-480px 0px）の位置*/
}
#race a {
 background-position:-600px 0px;/*↑背景画像の（-600px 0px）の位置*/
}

#main_navi a:hover, {
 text-decoration: none;/* リストの下線を表示しない */
 background-image: url(img/mainb.png);/* リンク範囲の背景画像設定 */
 background-repeat: no-repeat;/* 背景画像繰り返し表示しない */
 list-style: none;/* リストマークの削除 */
}

#cal a:hover, #cal a.on {
 background-position:0px -35px;/*↑背景画像の（0px -35px）の位置*/
}
#myth a:hover, #myth a.on {
 background-position:-120px -35px;/*↑背景画像の（-120px -35px）の位置*/
}
#history a:hover, #history a.on {
 background-position:-240px -35px;/*↑背景画像の（-240px -35px）の位置*/
}
#religion a:hover, #religion a.on {
 background-position:-360px -35px;/*↑背景画像の（-360px -35px）の位置*/
}
#geography a:hover, #geography a.on {
 background-position:-480px -35px;/*↑背景画像の（-480px -35px）の位置*/
}
#race a:hover, #race a.on {
 background-position:-600px -35px;/*↑背景画像の（-600px -35px）の位置*/
}