@charset "UTF-8";
body {
  color: white;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: small; }

a {
  color: #51b1d4;
  text-decoration: none; }
  a:hover {
    color: #7cc0e9;
    text-decoration: underline; }
    a:hover img {
      opacity: 0.5;
      filter: alpha(opacity=50);
      -ms-filter: alpha(opacity=50);
      -khtml-opacity: 0.5;
      -moz-opacity: 0.5; }

.wrap {
  display: table;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.wrap_small {
  display: table;
  width: 100%;
  max-width: 512px;
  margin-left: auto;
  margin-right: auto; }

.hide {
  display: none; }

body {
  background-color: black;
  width: 100%; }
  body:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 512px;
    z-index: -10;
    background: -moz-linear-gradient(to top, black 0%, #040e39 100%);
    background: -webkit-gradient(linear, bottom, from(black), to(#040e39));
    background: linear-gradient(to top, black 0%, #040e39 100%); }

ul.sideTable_150px, dl.sideTable_150px, ol.sideTable_150px {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 8px; }
  ul.sideTable_150px li, ul.sideTable_150px dt, ul.sideTable_150px dd, dl.sideTable_150px li, dl.sideTable_150px dt, dl.sideTable_150px dd, ol.sideTable_150px li, ol.sideTable_150px dt, ol.sideTable_150px dd {
    display: table-cell;
    text-align: center; }
  ul.sideTable_150px img, dl.sideTable_150px img, ol.sideTable_150px img {
    width: 100%;
    max-width: 150px; }

.mainWnd {
  border: solid 1px #666;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }
  .mainWnd > h1, .mainWnd > h2, .mainWnd > h3, .mainWnd > h4, .mainWnd > h5, .mainWnd > h6 {
    font-size: medium;
    background-color: #252525;
    height: 24px;
    white-space: nowrap;
    overflow: hidden; }
    .mainWnd > h1 span, .mainWnd > h2 span, .mainWnd > h3 span, .mainWnd > h4 span, .mainWnd > h5 span, .mainWnd > h6 span {
      display: inline-block;
      float: left;
      padding: 0 53px 0 12px;
      height: 24px;
      line-height: 24px;
      background-color: #4a4a4a;
      background-image: url("../img/system/mainWndSec_background.png");
      background-repeat: no-repeat;
      background-position: top right; }
    .mainWnd > h1:after, .mainWnd > h2:after, .mainWnd > h3:after, .mainWnd > h4:after, .mainWnd > h5:after, .mainWnd > h6:after {
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      content: " "; }
  .mainWnd > div {
    padding: 8px; }
    .mainWnd > div .detail {
      float: right;
      margin-top: 8px; }
    .mainWnd > div:after {
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      content: " "; }
  .mainWnd a img {
    border: solid 2px #2886cf;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }

.container_50per {
  box-sizing: border-box;
  float: left;
  width: 50%;
  max-width: 500px;
  margin-top: 8px; }

.topMarginMedium {
  margin-top: 12px; }

.leftPaddingLarge {
  padding-left: 20px; }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .container_50per {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto; }

  .leftPaddingLarge {
    padding-left: 0; } }
dl.newsList_6em {
  font-size: x-small;
  line-height: 1.4em; }
  dl.newsList_6em dt {
    float: left;
    width: 6em;
    color: #c5ae9b; }
  dl.newsList_6em dd {
    display: block;
    padding-left: 7em;
    border-bottom: dashed 1px #666;
    margin-bottom: 2px; }
    dl.newsList_6em dd:last-child {
      border: none;
      margin-bottom: 0; }

.comment {
  font-size: x-small;
  line-height: 1.4em;
  margin-top: 8px; }

.linkTriangle {
  display: inline-block;
  padding-left: 11px;
  background-image: url("../img/system/linkTriangle.png");
  background-repeat: no-repeat;
  background-position: top left; }

.headerBelt {
  background-image: url("../img/system/headerBelt_Back.png");
  background-repeat: repeat-x;
  text-align: center;
  white-space: nowrap; }
  .headerBelt p {
    display: table;
    margin: 0 auto;
    background-image: url("../img/system/headerBelt_Center.png");
    background-repeat: repeat-x; }
    .headerBelt p span {
      display: table-cell;
      height: 24px;
      padding: 0 32px;
      line-height: 24px;
      font-size: small;
      white-space: nowrap;
      text-shadow: 0 0 3px black; }
    .headerBelt p:before, .headerBelt p:after {
      content: " ";
      display: table-cell;
      height: 24px;
      width: 44px; }
    .headerBelt p:before {
      background-image: url("../img/system/headerBelt_Left.png"); }
    .headerBelt p:after {
      background-image: url("../img/system/headerBelt_Right.png"); }

#headerLogoBelt {
  margin-top: 16px;
  text-align: center;
  position: relative; }
  #headerLogoBelt a:nth-child(1) img {
    width: 100%;
    max-width: 390px; }
  #headerLogoBelt a:nth-child(2), #headerLogoBelt a:nth-child(3) {
    position: absolute; }
    #headerLogoBelt a:nth-child(2) img, #headerLogoBelt a:nth-child(3) img {
      width: 32px; }
  #headerLogoBelt a:nth-child(2) {
    right: 0; }
  #headerLogoBelt a:nth-child(3) {
    right: 44px; }

@media screen and (min-width: 1px) and (max-width: 566px) {
  #headerLogoBelt {
    display: table;
    text-align: left;
    position: static; }
    #headerLogoBelt a {
      display: table-cell; }
    #headerLogoBelt a:nth-child(2), #headerLogoBelt a:nth-child(3) {
      position: static;
      width: 44px;
      text-align: right; } }
ul#headerMenu {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 16px; }
  ul#headerMenu li {
    display: table-cell; }
    ul#headerMenu li a {
      display: block;
      text-align: center;
      padding: 2px 4px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      background-color: #0a3855;
      background: -moz-linear-gradient(to top, #0c476b 0%, #0a3855 42%, #0e527d 52%, #136ea8 100%);
      background: -webkit-gradient(linear, bottom, from(#0c476b), color-stop(0.42, #0a3855), color-stop(0.52, #0e527d), to(#136ea8));
      background: linear-gradient(to top, #0c476b 0%, #0a3855 42%, #0e527d 52%, #136ea8 100%);
      border-left: solid 1px #5397c1;
      border-top: solid 1px #5397c1;
      border-right: solid 1px #051e2d;
      border-bottom: solid 1px #051e2d; }
      ul#headerMenu li a img, ul#headerMenu li a > span {
        display: inline-block;
        text-shadow: 0 0 3px black; }
      ul#headerMenu li a > span {
        width: 5em; }
        ul#headerMenu li a > span > span {
          display: block; }
      ul#headerMenu li a .ja {
        color: white;
        font-size: medium;
        margin-top: 4px; }
      ul#headerMenu li a .en {
        color: #6a8da8;
        font-size: x-small;
        margin-top: 0.4em; }
      ul#headerMenu li a:hover {
        text-decoration: none;
        background-image: none;
        background-color: #001f3f;
        border-left: solid 1px #02090e;
        border-top: solid 1px #02090e;
        border-right: solid 1px #5397c1;
        border-bottom: solid 1px #5397c1; }
        ul#headerMenu li a:hover .ja {
          color: #6a8da8; }
  ul#headerMenu li.selected a {
    background-color: #232323;
    background: -moz-linear-gradient(to top, #2e2e2e 0%, #232323 42%, #363535 52%, #484848 100%);
    background: -webkit-gradient(linear, bottom, from(#2e2e2e), color-stop(0.42, #232323), color-stop(0.52, #363535), to(#484848));
    background: linear-gradient(to top, #2e2e2e 0%, #232323 42%, #363535 52%, #484848 100%);
    border-left: solid 1px #7a7a7a;
    border-top: solid 1px #7a7a7a;
    border-right: solid 1px #141313;
    border-bottom: solid 1px #141313; }
    ul#headerMenu li.selected a img {
      opacity: 0.5;
      filter: alpha(opacity=50);
      -ms-filter: alpha(opacity=50);
      -khtml-opacity: 0.5;
      -moz-opacity: 0.5; }
    ul#headerMenu li.selected a .ja {
      color: #7e7d7d; }
    ul#headerMenu li.selected a .en {
      color: #7e7d7d; }

footer {
  border-top: solid 1px #666;
  padding-bottom: 16px;
  margin-top: 8px; }
  footer .footerMenu {
    float: right; }
    footer .footerMenu ul {
      display: table;
      margin-top: 8px; }
      footer .footerMenu ul li {
        display: table-cell;
        border-right: solid 2px white;
        padding: 0 6px; }
        footer .footerMenu ul li a {
          display: block;
          width: 6em;
          height: 1.8em;
          font-size: small;
          line-height: 1.8em;
          background-color: #265e85;
          color: white;
          text-align: center;
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px; }
          footer .footerMenu ul li a:hover {
            background-color: #133044;
            color: #3c5a73; }
        footer .footerMenu ul li:last-child {
          border: none;
          padding-right: 0; }
        footer .footerMenu ul li.selected a {
          background-color: #232323;
          color: #7e7d7d; }
          footer .footerMenu ul li.selected a:hover {
            background-color: #232323;
            color: #7e7d7d;
            text-decoration: none; }
  footer .protected {
    display: inline-block;
    margin-top: 8px; }
  footer:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: " "; }

.leaflets {
  text-align: center; }
  .leaflets img {
    width: 100%;
    max-width: 482px; }

.newsBunner {
  text-align: center; }
  .newsBunner img {
    width: 100%;
    max-width: 482px; }
  .newsBunner a:nth-child(n + 1) img {
    margin-top: 8px; }

ul#titleLineup, dl#titleLineup, ol#titleLineup {
  text-align: center; }
  ul#titleLineup li, ul#titleLineup .lineupGame, dl#titleLineup li, dl#titleLineup .lineupGame, ol#titleLineup li, ol#titleLineup .lineupGame {
    display: inline-block;
    margin-top: 8px;
    padding-top: 8px;
    padding-right: 12px;
    width: 42%;
    max-width: 200px; }
    ul#titleLineup li img, ul#titleLineup .lineupGame img, dl#titleLineup li img, dl#titleLineup .lineupGame img, ol#titleLineup li img, ol#titleLineup .lineupGame img {
      width: 100%;
      margin-bottom: 2px; }
    ul#titleLineup li:first-child, ul#titleLineup .lineupGame:first-child, dl#titleLineup li:first-child, dl#titleLineup .lineupGame:first-child, ol#titleLineup li:first-child, ol#titleLineup .lineupGame:first-child {
      margin-top: 0; }
  ul#titleLineup .lineupGame, dl#titleLineup .lineupGame, ol#titleLineup .lineupGame {
    border-top: dashed 1px #666;
    vertical-align: top; }
  ul#titleLineup li.portal, dl#titleLineup li.portal, ol#titleLineup li.portal {
    width: 100%;
    max-width: 414px; }
  ul#titleLineup li p, dl#titleLineup li p, ol#titleLineup li p {
    text-align: left;
    font-size: x-small; }

.newsIndex dt:nth-child(n + 15), .newsIndex dd:nth-child(n + 15) {
  display: none; }

.new_product {
  width: 100%;
  text-align: center; }
  .new_product img {
    width: 100%;
    max-width: 482px;
    margin: 2px auto; }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .new_productPC {
    display: none; } }