@charset "utf-8";
/* CSS Document */
/**
navigation
**/
.naviBox{margin:auto; min-width:1280px; left:0; right:0; z-index:20; background:url(../img/common/bg_navigation.png) center 0px repeat-x;}
#navigationTop{position:absolute; top:802px; font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
#navigationLower{position:fixed; top:67px;font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
  ul.global,ul.global ul{list-style:none;}
  ul.global li>img{ padding:0 13px;}
  ul.global{
    padding:0; margin:0 auto; width:1280px; height:66px; list-style:none;
  }
    ul.global>li{position:relative; float:left; margin:0px 12px 0 0;}
    ul.global>li.next{margin-right:0;}

      ul.global>li>a{display:block; height:66px; padding:0 13px; outline: none;}
        ul.global a div{position:relative; height:66px; background:0px 0px no-repeat;}
        ul.global a div.on,
        ul.global a div.crr{position:absolute; left:13px; top:0; display:none;}
        ul.global a div.clawEffect{position:absolute;}
        
        .monster .btnImg{width:121px;}
        .field .btnImg{width:118px;}
        .Gmonster .btnImg{width:128px;}
        .refine .btnImg{width:96px;}
        .weapon .btnImg{width:144px;}
        .tenro .btnImg{width:112px;}
        .movie .btnImg{width:79px;}
        .wallpaper .btnImg{width:58px;}
        .next .btnImg{width:91px;}
        /* mouseleave */
        .monster .off{background-image:url(../img/common/nav_01_off.png)}
        .field .off{background-image:url(../img/common/nav_02_off.png)}
        .Gmonster .off{background-image:url(../img/common/nav_03_off.png)}
        .refine .off{background-image:url(../img/common/nav_04_off.png)}
        .weapon .off{background-image:url(../img/common/nav_05_off.png)}
        .tenro .off{background-image:url(../img/common/nav_06_off.png)}
        .movie .off{background-image:url(../img/common/nav_07_off.png)}
        .wallpaper .off{background-image:url(../img/common/nav_08_off.png)}
        .next .off{background-image:url(../img/common/nav_09_off.png)}
        /* mouseenter */
        .monster .on{background-image:url(../img/common/nav_01_on.png)}
        .field .on{background-image:url(../img/common/nav_02_on.png)}
        .Gmonster .on{background-image:url(../img/common/nav_03_on.png)}
        .refine .on{background-image:url(../img/common/nav_04_on.png)}
        .weapon .on{background-image:url(../img/common/nav_05_on.png)}
        .tenro .on{background-image:url(../img/common/nav_06_on.png)}
        .movie .on{background-image:url(../img/common/nav_07_on.png)}
        .wallpaper .on{background-image:url(../img/common/nav_08_on.png)}
        .next .on{background-image:url(../img/common/nav_09_on.png)}
        /* current */
        .monster .crr{background-image:url(../img/common/nav_01_on.png)}
        .field .crr{background-image:url(../img/common/nav_02_on.png)}
        .Gmonster .crr{background-image:url(../img/common/nav_03_on.png)}
        .refine .crr{background-image:url(../img/common/nav_04_on.png)}
        .weapon .crr{background-image:url(../img/common/nav_05_on.png)}
        .tenro .crr{background-image:url(../img/common/nav_06_on.png)}
        .movie .crr{background-image:url(../img/common/nav_07_on.png)}
        .wallpaper .crr{background-image:url(../img/common/nav_08_on.png)}
        .next .crr{background-image:url(../img/common/nav_09_on.png)}
        
        #navigationTop .clawEffect{position:absolute; left:50%; top:50%;}
        #navigationTop .monster .clawEffect{background-image:url(../img/common/nav_01_ef_117.png); width:110px; height:132px; margin-left:-55px; margin-top:-66px;}
        #navigationTop .field .clawEffect{background-image:url(../img/common/nav_02_ef_127.png); width:86px; height:102px; margin-left:-43px; margin-top:-51px;}
        #navigationTop .Gmonster .clawEffect{background-image:url(../img/common/nav_03_ef_101.png); width:100px; height:108px; margin-left:-50px; margin-top:-54px;}
        #navigationTop .refine .clawEffect{background-image:url(../img/common/nav_04_ef_106.png); width:82px; height:122px; margin-left:-41px; margin-top:-61px;}
        #navigationTop .weapon .clawEffect{background-image:url(../img/common/nav_05_ef_87.png); width:98px; height:133px; margin-left:-49px; margin-top:-66.5px;}
        #navigationTop .tenro .clawEffect{background-image:url(../img/common/nav_06_ef_70.png); width:72px; height:133px; margin-left:-36px; margin-top:-66.5px;}
        #navigationTop .movie .clawEffect{background-image:url(../img/common/nav_07_ef_70.png); width:42px; height:122px; margin-left:-21px; margin-top:-61px;}
        #navigationTop .wallpaper .clawEffect{background-image:url(../img/common/nav_08_ef_61.png); width:64px; height:104px; margin-left:-32px; margin-top:-52px;}
        #navigationTop .next .clawEffect{background-image:url(../img/common/nav_09_ef_58.png); width:77px; height:132px; margin-left:-38.5px; margin-top:-66px;}

      ul.global .submenu{position:absolute; left:50%; display:none;}
        ul.global .submenu ul{position:relative; margin:0; left:-50%; padding:0; width: 100%; background: #fff; padding: 5px; }
          ul.global .submenu ul li a {font-size: 11pt; padding: 8px 5px; text-decoration: none; display: block; color: #7c07ad;}
            ul.global .submenu ul li a img{vertical-align: middle; padding-right: 5px;}
      #navigationTop ul.global .submenu{bottom:66px;}
      #navigationLower ul.global .submenu{top:66px;}
        ul.global ul li{margin:0; padding:0;}
        ul.global .f_b, ul.global .f_t{margin-left:-50%; width:100%; height:10px; padding:0; background:url(../img/common/cone.png) no-repeat;}
        ul.global .f_b{background-position:center bottom;}
        ul.global .f_t{background-position:center top;}
        #navigationTop ul.global .f_t,#navigationLower ul.global .f_b{display:none}
          ul.global ul li { position: relative; border-bottom: solid 1px #cdc680; color:#4b2c23; font-size: 90%; text-decoration:none; padding:0; display:block; white-space:nowrap;}
          ul.global ul li a:hover{background:#ffffa8; color:#003;}
    ul.global .fclear{clear:both;}
      

    #navigationTop ul.global .submenu ul li:last-child,#navigationLower ul.global .submenu ul li:last-child{border: none;}

    /*NEW icon*/    
    img.new_mark{ position: absolute; top: -12px; left: -20px;}
    img.new_mark_s{ position: absolute; top: -12px; left: -28px;}


    .refine .submenu ul li a.await{padding: 8px 10px 8px 15px;}
    #days{ margin: 0; padding: 0; position: absolute; top: -5px; left: 10px;}