@charset "utf-8";
/* CSS Document */
 
ul#nav {
position:relative;
z-index:1;
float:left;
}
ul#nav li {
display:block;
overflow:hidden;
float:left;
text-indent:-99999px;
}
ul.hover-css li a,
ul.hover-anims li a,
ul.hover-anims li span {
display:block;
width:150px;
height:40px;
background:url(../images/menu.png) no-repeat;
}
ul.hover-css li a,
ul.hover-anims li a {
position:relative;
}
ul.hover-anims li span {
position:absolute;
top:0;
left:0;
cursor:pointer;
}
ul.hover-css li.menu01 a,
ul.hover-anims li.menu01 a {
background-position:0px 0px;
}
ul.hover-css li.menu01 a:hover,
ul.hover-css li.menu01 a.on,
ul.hover-anims li.menu01 span a.on,
ul.hover-anims li.menu01 a span,
ul.hover-anims li.menu01 span {
background-position:0px -40px;
}
ul.hover-css li.menu02 a,
ul.hover-anims li.menu02 a {
background-position:-150px 0px;
}
ul.hover-css li.menu02 a:hover,
ul.hover-css li.menu02 a.on,
ul.hover-anims li.menu02 span a.on,
ul.hover-anims li.menu02 a span,
ul.hover-anims li.menu02 span {
background-position:-150px -40px;
}
ul.hover-css li.menu03 a,
ul.hover-anims li.menu03 a {
background-position:-300px 0px;
}
ul.hover-css li.menu03 a:hover,
ul.hover-css li.menu03 a.on,
ul.hover-anims li.menu03 span a.on,
ul.hover-anims li.menu03 a span,
ul.hover-anims li.menu03 span {
background-position:-300px -40px;
}
ul.hover-css li.menu04 a,
ul.hover-anims li.menu04 a {
background-position:-450px 0px;
}
ul.hover-css li.menu04 a:hover,
ul.hover-css li.menu04 a.on,
ul.hover-anims li.menu04 span a.on,
ul.hover-anims li.menu04 a span,
ul.hover-anims li.menu04 span {
background-position:-450px -40px;
}

#navi {
height: 40px;
width: 660px;
float:right;
margin-top:-30px;
}