@charset "utf-8";

/*
 *
 * Usage: aprilfool2014 page layout
 *
 * Name: aprilfool2014.css
 *
 */



/*---------------------------------------------------------------------
aprilfool2014 layout
---------------------------------------------------------------------*/
#hiddenOuter  {width:100%; overflow:hidden; min-width:980px;}
	#topBox  {width:980px; margin:0 auto;}
        #apHeader  {padding:22px 0 38px 0;}
            #apHeader h1       {float:right; margin:13px 0 0 40px;}
            #apHeader #apGnav  {float:right; width:376px;}
                #apHeader #apGnav li  {float:right; width:75px; height:158px; background:url(../images/aprilfool2014/gnav_on.gif) no-repeat 0 0;}
                #apHeader #apGnav a   {display:block; overflow:hidden; height:0; padding-top:158px; background:url(../images/aprilfool2014/gnav.gif) no-repeat 0 0;}
                #apHeader #apGnav .gnav01  {background-position:-301px 0;}
                #apHeader #apGnav .gnav02  {background-position:-226px 0;}
                #apHeader #apGnav .gnav03  {background-position:-151px 0;}
                #apHeader #apGnav .gnav04  {background-position:-76px 0;}
                #apHeader #apGnav .gnav05  {background-position:0 0; width:76px;}
                #apHeader #apGnav .gnav01 a  {background-position:-301px 0;}
                #apHeader #apGnav .gnav02 a  {background-position:-226px 0;}
                #apHeader #apGnav .gnav03 a  {background-position:-151px 0;}
                #apHeader #apGnav .gnav04 a  {background-position:-76px 0;}
                #apHeader #apGnav .gnav05 a  {background-position:0 0;}

            #apHeader #btnOfficial  {margin-top:51px;}


        #apBox  {width:960px; height:560px; margin:0 auto 5px auto; position:relative;}
            #apBox span   {display:block;}
            #apBox a      {display:block; width:100%; height:100%; position:relative;}
            #apBox a:hover img  {opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0s ease-in; -moz-transition:all 0s ease-in;}
            #apBox #btnDetail   {position:absolute; top:456px; left:310px; z-index:999; display:block; overflow:hidden; height:0; width:340px;
                                 padding-top:56px; background:url(../images/aprilfool2014/btn_detail.png) no-repeat 0 0;}
            #apBox a:hover > #btnDetail  {background:url(../images/aprilfool2014/btn_detail_on.png) no-repeat 0 0;}
            #apBox #mgmSprite  {position:absolute; top:0; left:0; width:960px; height:560px; overflow:hidden; z-index:10;}
            #apBox #mgmSprite img  {position:absolute; top:0; left:0;}
            #apBox #mgmCover  {position:relative; z-index:99;}

        #txtNetabare  {margin-bottom:60px; text-align:right; color:#86857E; font-size:83%;}

    #bottomBox  {background:#f7f4e8; border-top:1px solid #dfdacd; padding:50px 0 18px 0; min-width:980px;}
        #bottomInner  {width:980px; margin:0 auto;}
        #btnZomen     {text-align:center; padding-bottom:50px; position:relative; z-index:999;}