@charset "utf-8";
/* CSS Document */

#global_navi {width: 100%; height: 83px; background-image: url(../img/navi_bg.jpg);}

#navi { width: 1003px; margin:0px auto;}

#navi li {float: left;}

#navi li a { text-indent: -9999px; display: block; height: 83px;}

a.navi1 { width: 127px; background-image: url(../img/navi.jpg); background-position: 0px 0px;}

a.navi2 { width: 125px; background-image: url(../img/navi.jpg); background-position: -127px 0px;}

a.navi3 { width: 125px; background-image: url(../img/navi.jpg); background-position: -252px 0px;}

a.navi4 { width: 125px; background-image: url(../img/navi.jpg); background-position: -377px 0px;}

a.navi5 { width: 125px; background-image: url(../img/navi.jpg); background-position: -502px 0px;}

a.navi6 { width: 125px; background-image: url(../img/navi.jpg); background-position: -627px 0px;}

a.navi7 { width: 125px; background-image: url(../img/navi.jpg); background-position: -752px 0px;}

a.navi8 { width: 125px; background-image: url(../img/navi.jpg); background-position: -877px 0px;}

a.navi1:hover { background-image: url(../img/navi.jpg); background-position: 0px 83px;}

a.navi2:hover { background-image: url(../img/navi.jpg); background-position: -127px 83px;}

a.navi3:hover { background-image: url(../img/navi.jpg); background-position: -252px 83px;}

a.navi4:hover { background-image: url(../img/navi.jpg); background-position: -377px 83px;}

a.navi5:hover { background-image: url(../img/navi.jpg); background-position: -502px 83px;}

a.navi6:hover { background-image: url(../img/navi.jpg); background-position: -627px 83px;}

a.navi7:hover { background-image: url(../img/navi.jpg); background-position: -752px 83px;}

a.navi8:hover { background-image: url(../img/navi.jpg); background-position: -877px 83px;}