body {
  padding-bottom: 40px; }

.mod-mainContentContainer {
  z-index: 5; }

html.js .mod-extraNav {
  height: 0px;
  visibility: hidden;
  bottom: -1000px; }

html.js .ex-extraNav--afterReady {
  visibility: visible;
  -webkit-transition: bottom 1s;
  -moz-transition: bottom 1s;
  -ms-transition: bottom 1s;
  -o-transition: bottom 1s;
  transition: bottom 1s; }

.mod-extraNav {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 950px;
  padding: 10px 0 0;
  background: url(../images/common/bg_01.png);
  -webkit-transform: translate3d(0, 0, 0); }
  .mod-extraNav .mod-extraNav-nav {
    *zoom: 1;
    width: 948px;
    margin: 0 auto; }
    .mod-extraNav .mod-extraNav-nav:after {
      content: '';
      display: block;
      clear: both;
      height: 0; }
    .mod-extraNav .mod-extraNav-nav ul {
      list-style: none;
      margin: 0 0 0 -7px;
      padding: 0;
      *zoom: 1; }
    .mod-extraNav .mod-extraNav-nav li {
      text-align: center;
      float: left;
      *display: inline;
      width: 184px;
      min-height: 30px;
      padding: 10px 0 0;
      margin: 0 0 0 7px;
      border-radius: 3px 3px 0 0;
      background: url(../images/common/bg_03.png) 0 100%; }
      .mod-extraNav .mod-extraNav-nav li.mod-extraNav-store {
        background-position: -368px 100%; }
      .mod-extraNav .mod-extraNav-nav li.mod-extraNav-support {
        background-position: -552px 100%; }
      .mod-extraNav .mod-extraNav-nav li.mod-extraNav-store-current {
        background-position: 0 100%; }
      .mod-extraNav .mod-extraNav-nav li.mod-extraNav-support-current {
        background-position: -184px 100%; }
      .mod-extraNav .mod-extraNav-nav li.small-mode a {
        font-size: 80%;
        letter-spacing: -0.01em; }
      .mod-extraNav .mod-extraNav-nav li.mod-extraNav-banner {
        padding: 3px 7px 0 7px;
        margin: 0 0 0 -7px;
        min-height: 37px;
        background: #fff; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-banner img {
          display: block; }
    .mod-extraNav .mod-extraNav-nav a {
      color: #444;
      display: block;
      padding: 10px 0;
      margin: -10px 0;
      *zoom: 1; }
      .mod-extraNav .mod-extraNav-nav a:hover {
        color: #444;
        text-decoration: none; }
    .mod-extraNav .mod-extraNav-nav li.mod-extraNav-store-current a,
    .mod-extraNav .mod-extraNav-nav li.mod-extraNav-support-current a {
      background: url(../images/common/ico_03.png) no-repeat 50% 3px; }
  .mod-extraNav .mod-extraNav-detail {
    width: 948px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden; }
  .mod-extraNav .ex-extraNav-detail-close {
    max-height: 0;
    _display: none; }
  .mod-extraNav .ex-extraNav-detail-open {
    max-height: 300px;
    _display: block; }
  .mod-extraNav .mod-extraNav-detailGroup1 {
    *zoom: 1;
    padding: 6px 15px; }
    .mod-extraNav .mod-extraNav-detailGroup1:after {
      content: '';
      display: block;
      clear: both;
      height: 0; }
    .mod-extraNav .mod-extraNav-detailGroup1:first-child {
      padding: 6px 15px;
      background: none; }
  .mod-extraNav .mod-extraNav-detailGroup2 {
    *zoom: 1;
    padding: 12px 10px 6px 15px;
    background: url(../images/common/bg_04.png) no-repeat 50% 0; }
    .mod-extraNav .mod-extraNav-detailGroup2:after {
      content: '';
      display: block;
      clear: both;
      height: 0; }
  .mod-extraNav ul.mod-extraNav-linkList1 {
    *zoom: 1;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0; }
    .mod-extraNav ul.mod-extraNav-linkList1:after {
      content: '';
      display: block;
      clear: both;
      height: 0; }
    .mod-extraNav ul.mod-extraNav-linkList1 li {
      float: left;
      *float: none;
      *display: inline;
      *zoom: 1;
      margin: 0 20px 0 0; }
    .mod-extraNav ul.mod-extraNav-linkList1 a {
      color: #000;
      display: block;
      *zoom: 1;
      padding: 3px 0 3px 12px;
      background: url(../images/common/ico_01.png) no-repeat 0 0.55em; }
      .mod-extraNav ul.mod-extraNav-linkList1 a:hover {
        color: #000; }
  .mod-extraNav .mod-extraNav-item1 {
    float: left;
    padding: 0 4px 0 0; }
    .mod-extraNav .mod-extraNav-item1 a {
      *zoom: 1;
      display: block;
      *zoom: 1; }
      .mod-extraNav .mod-extraNav-item1 a:after {
        content: '';
        display: block;
        clear: both;
        height: 0; }
  .mod-extraNav .mod-extraNav-item2 {
    float: left;
    width: 180px;
    padding: 0 4px 0 0;
    overflow: hidden; }
    .mod-extraNav .mod-extraNav-item2 a {
      *zoom: 1;
      display: block;
      *zoom: 1; }
      .mod-extraNav .mod-extraNav-item2 a:after {
        content: '';
        display: block;
        clear: both;
        height: 0; }
  .mod-extraNav .mod-extraNav-item2Image {
    float: left; }
    .mod-extraNav .mod-extraNav-item2Image img {
      display: block; }
  .mod-extraNav .mod-extraNav-item2Text {
    overflow: hidden;
    padding-left: 22px;
    background: url(../images/common/ico_02.png) no-repeat 10px 0.4em;
    *zoom: 1; }
  .mod-extraNav .mod-extraNav-item3 {
    float: left;
    width: 340px;
    padding-left: 10px;
    overflow: hidden; }
    .mod-extraNav .mod-extraNav-item3 a {
      *zoom: 1;
      display: block;
      *zoom: 1; }
      .mod-extraNav .mod-extraNav-item3 a:after {
        content: '';
        display: block;
        clear: both;
        height: 0; }
  .mod-extraNav .mod-extraNav-item3Image {
    float: left; }
    .mod-extraNav .mod-extraNav-item3Image img {
      display: block; }
  .mod-extraNav .mod-extraNav-item3Text {
    overflow: hidden;
    padding-left: 22px;
    background: url(../images/common/ico_02.png) no-repeat 10px 0.4em;
    *zoom: 1; }

@media (max-width: 640px) {
  html.js .mod-extraNav {
    visibility: visible; }

  html.js .ex-extraNav--afterReady {
    visibility: visible; }

  .mod-extraNav {
    position: static;
    width: auto;
    min-width: 0;
    padding: 10px; }
    .mod-extraNav .mod-extraNav-nav {
      *zoom: 1;
      width: auto;
      margin: 0 auto; }
      .mod-extraNav .mod-extraNav-nav:after {
        content: '';
        display: block;
        clear: both;
        height: 0; }
      .mod-extraNav .mod-extraNav-nav ul {
        font-size: 12px;
        list-style: none;
        margin: 0 0 -4px -7px;
        padding: 0;
        *zoom: 1; }
      .mod-extraNav .mod-extraNav-nav li {
        text-align: center;
        vertical-align: top;
        float: none;
        display: inline-block;
        width: 45%;
        min-height: 0;
        padding: 8px 0 6px;
        margin: 0 0 4px 7px;
        border-radius: 3px;
        background: url(../images/common/bg_05.png) repeat-x 0 100%; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-store:after, .mod-extraNav .mod-extraNav-nav li.mod-extraNav-support:after {
          content: "";
          display: block;
          height: 2px;
          margin: 0 10px;
          background: red; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-store:after {
          background: #f7b079; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-support:after {
          background: #a4deff; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-store-current {
          background: #fff; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-support-current {
          background: #fff; }
        .mod-extraNav .mod-extraNav-nav li.mod-extraNav-banner {
          padding: 0;
          margin: 0 0 4px 7px;
          min-height: 0; }
          .mod-extraNav .mod-extraNav-nav li.mod-extraNav-banner img {
            margin: 0 auto;
            max-width: 100%;
            height: auto; }
      .mod-extraNav .mod-extraNav-nav a {
        color: #444;
        display: block;
        padding: 8px 0 6px;
        margin: -8px 0 -6px;
        *zoom: 1; }
        .mod-extraNav .mod-extraNav-nav a:hover {
          color: #444;
          text-decoration: none; }
    .mod-extraNav .mod-extraNav-detail {
      width: auto;
      margin: 0 auto;
      background: #fff;
      overflow: hidden; }
    .mod-extraNav .ex-extraNav-detail-close,
    .mod-extraNav .ex-extraNav-detail-open {
      max-height: auto;
      display: block; }
    .mod-extraNav .mod-extraNav-detailGroup {
      *zoom: 1;
      padding: 12px 15px 6px;
      background: url(../images/common/bg_04.png) no-repeat 50% 0; }
      .mod-extraNav .mod-extraNav-detailGroup:after {
        content: '';
        display: block;
        clear: both;
        height: 0; }
      .mod-extraNav .mod-extraNav-detailGroup:first-child {
        padding: 6px 15px;
        background: none; }
    .mod-extraNav ul.mod-extraNav-linkList1 {
      *zoom: 1;
      font-size: 14px;
      list-style: none;
      margin: 0;
      padding: 0; }
      .mod-extraNav ul.mod-extraNav-linkList1:after {
        content: '';
        display: block;
        clear: both;
        height: 0; }
      .mod-extraNav ul.mod-extraNav-linkList1 li {
        float: none;
        margin: 0 20px 0 0; }
      .mod-extraNav ul.mod-extraNav-linkList1 a {
        padding: 3px 0 3px 16px;
        background: url(../images/common/ico_01.png) no-repeat 0 0.55em; }
    .mod-extraNav .mod-extraNav-item1 {
      float: none;
      width: auto;
      padding: 0;
      margin: 0 0 10px; }
    .mod-extraNav .mod-extraNav-item2 {
      float: none;
      width: auto;
      padding: 0;
      margin: 0 0 10px; }
    .mod-extraNav .mod-extraNav-item3 {
      float: none;
      width: auto;
      padding: 0;
      margin: 0 0 10px; }
    .mod-extraNav .mod-extraNav-item3Image {
      float: none; }
    .mod-extraNav .mod-extraNav-item3Text {
      overflow: hidden;
      padding-left: 10px;
      background: url(../images/common/ico_02.png) no-repeat 0px 0.6em; } }