@charset "utf-8";
/* ==========================================================================
   mod-sideUnit
   ========================================================================== */
.mod-side {
  border-top: 1px solid #999;
  min-width: 950px; }
  
.mod-side-item:first-child {
	border-top: 0;
	padding-top: 0;
}
.mod-side-item {
width: 950px;
margin: 22px auto;
padding-top: 22px;
border-top: 1px dotted #000;
}

.mod-side-header {
  margin: 0 0 1em; }
  .mod-side-header h1 {
    font-size: 1.33333em;
    text-align: center;
    margin: 0; }

@media (max-width: 640px) {
  .mod-side {
    min-width: 0; }

  .mod-side-item {
    width: auto;
    margin: 22px 10px;
    font-size: 0.71429em; }

  .mod-side-header h1 {
    font-size: 1.2em; } }
/* ==========================================================================
   mod-link
   ========================================================================== */
.mod-link {
  color: #006080;
  text-decoration: none;
  background: url(../../../images/mod-link/ico_01.png) no-repeat 0 0.35em;
  padding-left: 10px; }

/* ==========================================================================
   mod-button
   ========================================================================== */
.mod-button {
  color: #1a1a1a;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  background-color: #f2f2f2;
  background-repeat: no-repeat, repeat-x;
  background-position: 20px 50%;
  background-image: url(../../../images/mod-button/ico_01.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, #efefef));
  background-image: url(../../../images/mod-button/ico_01.png), -webkit-linear-gradient(top, whitesmoke 0%, #efefef 100%);
  background-image: url(../../../images/mod-button/ico_01.png), -moz-linear-gradient(top, whitesmoke 0%, #efefef 100%);
  background-image: url(../../../images/mod-button/ico_01.png), -o-linear-gradient(top, whitesmoke 0%, #efefef 100%);
  background-image: url(../../../images/mod-button/ico_01.png), linear-gradient(to bottom, whitesmoke 0%, #efefef 100%);
  padding: .5em 20px .5em 28px;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
  html.no-multiplebgs .mod-button {
    background-repeat: no-repeat;
    background-image: url(../../../images/mod-button/ico_01.png); }
  html.no-boxshadow .mod-button {
    border: 1px solid #e4e4e4; }
  .mod-button:hover {
    color: #999999;
    text-decoration: none;
    background-image: url(../../../images/mod-button/ico_01_on.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, whitesmoke));
    background-image: url(../../../images/mod-button/ico_01_on.png), -webkit-linear-gradient(top, #f8f8f8 0%, whitesmoke 100%);
    background-image: url(../../../images/mod-button/ico_01_on.png), -moz-linear-gradient(top, #f8f8f8 0%, whitesmoke 100%);
    background-image: url(../../../images/mod-button/ico_01_on.png), -o-linear-gradient(top, #f8f8f8 0%, whitesmoke 100%);
    background-image: url(../../../images/mod-button/ico_01_on.png), linear-gradient(to bottom, #f8f8f8 0%, whitesmoke 100%);
    -webkit-background-size: auto auto, 100% auto;
    -o-background-size: auto auto, 100% auto;
    background-size: auto auto, 100% auto; }
    html.no-multiplebgs .mod-button:hover {
      background-repeat: no-repeat;
      background-image: url(../../../images/mod-button/ico_01_on.png); }

@media (max-width: 640px) {
  .mod-button {
    font-size: 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    padding: .4em 10px .4em 18px;
    background-position: 10px 50%; } }
/* ==========================================================================
   mod-storeButton
   ========================================================================== */
.mod-storeButton {
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: .6em 20px .6em 28px;
  background: url(../../../images/mod-storeButton/bg_02.png) no-repeat 0 50%;
  -webkit-border-radius: 1.5em;
  border-radius: 1.5em;
  border: 1px solid #e5e5e5; }
  .mod-storeButton.ex-storeButton--top {
    font-size: 16px;
    background-image: url(../../../images/mod-storeButton/bg_01.png);
    padding: .6em 46px .6em 58px;
    -webkit-background-size: auto;
    background-size: auto; }
  .mod-storeButton:hover {
    color: #FFF;
    text-decoration: none;
    background-position: -500px 50%; }

@media (max-width: 640px) {
  .mod-storeButton {
    font-size: 14px;
    padding-top: .4em;
    padding-bottom: .3em; } }
/* ==========================================================================
   mod-storeButtonContainer
   ========================================================================== */
.mod-storeButtonContainer {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.mod-storeButtonContainer-button {
  display: block; }

.mod-storeButtonContainer-text {
  font-size: 10px;
  text-align: center;
  display: block;
  margin-top: 2px; }

/* ==========================================================================
   mod-sideLinks1
   ========================================================================== */
.mod-sideLinks1 {
  font-size: 0;
  text-align: center; }
  .mod-sideLinks1 .mod-sideLinks1-item,
  .mod-sideLinks1 .mod-sideLinks1-textItem {
    font-size: 12px;
    text-align: left;
    margin: 0 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top; }
  .mod-sideLinks1 .mod-sideLinks1-item img {
    border: 1px solid #D1D1D1;
    display: block; }
  .mod-sideLinks1 .mod-sideLinks1-textItem {
    width: 140px;
    padding: 10px;
    min-height: 75px;
    _height: 75px;
    border: 1px solid #b3b3b3; }
  .mod-sideLinks1 ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .mod-sideLinks1 li {
    margin: 0;
    padding: 0;
    font-size: 1.16667em; }
    .mod-sideLinks1 li a {
      color: #1a1a1a;
      text-decoration: none;
      padding: 0 0 0 10px;
      background: url(../../../images/mod-sideLinks1/ico_01.png) no-repeat 0 0.4em; }
    .mod-sideLinks1 li ul {
      margin: .3em 0 0; }
    .mod-sideLinks1 li li {
      font-size: 0.85714em; }

@media (max-width: 640px) {
  .mod-sideLinks1 .mod-sideLinks1-item,
  .mod-sideLinks1 .mod-sideLinks1-textItem {
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top; }
  .mod-sideLinks1 .mod-sideLinks1-item {
    width: 100px; }
    .mod-sideLinks1 .mod-sideLinks1-item img {
      width: 80px;
      height: auto; }
  .mod-sideLinks1 .mod-sideLinks1-textItem {
    width: 100px;
    padding: 0;
    min-height: 0;
    border: none; }
  .mod-sideLinks1 ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .mod-sideLinks1 li {
    margin: 0;
    padding: 0;
    font-size: 10px; }
    .mod-sideLinks1 li a {
      color: #1a1a1a;
      text-decoration: none;
      padding: 0 0 0 10px;
      background: url(../../../images/mod-sideLinks1/ico_01.png) no-repeat 0 0.4em; }
    .mod-sideLinks1 li ul {
      margin: .3em 0 0 .3em; } }
/* ==========================================================================
   mod-sideLinks2
   ========================================================================== */
.mod-sideLinks2 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 950px;
  margin: auto;
  position: relative; }

.mod-sideLinks2-viewport {
  width: 886px;
  margin: 0 auto;
  overflow: hidden; }

.mod-sideLinks2-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  .mod-sideLinks2-list li {
    margin: 0;
    padding: 0 5px;
    float: left;
    width: 116px; }
  .mod-sideLinks2-list img {
    display: block;
    width: 116px;
    height: auto; }

.mod-sideLinks2-control {
  margin: 0;
  padding: 0;
  list-style: none; }
  .mod-sideLinks2-control li {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    cursor: pointer;
    position: absolute;
    top: 0;
    background: url(../../../images/mod-sideLinks2/btn_01.png) no-repeat;
    width: 30px;
    height: 80px; }
    .mod-sideLinks2-control li.mod-sideLinks2-prev {
      left: 0;
      background-position: 0 50%; }
    .mod-sideLinks2-control li.mod-sideLinks2-next {
      right: 0;
      background-position: 100% 50%; }
    .mod-sideLinks2-control li:hover {
      filter: alpha(opacity=50);
      opacity: .5; }
    .mod-sideLinks2-control li.ex-sideLinks2--disabled {
      opacity: .5;
      cursor: auto; }

@media (max-width: 640px) {
  .mod-sideLinks2 {
    width: auto;
    margin: auto; }

  .mod-sideLinks2-viewport {
    width: auto;
    margin: 0 25px;
    overflow: hidden; }

  .mod-sideLinks2-list {
    margin: 0;
    padding: 0;
    list-style: none; }
    .mod-sideLinks2-list li {
      margin: 0;
      padding: 0 6px;

      float: left;
      width: 58px; }
    .mod-sideLinks2-list img {
      width: 58px;
      height: auto; }

  .mod-sideLinks2-control li {
    width: 10px;
    height: 40px;
    -webkit-background-size: 75px 18px;
    -o-background-size: 75px 18px;
    background-size: 75px 18px; } }