#mstory{
    width:182px;
    height:49px;
    background-image:url("../images/menu_story.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(-453px);
    -moz-transform:translateX(-453px);
    -webkit-transform:translateX(-453px);
}
#msystem{
    width:164px;
    height:49px;
    background-image:url("../images/menu_system.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(-321px);
    -moz-transform:translateX(-321px);
    -webkit-transform:translateX(-321px);
}
#mcharacter{
    width:198px;
    height:49px;
    background-image:url("../images/menu_character.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(-206px);
    -moz-transform:translateX(-206px);
    -webkit-transform:translateX(-206px);
}
#mgallery{
    width:166px;
    height:49px;
    background-image:url("../images/menu_gallery.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(-57px);
    -moz-transform:translateX(-57px);
    -webkit-transform:translateX(-57px);
}
#mdownload{
    width:212px;
    height:49px;
    background-image:url("../images/menu_download.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(60px);
    -moz-transform:translateX(60px);
    -webkit-transform:translateX(60px);
}
#mspecial{
    width:158px;
    height:49px;
    background-image:url("../images/menu_special.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(223px);
    -moz-transform:translateX(223px);
    -webkit-transform:translateX(223px);
}
#mreport{
    width:158px;
    height:49px;
    background-image:url("../images/menu_report.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(442px);
    -moz-transform:translateX(442px);
    -webkit-transform:translateX(442px);
}
#mbonus{
    width:159px;
    height:49px;
    background-image:url("../images/menu_bonus.png");
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    left:50%;
    transform:translateX(332px);
    -moz-transform:translateX(332px);
    -webkit-transform:translateX(332px);
}


#storybox{
    width:97px;
    height:49px;
    left:50%;
    transform:translateX(-393px);
    -moz-transform:translateX(-393px);
    -webkit-transform:translateX(-393px);

}
#systembox{
    width:114px;
    height:49px;
    left:50%;
    transform:translateX(-296px);
    -moz-transform:translateX(-296px);
    -webkit-transform:translateX(-296px);
}
#characterbox{
    width:148px;
    height:49px;
    left:50%;
    transform:translateX(-181px);
    -moz-transform:translateX(-181px);
    -webkit-transform:translateX(-181px);
}
#gallerybox{
    width:116px;
    height:49px;
    left:50%;
    transform:translateX(-32px);
    -moz-transform:translateX(-32px);
    -webkit-transform:translateX(-32px);
}
#downloadbox{
    width:162px;
    height:49px;
    left:50%;
    transform:translateX(85px);
    -moz-transform:translateX(85px);
    -webkit-transform:translateX(85px);
}
#specialbox{
    width:118px;
    height:49px;
    left:50%;
    transform:translateX(248px);
    -moz-transform:translateX(248px);
    -webkit-transform:translateX(248px);
}
#reportbox{
    width:118px;
    height:49px;
    left:50%;
    transform:translateX(467px);
    -moz-transform:translateX(467px);
    -webkit-transform:translateX(467px);
}
#bonusbox{
    width:119px;
    height:49px;
    left:50%;
    transform:translateX(357px);
    -moz-transform:translateX(357px);
    -webkit-transform:translateX(357px);
}

#logo{
    position:absolute;
    width:205px;
    height:110px;
    top:0px;
    left:50%;
    opacity:1;
    transform:translateX(-635px);
    -moz-transform:translateX(-635px);
    -webkit-transform:translateX(-635px);
    transition:background-image 0.3s;
    -moz-transition:background-image 0.3s;
    -webkit-transition:background-image 0.3s;
    background-image:url("../images/logo-hanahime.png");
    z-index:100;
}

#logo:hover{
    background-image:url("../images/logo-hanahime_a.png");
}

.menu{
    position:absolute;
    top:31px;
    z-index:98;
}

#line{
    position:absolute;
    background-image:url("../images/menu_line.png");
    width:100%;
    height:48px;
    top:31px;
    z-index:1;
    background-position:center;

}

.con{
    position:absolute;
    top:31px;
    z-index:99;
}