@charset 'utf-8';
/*------------------------------------
  Coder: macky
  Date : 2008/03/10
  Msg  : 三国ヒーローズ
------------------------------------*/
@import "./reset.css";
@import "./descommon.css";
@import "./iepngfix.css";
@import "./tabdesign.css";
@import "./mainmenu.css";
html {
}

body {
  background:#faf9f2 url(../images/bg_menu_gs24.jpg ) repeat-x scroll left top;
  font-size:12px;
  padding:22px 0 0 0;
}


#gsGameContents {
  min-width:998px;
  width:100%;
  background:url("../images/bg_body_0.jpg") no-repeat center -26px;
}


#wrapper {
  width:900px;
  padding:0 48px 0px;
  margin:-22px auto 0;
  overflow:hidden;
}
/* GS24課金メニュー */
#menu_gs24 {
  position:relative;
  top:-22px;
  margin:0 auto 0;
  width:930px;
  padding-left:30px;
  height:22px;
  overflow:hidden;
  background:#000 url("../images/bg_menu_gs24.jpg ") repeat-x top left;
}
  #menu_gs24 dd a{
    display:inline-block;
    _display:inline;
    _zoom:1;
    width:auto;
    height:19px;
    line-height:19px;
    color:#006f98;
    padding-left:10px;
    background:url("../images/btn_gs24left.gif") no-repeat top left;
    text-decoration:none;
  }
  #menu_gs24 dt {
    float:left;
    width:500px;
  }
  #menu_gs24 dd {
    float:left;
    _display:inline;
    _zoom:1;
    margin-right:2px;
    padding-right:10px;
    background:url("../images/btn_gs24right.gif") no-repeat top right;
  }
/* ヘッダー */
#header {
  position:relative;
  z-index:1;
  width:975px;
  height:315px;
  left:-75px;
}
  /* ロゴ */
  #header h1 {
    position:absolute;
    top:52px;
    left:22px;
    width:359px;
    height:174px;
    background:url("../images/mainlogo.png");
  }
    #header h1 img{
      width:359px;
      height:174px;
    }










  /*動画*/
  #mainPV {
    position:absolute;
    top:82px;
    right:10px;
    width:262px;
    height:204px;
  }
    #mainPVcontent {
      position:relative;
      z-index:2;
      top:8px;
      left:2px;
      text-align:center;
      color:#fff;
    }
    #mainPV span.dmy {
      display:block;
      width:262px;
      height:204px;
      position:absolute;
      background:url("../images/bg_movie.png") no-repeat top left;
      _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/359h/top_common/images/bg_movie.png sizingMethod=image);
      _background:none;
      z-index:1;
    }
    /* 大きいサイズで見る */
    #mainPV a.dmy {
      position:absolute;
      z-index:2;
      top:5px;
      right:-33px;
      width:36px;
      height:158px;
    }
      #mainPV a.dmy span{
        width:90px;
        height:158px;
        background:url("../images/btn_movie_off.png") no-repeat top left;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/359h/top_common/images/btn_movie_off.png sizingMethod=crop);
        _background:none;
      }
      #mainPV a.dmy:hover span{
        background:url("../images/btn_movie_on.png") no-repeat top left;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/359h/top_common/images/btn_movie_on.png sizingMethod=crop);
        _background:none;
      }

  #mainContent {
    float:right;
    width:666px;
    overflow:hidden;
    padding:0 20px 0 0;
  }
    #swfBanner {
      width:666px;
      height:138px;
    }
    #hotCon {
      float:left;
      width:494px;
      overflow:hidden;
    }
      /* タブ */
      #tabContainer {
        height:246px;
        overflow:hidden;
        margin-bottom:2px;
        border-bottom:1px solid #c1c1c1;
      }
        #tabContainer h3 {
          float:left;
        }
        #tabContainer #tabList {
          clear:both;
        }
      /* キャラクター */
      #character {
        position:relative;
        width:236px;
        height:277px;
        overflow:hidden;
        float:left;
        background:url("../images/bg_char.jpg") no-repeat bottom left;
      }
      #character *{
        margin:0;
        padding:0;
        font-size:12px;
      }
      .more {
        position:absolute;
        top:0;
        right:0;
        display:block;
        width:41px;
        height:28px;
        text-indent:-9999pt;
      }
      .chararticle {
        position:relative;
        top:0px;
        width:220px;
        height:240px;
        overflow:hidden;
        zoom:1;
        text-align:center;
      }
      #character h3{
        position:relative;
        width:230px;
        height:28px;
        z-index:10;
        background:url("../images/headline_char.gif") no-repeat top left;
        text-indent:-9999pt;
      }
      .jFlowPrev ,
      .jFlowNext {
        position:absolute;
        display:block;
        z-index:10;
        width:26px;
        height:55px;
        top:155px;
        text-indent:-9999pt !important;
        overflow:hidden;
        outline:none;
        cursor:pointer;
      }
      .jFlowPrev {
        background:url("/359h/top_common/359flow/img/btn_prev.png") no-repeat top left;
        left:0px;
      }
      .jFlowNext {
        background:url("/359h/top_common/359flow/img/btn_next.png") no-repeat top left;
        right:0px;
      }
      #jFlowSlide {
        position:relative;
        top:8px;
        left:8px;
        overflow:hidden;
      }
      #charBox {
        position:relative;
        overflow:hidden;
      }
      .charaImg {
        width:220px;
        height:221px;
        background-position: top left;
        background-repeat:no-repeat;
      }
      .charaName {
        position:absolute;
        bottom:0px;
        left:0px;
        z-index:999;
        text-align:center;
        width:220px;
        color:#4a4a4a;
      }
      .charaName b{
        font-weight:bold;
      }
      .charaName i{
        display:block;
        text-align:right;
        position:absolute;
        /*top: -215px;*/
        top:0;
        right:1px;
        color:#929292;
        font-style:normal;
        font-size:10px !important;
        zoom:1;
        z-index:2;
      }

      /* オススメアイテム */
      #recoItem {
        float:right;
        width:236px;
        height:278px;
        overflow:hidden;
        background:url("../images/bg_reco.jpg") no-repeat 0 27px;
      }
      #recoItem h3{
        position:relative;
        width:230px;
        height:28px;
        background:url("../images/headline_reco.gif") no-repeat top left;
      }
      #recoItem .more{
        top:7px;
        right:-4px;
        background:url("../images/ico_more.gif") no-repeat top left;
      }
      #recoItem dl{
        position:relative;
        width:233px;
        height:83px;
        margin:0px auto 0px;
        overflow:hidden;
        background:url("../images/bg_recoitems.jpg") no-repeat top left;
      }
        #recoItem dl dt{
          position:absolute;
          top:21px;
          left:10px;
          width:42px;
          height:42px;
        }
        #recoItem dl dd{
          width:170px;
          margin-left:62px;
          font-size:10px;
          color:#868686;
        }
        #recoItem dl.lastchild{
          height:81px;
        }
          #recoItem dl dd strong{
            display:block;
            font-size:12px;
            font-weight:bold;
            margin:6px 0 6px 0;
            color:#c05405;
          }
          #recoItem dl dd em{
            position:relative;
            top:4px;
            /*color:#c05405;*/
          }




    #newsCon {
      float:right;
      width:152px;
      margin-top:6px;
      padding-left:8px;
      border-left:1px solid #c1c1c1;
    }
      /* 定期イベント開催中 */
      #events {
        position:relative;
        width:152px;
        height:154px;
        margin-top:2px;
        background:url("../images/bg_event.gif") no-repeat 0px 0px;
      }
        #events h2{
          height:25px;
        }
          #events .article dt{
            position:relative;
            z-index:3;
            top:107px;
            left:4px;
            float:left;
            font-weight:bold;
            width:19px;
            height:16px;
            padding:5px 0 0 0;
            text-align:center;
            cursor:pointer;
            background:url("../images/bg_event.gif") no-repeat -105px -161px;
          }
          #events .article dt.current {
            width:28px;
            background:url("../images/bg_event.gif") no-repeat -124px -161px;
          }
          #ev_sunday {
            border-left:1px solid #656565;
          }
          #events .article dd{
            position:absolute;
            top:28px;
            left:0;
            height:94px;
            padding:5px;
            font-size:10px;
            z-index:2;
            display:none;
          }
          #events .article dt a {
            color:#000;
            text-decoration:none;
            font-weight:normal;
            display:block;
            outline:none;
          }
          #events .article dt.current a {
            font-weight:bold;
          }
          #events .article dd.current {
            display:block;
          }
  #subContent {
    position:relative;
    float:left;
    width:186px;
    padding:0 0 0 13px;
  }
    /* 新規会員登録 */
    #swfReg {
      position:absolute;
      width:300px;
      height:270px;
      z-index:1;
      top:-80px;
      left:-63px;
    }
    #leftMenus{
      height:616px;
      overflow:hidden;
      color:#ffffff;
    }
    /*------------------------------------
    アコーディオン
    ------------------------------------*/
    #list1a {
      position:relative;
      z-index:2;
      margin: 147px 0 0 0px;
      padding:13px 8px;
    	width: 170px;
    	height:443px;
    	overflow:hidden;
      background:url("../images/bg_leftmenu.png") no-repeat top left;
    }

    .basic div.box {
      width:166px;
      height:360px;
      padding:0 5px;
      margin-left:-3px;
      overflow:hidden;
      background:url("../images/bg_leftmenu_box.jpg") no-repeat top left;
      font-size:10px;
    }
    .basic div.box.menu02 {
    }
    .basic div.box.menu03 {
    }
    .basic div.box.menu01 li,
    .basic div.box.menu03 li{
      padding-bottom:5px;
    }
    .basic div.box.menu03 li a,
    .basic div.box.menu01 li a{
      font-size:12px;
      font-weight:bold;
    }
    .basic a{
      color:yellow;
    }
    .basic .article{
      padding:10px 0;
    }
    .basic .head{
      display:block;
      width:174px;
      height:26px;
      background:url("../images/btnset_leftmenu.gif") no-repeat top left;
    }
    .basic .head{
      text-indent:-9999pt;
    }
      #leftmenu01 {
        background-position:0 0;
      }
      #leftmenu02 {
        background-position:0px -30px;
      }
      #leftmenu03 {
        background-position:0px -58px;
      }
    /*------------------------------------
      wp購入
    ------------------------------------*/
    .basic .box.menu01 ul{}
    /* webで購入&コンビニで購入 */
    .buyWP {
      margin-top:12px;
    }
    #buyWeb ,
    #buyConvini {
      margin:0 auto 0;
    }
    /* webで購入 */
    #buyWeb {
      width:162px;
      height:48px;
      background:url("../images/btnset_buywp.jpg") top right;
    }
      #buyWeb:hover { background-position:top left;}
    /* コンビニで購入 */
    #buyConvini {
      width:162px;
      height:48px;
      background:url("../images/btnset_buywp.jpg") bottom right;
    }
      #buyConvini:hover { background-position:bottom left;}
    /*------------------------------------
    ストーリー
    ------------------------------------*/
    .box.menu02 .article{
    }
      .box.menu02 .article a{
      }
        .box.menu02 .article a strong{
          padding:2px 0;
          font-weight:bold;
        }
      .box.menu02 .article img{
        display:inline;
      }
    /*------------------------------------
    初めての方はこちら
    ------------------------------------*/
    .box.menu03 .article{
    }
      .box.menu03 h4{
        font-weight:bold;
      }


    /* 定期メンテ */
    #Maintenance {
      position:relative;
      width:186px;
      height:107px;
      overflow:hidden;
      margin:10px 0 0 0px;
    }
      #Maintenance h2{
        height:23px;
        background:url("../images/bg_maintainance.jpg") no-repeat top left;
      }
      #Maintenance .article {
        color:red;
        background:#fff;
        text-align:center;
        width:180px;
        padding:3px 2px 3px;
        margin:0 auto 0;
        font-weight:bold;
        border:1px solid red;
        border-top:none;
      }
  #footer {
    padding-top:30px;
    clear:both;
    background:url("../images/bg_footer.jpg") no-repeat 0 30px;
  }
  * html #footer{
    padding-top:0;
    margin-top:30px;
  }
  *:first-child+html #footer{
    padding-top:0;
    margin-top:30px;
  }
  #footer a {
    color:#f93131;
  }
    /* ボタン */
    #footLink {
      width:333px;
      height:29px;
      float:right;
      overflow:hidden;
    }
      #footLink li{
        float:left;
      }
      /*link*/
      .footlink01 a {
        width:111px;
        height:29px;
        background:url("../images/btn_sitemaplink.jpg") no-repeat 0 0;
      }
      .footlink02 a {
        width:111px;
        height:29px;
        background:url("../images/btn_sitemaplink.jpg") no-repeat -111px 0;
      }
      .footlink03 a {
        width:111px;
        height:29px;
        background:url("../images/btn_sitemaplink.jpg") no-repeat -221px 0;
      }
      /*link:hover*/
      .footlink01 a:hover {
        background-position:0 -29px;
      }
      .footlink02 a:hover {
        background-position:-111px -29px;
      }
      .footlink03 a:hover {
        background-position:-221px -29px;
      }
    /* コピーライト */
    #copyRight {
      position:relative;
      float:left;
      width:500px;
      height:29px;
      line-height:29px;
      font-size:10px;
      text-indent:61px;
    }
    /*ロゴ*/
    #logos {
      _display:inline;
      margin: 10px 0 0 68px;
      float:left;
      position:relative;
      width:89px;
      height:51px;
    }
      #logos li{
        position:absolute;
      }
      #logos li.logos1 { top:0; left:28px; }
      #logos li.logos2 { top:26px; left:0; }
      #logos li.logos3 { top:26px; left:50px; }
    /* このページは */
    #pageInfo {
      _display:inline;
      float:right;
      width:735px;
      margin: 15px 0 0 0 ;
      font-size:10px;
    }
    /* サイトマップ */
    #siteMap {
      clear:both;
      display:none;
      border-top:1px solid #a8a8a8;
      width:855px;
      margin:0 auto 0;
      margin-top:10px;
      padding-top:10px;
      overflow:hidden;
    }
    #siteMap h6 {
      margin-bottom:12px;
      font-weight:bold;
    }
      #siteMap h6 a {
        color:#000;
      }
    #siteMap .parent{
      float:left;
      width:265px;
      font-size:10px;
    }
      #siteMap .parent li{
        padding-bottom:5px;
      }
        #siteMap .parent li a{
          font-weight:bold;
          color:#000;
        }
        #siteMap .parent li ul{
          padding-top:5px;
          padding-left:12px;
        }
          #siteMap .parent li ul li a{
            font-weight:normal;
          }
            #siteMap .parent li ul li b a{
              font-weight:bold;
            }


.hidden {
  display:none;
}
hr.hidden{
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}