@charset "UTF-8";


ul { width:540px; height:55px; list-style:none;padding:0px; margin:0px;  margin-top:0px;}
li  { height:55px;  float:left; }



.navi-company a { display:block; width:130px; height:100%; background-image:url(../img/navi.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-1000em; text-decoration:none; }
.navi-company a:hover { background-image:url(../img/navi.png); background-position:0px -55px;}
.navi-company a:active { background-image:url(../img/navi.png); background-position:0px -55px;}

.navi-works a { display:block; width:130px; height:100%; background-image:url(../img/navi.png); background-position:-130px 0px; background-repeat:no-repeat; text-indent:-1000em; text-decoration:none; }
.navi-works a:hover { background-image:url(../img/navi.png); background-position:-130px -55px;}
.navi-works a:active { background-image:url(../img/navi.png); background-position:-130px -55px;}

.navi-gallery a { display:block; width:180px; height:100%; background-image:url(../img/navi.png); background-position:-270px 0px; background-repeat:no-repeat; text-indent:-1000em; text-decoration:none; }
.navi-gallery a:hover { background-image:url(../img/navi.png); background-position:-270px -80px;}
.navi-gallery a:active { background-image:url(../img/navi.png); background-position:-270px -40px;}
.navi-gallery-on a { display:block; width:180px; height:100%; background-image:url(../img/navi.png); background-position:-270px -40px; background-repeat:no-repeat; text-indent:-1000em; text-decoration:none; }