@charset "UTF-8";

ul.gnav{
    width:960px;
    margin: 2px auto;
    padding 0;
    overflow: hidden;
}
ul.gnav li{
    float:left;
}

ul.gnav li a{
    width:106px;
    height:51px;
    display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

ul.gnav li.top a{
    background: url(../images/site-parts/gnav.png) 0px top no-repeat;
}
ul.gnav li.top a:hover{
    background-position:0px bottom;
}
ul.gnav li.top.active a{
    background-position:0px bottom;
}
ul.gnav li.ryoukin a{
    background: url(../images/site-parts/gnav.png) -106px top no-repeat;
}
ul.gnav li.ryoukin a:hover{
    background-position: -106px bottom;
}
ul.gnav li.ryoukin.active a{
    background-position: -106px bottom;
}
ul.gnav li.castlist a{
    background: url(../images/site-parts/gnav.png) -212px top no-repeat;
}
ul.gnav li.castlist a:hover{
    background-position: -212px bottom;
}
ul.gnav li.castlist.active a{
    background-position: -212px bottom;
}
ul.gnav li.schedule a{
    background: url(../images/site-parts/gnav.png) -318px top no-repeat;
}
ul.gnav li.schedule a:hover{
    background-position: -318px bottom;
}
ul.gnav li.schedule.active a{
    background-position: -318px bottom;
}
ul.gnav li.event a{
    background: url(../images/site-parts/gnav.png) -424px top no-repeat;
}
ul.gnav li.event a:hover{
    background-position: -424px bottom;
}
ul.gnav li.event.active a{
    background-position: -424px bottom;
}
ul.gnav li.rank a{
    background: url(../images/site-parts/gnav.png) -530px top no-repeat;
}
ul.gnav li.rank a:hover{
    background-position: -530px bottom;
}
ul.gnav li.rank.active a{
    background-position: -530px bottom;
}



ul.gnav li.concept a{
    background: url(../images/site-parts/gnav.png) -636px top no-repeat;
}
ul.gnav li.concept a:hover{
    background-position: -636px bottom;
}
ul.gnav li.concept.active a{
    background-position: -636px bottom;
}
ul.gnav li.hotel a{
    background: url(../images/site-parts/gnav.png) -742px top no-repeat;
}
ul.gnav li.hotel a:hover{
    background-position: -742px bottom;
}
ul.gnav li.hotel.active a{
    background-position: -742px bottom;
}
ul.gnav li.recruit a{
    background: url(../images/site-parts/gnav.png) -848px top no-repeat;
}
ul.gnav li.recruit a:hover{
    background-position: -848px bottom;
}
ul.gnav li.recruit.active a{
    background-position: -848px bottom;
}