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


@media screen and (min-width: 640px) {

#navi{ width:955px; height:50px; background-image:url(../images/nav.png); padding-left:45px;}
#navi ul{ list-style:none;}
#navi li{ float:left; display:block; font-size:0px; width:151px; height:50px; background-image:url(../images/nav.png); text-indent:-9999px;}
#navi li a{ float:left; display:block; width:151px; height:50px; background-image:url(../images/nav.png);}

#navi li.homepage a{background-position:-45px -50px; }
#navi ul li.storypage a{background-position:-196px -50px; }
#navi ul li.charapage a{background-position:-347px -50px; }
#navi ul li.gallerypage a{ background-position:-498px -50px; }
#navi ul li.systempage a{ background-position:-649px -50px; }
#navi ul li.specialpage a{ background-position:-800px -50px; }

#navi ul li.homepage a:hover{background-position:-45px top; }
#navi ul li.storypage a:hover{background-position:-196px top; }
#navi ul li.charapage a:hover{background-position:-347px top; }
#navi ul li.systempage a:hover{ background-position:-649px top; }
#navi ul li.gallerypage a:hover{ background-position:-498px top; }
#navi ul li.specialpage a:hover{ background-position:-800px top; }


#navi ul li.homepage { background-position:-45px bottom; }
#navi ul li.storypage { background-position:-196px bottom; }
#navi ul li.charapage { background-position:-347px bottom; }
#navi ul li.gallerypage { background-position:-498px bottom; }
#navi ul li.systempage { background-position:-649px bottom; }
#navi ul li.specialpage { background-position:-800px bottom; }

body.homepage #navi ul li.homepage>a { background-position:-45px top; }
body.storypage #navi ul li.storypage>a { background-position:-196px top; }
body.charapage #navi ul li.charapage>a { background-position:-347px top; }
body.gallerypage #navi ul li.gallerypage>a { background-position:-498px top; }
body.systempage #navi ul li.systempage>a { background-position:-649px top; }
body.specialpage #navi ul li.specialpage>a { background-position:-800px top; }
}


@media screen and (max-width: 639px) {
#navi{ display:none;}
}