@charset "UTF-8";
.header_local, #pageTitle {
  font-family: HelveticaNeue,Helvetica Neue,Helvetica,Arial,Roboto,"Droid Sans",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.header_local_nav {
  font-family: HelveticaNeue,Helvetica Neue,Helvetica,Arial,Roboto,"Droid Sans",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight:bold;
}

.header_local_inner, #pageTitle .pageTitle_inner {
  *zoom: 1;
}
.header_local_inner:before, #pageTitle .pageTitle_inner:before, .header_local_inner:after, #pageTitle .pageTitle_inner:after {
  content: " ";
  display: table;
}
.header_local_inner:after, #pageTitle .pageTitle_inner:after {
  clear: both;
}

/* ==========================================================================
   Layout
============================================================================= */
/*
   Local Header
=================================================================== */
.header_local {
  position: absolute;
  width: 100%;
  color: #8e8e8f;
  background-color: #fff;
}
.header_local a {
  color: #8e8e8f;
}

.header_local-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.header_local_inner {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  height: 70px;
  line-height: 70px;
  font-size: 92.85714%;
}

.header_local_logo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 13px;
  float: left;
  line-height: 0;
}

.header_local_logo-noscript {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 13px;
  line-height: 0;
  float: left;
  width: 152px;
  height: 44px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("img/logo_wiiu.png") left top no-repeat;
}

.header_local_nav {
  float: right;
  margin-right: 0;
}
.header_local_nav li {
  float: left;
  margin-left: 39px;
}
.header_local_nav li a {
  display: block;
  height: 70px;
  line-height: 70px;
}
.header_local_nav li a span {
  height: 14px;
  display: inline-block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.header_local_nav li a:hover {
  text-decoration: none;
}
.header_local_nav li a:hover span {
  background-position: 0 -14px;
}
.header_local_nav li .is_current {
  color: #0096c8;
  position: relative;
}
.header_local_nav li .is_current:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 4px;
  background: transparent url("img/icon_current.png") left top no-repeat;
  left: 50%;
  bottom: 14px;
  margin-left: -4px;
}
.header_local_nav li .is_current span {
  background-position: 0 -14px;
}

.nav-local-top {
  width: 33px;
  background-image: url(img/nav_top.png);
}

.nav-local-hard {
  width: 90px;
  background-image: url(img/nav_hard.png);
}

.nav-local-soft {
  width: 72px;
  background-image: url(img/nav_soft.png);
}

.nav-local-cm {
  width: 89px;
  background-image: url(img/nav_cm.png);
}

.nav-local-topics {
  width: 58px;
  background-image: url(img/nav_topics.png);
}

.nav-local-support {
  width: 51px;
  background-image: url(img/nav_support.png);
}

/*
   Page Title (TOP)
=================================================================== */
#pageTitle {
  background-color: #0096c8;
}
#pageTitle .pageTitle_inner {
  width: 960px;
  padding: 0;
  margin: 0 auto;
  height: 80px;
  overflow: hidden;
  color: #fff;
  background-color: #0096c8;
}
#pageTitle .heading-lv1 {
  float: left;
  height: 100%;
  max-width: 790px;
  font-weight: normal;
}
#pageTitle .heading-lv1:before {
  content: "";
  height: 80px;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
#pageTitle .heading-lv1 img {
  vertical-align: middle;
}
#pageTitle .pageTitle_caption {
  float: right;
  font-size: 92.85714%;
  height: 100%;
}
#pageTitle .pageTitle_caption:before {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
#pageTitle .pageTitle_caption img {
  vertical-align: middle;
}

/*
   Footer
=================================================================== */
.footer_logo img {
  width: 85px;
  height: auto;
}

.footer_links_list li a:before {
  background: transparent url(img/arrow_link_00.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .footer_links_list li a:before {
    background-image: url(img/arrow_link_00@2x.png);
    background-size: 10px 10px;
  }
}