@charset "utf-8";

/*
 *
 * Usage: Aprilfool2013 page layout
 *
 * Name: aprilfool2013.css
 *
 */



/*---------------------------------------------------------------------
aprilfool2013 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/aprilfool2013/gnav_on.gif) no-repeat 0 0;}
                #apHeader #apGnav a   {display:block; overflow:hidden; height:0; padding-top:158px; background:url(../images/aprilfool2013/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  {background:url(../images/aprilfool2013/bg_main.gif) no-repeat 0 0; width:796px; height:584px; margin:0 auto 147px auto; position:relative;}
            #apBox #ikaika  {position:absolute; top:-38px; left:-370px;}
            #apBox h2       {position:absolute; top:-13px; left:48px;}
            #apBox #btnDetail  {position:absolute; top:417px; left:258px; background:url(../images/aprilfool2013/btn_detail_on.png) no-repeat 0 0; z-index:999;}
            #apBox #btnDetail a  {display:block; overflow:hidden; height:0; width:284px; padding-top:71px; background:url(../images/aprilfool2013/btn_detail.png) no-repeat 0 0;}


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