@charset 'utf-8';
/*------------------------------------
  Coder: macky
  Date : 2008/03/10
  Msg  : 三国ヒーローズ
         中ページスタイル
------------------------------------*/
@import "/359h/top_common/css/import.css";
.v50 { width:49%;}
.v33 { width:32.3%;}
.v30 { width:29%;}
.v25 { width:24%;}
.v20 { width:19%;}

.v50 ,.v33 ,.v30 ,.v25 ,.v20{ padding:0.5% 0.7% 0.5% 0.3%;}


.v100 { overflow:hidden;}
/*------------------------------------
背景画像
------------------------------------*/
#gsGameContents {
  background-image:url("/359h/common/images/bg_depth2_0.jpg");
  background-color:#f9f8f0;
}
#pageName_about #gsGameContents { background-image:url("/359h/common/images/bg_depth2_1.jpg");}
#pageName_howto #gsGameContents { background-image:url("/359h/common/images/bg_depth2_2.jpg");}
#pageName_guide #gsGameContents { background-image:url("/359h/common/images/bg_depth2_3.jpg");}
#pageName_gamedata #gsGameContents { background-image:url("/359h/common/images/bg_depth2_4.jpg");}
#pageName_support #gsGameContents { background-image:url("/359h/common/images/bg_depth2_5.jpg");}
#pageName_info #gsGameContents { background-image:url("/359h/common/images/bg_depth2_6.jpg");}

#wrapper {
  padding:0 33px;
}
/*------------------------------------
ヘッダー
------------------------------------*/
#header {
  left:0;
  width:900px;
  height:178px;
}
  #header h1 {
    top:37px;
    left:368px;
    background:url("/359h/common/images/mainlogo_s.png") no-repeat top left;
  }
  #header h1 ,
  #header h1 img {
    width:335px;
    height:126px;
  }
/*------------------------------------
メインメニュー
------------------------------------*/
#mainMenu {
  left:206px;
}
#goto359TopPage{
  display:block;
}
/*------------------------------------
左メニュー
------------------------------------*/
#subContent {
  width:172px;
  padding:0 0 0 0;
}
#subContent #leftMenus{
  height:auto;
  padding-top:10px;
}
  #submenuWrap {
    padding:0px 0 10px;
    background:url("/359h/common/images/bg_leftmenu.gif") no-repeat bottom left;
    zoom:1;
  }
  #submenuWrap dl#submenu {
    position:relative;
    top:-6px;
    background:url("/359h/common/images/bg_leftmenu.gif") no-repeat top left;
  }
  #submenuWrap dt {
      height:58px;
  }
    #submenuWrap dt .btn {
      display:block;
      text-indent:-9999pt;
      width:172px;
      height:55px;
    }

  #submenuWrap dd {
    background:url("/359h/common/images/bg_leftmenu.gif") no-repeat 0px -70px;
  }
    #submenuWrap dd .btn,
    #submenuWrap dd .btn span {
      width:172px;
      height:30px;
      cursor:pointer;
    }
      #submenuWrap dd .btn {
        text-indent:-9999pt;
        text-decoration:none;
      }
      #submenuWrap dd .btn span {
        background:url("/359h/common/images/btnset_leftmenu.gif") no-repeat 0px -55px;
      }
      #submenuWrap dd .btn:hover span {
        background:url("/359h/common/images/btnset_leftmenu_on.gif") no-repeat 0px -55px;
      }
      #submenuWrap dd ul {}
        #submenuWrap dd ul li {
          padding:0px 0 5px 26px;
        }
          #submenuWrap dd ul li ul li {
            padding:3px 0px 0px 0px;
            list-style:circle outside;
            margin-left:1.2em;
          }
        #submenuWrap dd ul li a{display:block; color:#fff;}
        #submenuWrap dd ul li a:hover{ color:#f5e20f;}
      /* ゲーム紹介 */
      #pageName_about #submenuWrap dt#submenu_0 .btn { background:url("/359h/common/images/dt_about.png") no-repeat top left; }

      #pageName_about #submenuWrap dd#submenu_1 .btn span { background-position:-516px -55px; }
      #pageName_about #submenuWrap dd#submenu_2 .btn span { background-position:-516px -85px; }
      #pageName_about #submenuWrap dd#submenu_3 .btn span { background-position:-516px -115px; }
      #pageName_about #submenuWrap dd#submenu_4 .btn span { background-position:-516px -145px; }
      #pageName_about #submenuWrap dd#submenu_5 .btn span { background-position:-516px -175px; }
      #pageName_about #submenuWrap dd#submenu_6 .btn span { background-position:-516px -205px; }
      #pageName_about #submenuWrap dd#submenu_7 .btn span { background-position:-516px -235px; }
      /* はじめよう */
      #pageName_howto #submenuWrap dt#submenu_0 .btn { background:url("/359h/common/images/dt_howto.png") no-repeat top left; }

      #pageName_howto #submenuWrap dd#submenu_1 .btn span { background-position:-172px -55px; }
      #pageName_howto #submenuWrap dd#submenu_2 .btn span { background-position:-172px -85px; }
      #pageName_howto #submenuWrap dd#submenu_3 .btn span { background-position:-172px -115px; }
      #pageName_howto #submenuWrap dd#submenu_4 .btn span { background-position:-172px -145px; }
      #pageName_howto #submenuWrap dd#submenu_5 .btn span { background-position:-172px -175px; }
      #pageName_howto #submenuWrap dd#submenu_6 .btn span { background-position:-172px -205px; }
      #pageName_howto #submenuWrap dd#submenu_7 .btn span { background-position:-172px -235px; }
      #pageName_howto #submenuWrap dd#submenu_8 .btn span { background-position:-172px -265px; }
      /* プレイガイド */
      #pageName_guide #submenuWrap dt#submenu_0 .btn { background:url("/359h/common/images/dt_guide.png") no-repeat top left; }

      #pageName_guide #submenuWrap dd#submenu_1 .btn span { background-position:-344px -55px; }
      #pageName_guide #submenuWrap dd#submenu_2 .btn span { background-position:-344px -85px; }
      #pageName_guide #submenuWrap dd#submenu_3 .btn span { background-position:-344px -115px; }
      #pageName_guide #submenuWrap dd#submenu_4 .btn span { background-position:-344px -145px; }
      #pageName_guide #submenuWrap dd#submenu_5 .btn span { background-position:-344px -175px; }
      #pageName_guide #submenuWrap dd#submenu_6 .btn span { background-position:-344px -205px; }
      #pageName_guide #submenuWrap dd#submenu_7 .btn span { background-position:-344px -235px; }
      /* より楽しむために */
      #pageName_gamedata #submenuWrap dt#submenu_0 .btn { background:url("/359h/common/images/dt_gamedata.png") no-repeat top left; }

      #pageName_gamedata #submenuWrap dd#submenu_1 .btn span { background-position:0px -55px; }
      #pageName_gamedata #submenuWrap dd#submenu_2 .btn span { background-position:0px -85px; }
      #pageName_gamedata #submenuWrap dd#submenu_3 .btn span { background-position:0px -115px; }
      #pageName_gamedata #submenuWrap dd#submenu_4 .btn span { background-position:0px -145px; }
      #pageName_gamedata #submenuWrap dd#submenu_5 .btn span { background-position:0px -175px; }
      #pageName_gamedata #submenuWrap dd#submenu_6 .btn span { background-position:0px -205px; }
      #pageName_gamedata #submenuWrap dd#submenu_7 .btn span { background-position:0px -235px; }
      /* サポート */
      #pageName_support #submenuWrap dt#submenu_0 .btn { background:url("/359h/common/images/dt_support.png") no-repeat top left; }

      #pageName_support #submenuWrap dd#submenu_1 .btn span { background-position:-688px -55px; }
      #pageName_support #submenuWrap dd#submenu_2 .btn span { background-position:-688px -85px; }
      #pageName_support #submenuWrap dd#submenu_3 .btn span { background-position:-688px -115px; }
      #pageName_support #submenuWrap dd#submenu_4 .btn span { background-position:-688px -145px; }
      #pageName_support #submenuWrap dd#submenu_5 .btn span { background-position:-688px -175px; }
      #pageName_support #submenuWrap dd#submenu_6 .btn span { background-position:-688px -205px; }
      /* お知らせ */
      #pageName_info #submenuWrap dt#submenu_0 .btn { background:url("/359h/common/images/dt_info.png") no-repeat top left; }

      #pageName_info #submenuWrap dd#submenu_1 .btn span { background-position:-860px -55px; }
      #pageName_info #submenuWrap dd#submenu_2 .btn span { background-position:-860px -85px; }
      #pageName_info #submenuWrap dd#submenu_3 .btn span { background-position:-860px -115px; }

  /* 新規登録 */
  #newReg {
    padding:1em 0;
  }
  #newReg .dmy,
  #newReg .dmy span{
    width:157px;
    height:158px;
    margin:0 auto 0;
  }
  #newReg .dmy span{ background:url("/359h/common/images/btn_reg_s.jpg") no-repeat top left; }
  #newReg .dmy:hover span{ background-position:bottom left; }
  /* バナーエリア */
  #leftbnr {
    text-align:center;
  }
/*------------------------------------
メイン
------------------------------------*/
#mainContent {
  width:716px;
  padding:60px 0 0 0;
  background:url("/359h/common/images/bg_main_top.gif") no-repeat top left;
}
  /*------------------------------------
  コンテンツが入る部分
  ------------------------------------*/
  #hotCon {
    width:708px;
    background:url("/359h/common/images/bg_main_bottom.gif") no-repeat bottom left;
    padding-bottom:60px;
  }
  #articleContainer {
    min-height:630px;
    height:auto !important;
    height:630px;
    padding:0 10px;
    background:url("/359h/common/images/bg_main_middle.gif") repeat-y top left;
    color:#515151;
  }
  #articleContainer .h_lv2{
    font-size:25px;
    font-weight:bold;
    color:#6b5600;
    height:41px;
    padding:0 0 0 33px;
    background:url("/359h/common/images/bg_h_lv2_3.jpg") no-repeat top left;
  }
  #articleContainer .h_lv3{
    font-size:14px;
    font-weight:bold;
    height:23px;
    padding:0px 0 0 33px;
    margin:1.5% 0 1% 0;
    background:url("/359h/common/images/bg_h_lv2_3.jpg") no-repeat bottom left;
  }
  #articleContainer .h_lv4{
    font-size:12px;
    font-weight:bold;
    margin:1.5% 0 1% 0;
  }
  #articleContainer .v100 {
    width:660px;
    margin:0 auto 0;
  }
  #articleContainer a {
    color:#f540ea;
    font-weight:bold;
  }
  #articleContainer .vc {color:#ff0000;}
  #articleContainer .vClist {padding-top:1%;padding-bottom:1%;}
  .hr {
    margin:0.5% 0;
    clear:both;
  }
  .hr.dot { border-bottom:1px dashed #969696;}
  .hr hr{
    display:none;
  }
/*------------------------------------
コンテンツ内メニュー
------------------------------------*/
.articleMenu {
  position:relative;
  text-align:center;
  padding:1% 0 0.5%;
  zoom:1;
  height:40px;
  overflow:hidden;
}
  .articleMenu li{
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1;
  }
  .articleMenu li a,
  .articleMenu li a span{
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1;
    background:url("/359h/common/images/btn_articlemenu.jpg") no-repeat top left;
    color:yellow;
    text-decoration:none;
    cursor:pointer;
  }
  .articleMenu li a{
    height:33px;
    padding-left:20px;
    background-position:top left;
    outline:none;
  }
  .articleMenu li a span{
    height:23px;
    vertical-align:middle;
    padding:10px 20px 0 0;
    background-position:right 0;
    /background-position:right -1px;
  }
  .articleMenu li a:hover{ background-position:bottom left; color:#fff;}
  .articleMenu li a:hover span{
    background-position:right -34px;
    color:#fff;
    /background-position:right -35px;
  }

  /* 下部ボタン */
  #footPager {
    clear:both;
    margin-top:10px;
    padding-bottom:7px;
    border-top:1px dashed #9c8f41;
    border-bottom:1px dashed #9c8f41;
    overflow:hidden;
    height:35px;
    zoom:1;
  }
  #footPager li.prev{
    display:block;
    float:left;
    width:50%;
    text-align:left;
  }
    #footPager li.prev a,
    #footPager li.prev a span{ background-image:url("/359h/common/images/btn_articlemenu_prev.jpg"); }
    #footPager li.prev a{ padding-left:20px; }
    #footPager li.prev a span{ padding-right:25px; }
    
  #footPager li.next{
    display:block;
    float:right;
    width:50%;
    text-align:right;
  }
    #footPager li.next a,
    #footPager li.next a span{ background-image:url("/359h/common/images/btn_articlemenu_next.jpg"); }
    #footPager li.next a{ padding-left:26px; }
    #footPager li.next a span{ padding-right:20px; }






/*------------------------------------
テーブルデザイン
------------------------------------*/
.tableStyle0 {}
.tableStyle1 {}
.tableStyle2 {}

/*------------------------------------
ページトップへ
------------------------------------*/
.pageTop {
  clear:both;
  width:100%;
  padding-top:1%;
}
.pageTop a{
  text-indent:-9999pt;
  display:block;
  float:right;
  width:164px;
  height:37px;
  background:url("/359h/common/images/btn_toppage.jpg") no-repeat top left;
}
.pageTop a:hover{
  background-position:bottom left;
}


/*------------------------------------
info
------------------------------------*/
#pageName_info #articleContainer dl{}
#pageName_info #articleContainer dl dd{
  border-bottom:1px dashed #969696;
  padding:1.5% 0;
  text-indent:-110px;
  padding-left:110px;
}
#pageName_info #articleContainer dl dd a{
  padding-left:10px;
}
#pageName_info #articleContainer dl dd a:visited{
  font-weight:normal;
}
#pageName_info .pages {
  width:100%;
  text-align:center;
  padding:1.5% 0;
}
/* タイトル */
#pageName_info .title.h_lv3 {
  position:relative;
  margin-bottom:3%;
}
  #pageName_info .title.h_lv3 h3{
    font-weight:bold;
  }
  #pageName_info .title.h_lv3 span{
    display:block;
    text-align:right;
    position:absolute;
    bottom:-13px;
    right:9px;
    font-size:10px;
    font-weight:normal;
  }
/* 本文 */
#pageName_info .text.v100 {
  line-height:1.8;
}
/* pager */
#sh_newspager{
  padding:1.5%;
  text-align:center;
  border-top:1px dashed #969696;
}

/*------------------------------------
画像をインラインブロック化
------------------------------------*/
.imgL,.imgR {
  zoom:1;
}

.imgboxSL,
.imgboxM,
.imgboxLS,
.imgboxL{
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
}


.imgbox {
  width:213px;
  height:163px;
  background:url("/359h/common/images/bg_thumb.jpg") no-repeat top left;
  padding:1px 0 0 4px;
  margin:0 1% 1% 0;
  text-align:left;
}
.imgboxSL {
  width:217px;
  height:278px;
  background:url("/359h/common/images/bg_thumb_sl.jpg") no-repeat top left;
  padding:1px 0 0px 4px;
  margin:0 1% 1% 0;
}

.imgboxM {
  width:321px;
  height:243px;
  background:url("/359h/common/images/bg_thumb_m.jpg") no-repeat top left;
  padding:3px 0 0px 2px;
  margin:0 0% 0% 4px;
}
.imgboxM.imgL { margin:0 4px 0 0px;}

.imgboxL {
  width:656px;
  height:493px;
  background:url("/359h/common/images/bg_thumb_l.jpg") no-repeat top left;
  margin-left:4px;
  padding:1px 0 0 4px;
}
.imgboxLS {
  width:656px;
  height:345px;
  background:url("/359h/common/images/bg_thumb_ls.jpg") no-repeat -2px 0px;
  margin-left:4px;
  padding:1px 0 0 4px;
}

/*sample_209x156.jpg*/
.imgbox img{ width:209px; height:156px;}
/*sample_209x270.jpg*/
.imgboxSL img{ width:209px; height:270px;}
/*sample_319x238.jpg*/
.imgboxM img{ width:319px; height:238px;}
/*sample_649x484.jpg*/
.imgboxL img{ width:649px; height:484px;}
/*sample_649x336.jpg*/
.imgboxLS img{ width:649px; height:336px;}


/*------------------------------------
サポート
------------------------------------*/
  .ruletext {
    padding:5px;
  }
  .ruletext h4{
    color:#3961af;
    font-weight:bold;
    font-size:16px;
    margin-bottom:5px;
  }
  .ruletext h5{
    font-weight:bold;
    margin-bottom:2px;
    font-size:14px;
  }
  .ruletext .textR{
    text-align:right;
  }
  .ruletext ul {
    padding-top:5px;
  }
    .ruletext ul li{
      text-indent:-12px;
      padding:0 0 5px 12px;
    }
  .ruletext strong{
    font-weight:bold;
  }

/*------------------------------------
アイテムリスト
------------------------------------*/
.itemlists.v25 {
  position:relative;
  background:url("../images/bg_itemlist_s.gif") no-repeat top left;
  width:161px;
  height:162px;
  margin:0;
  padding:2px;
}
.itemCate {
  text-align:center;
  color:#000;
  margin-top:5px;
  color:#fffc00;
}
.itemImg {
  position:absolute;
  top:68px;
  left:12px;
  width:150px;
  overflow:hidden;
}
  .itemImg img{
    margin-top:4px;
    float:left;
  }
  .itemImg strong{
    display:block;
    float:left;
    width:95px;
    color:#fff;
    padding:0 0 0 10px;
    font-weight:normal;
  }
.itemIcon {
  position:absolute;
  top:24px;
  left:0;
  width:165px;
  text-align:center;
}
.itemIcon img{
  margin-right:2px;
}
.itemDetail {
  position:absolute;
  top:128px;
  left:10px;
  overflow:hidden;
  color:#fff;
}
.itemName {
  position:absolute;
  color:#fffc00;
  top:48px;
  left:7px;
}

.itemlistL_a ,
.itemlistL_b ,
.itemlistL {
  position:relative;
  width:681px;
  height:150px;
  background:url("../images/bg_itemlist_l.gif") no-repeat top left;
}
.itemlistL_a{ background-image:url("../images/bg_itemlist_l_a.gif"); }
.itemlistL_b{ background-image:url("../images/bg_itemlist_l_b.gif");}


  .itemlistL_a .itemCate ,
  .itemlistL_b .itemCate ,
  .itemlistL .itemCate {
    margin-top:6px;
    text-align:left;
    text-indent:5px;
  }
  .itemlistL_a .itemIcon ,
  .itemlistL_b .itemIcon ,
  .itemlistL .itemIcon {
    text-align:left;
    padding:0 0 0 8px;
    width:500px;
  }
  .itemlistL_a .itemImg ,
  .itemlistL_b .itemImg ,
  .itemlistL .itemImg {
    top:49px;
    left:11px;
    width:500px;
    height:59px;
    overflow:visible;
  }
    .itemlistL_a .itemImg img,
    .itemlistL_b .itemImg img,
    .itemlistL .itemImg img{
      position:relative;
      top:1px;
    }
    .itemlistL_a .itemImg strong,
    .itemlistL_b .itemImg strong,
    .itemlistL .itemImg strong{
      width:400px;
      font-size:14px;
      text-indent:7px;
      font-weight:bold;
      color:#fffc00;
    }
    .itemlistL_a .itemImg p,
    .itemlistL_b .itemImg p,
    .itemlistL .itemImg p{
      float:left;
      width:400px;
      padding:6px 0 0 17px;
      color:#fff;
    }
  .itemlistL_a .itemDetail ,
  .itemlistL_b .itemDetail ,
  .itemlistL .itemDetail {
    top:110px;
  }
.spPrice{
  font-weight:bold;
  color:#fffc00;
}
  .imgArea {
    float:left;
    width:220px;
  }
  .tableArea {
    float:left;
    width:440px;
    _width:435px;
  }
  .tableArea tbody td{
    background:#fff;
  }


.itemlist .vc,
.itemlistL_a .vc ,
.itemlistL_b .vc ,
.itemlistL .vc {
  color:#FFFC00 !important;
  font-weight:bold;
}
.vTxt-through { text-decoration:line-through;}

.v50.itemlistL_b {
  width:325px;
  height:180px;
  padding:0;
  margin-right:5px;
  margin-bottom:5px;
  background-image:url("../images/bg_itemlist_l_b_v50.gif");
}

.itemlistL_b.v50 .itemImg strong,
.itemlistL_b.v50 .itemImg p{
  width:250px;
}
.itemlistL_b.v50 .itemDetail {
  line-height:1.4;
  top:120px;
}