/**
 * Products Common
 */
/* ==========================================================================
	Topic path
========================================================================== */
.topicpath-l {
  border: 0;
  background: rgba(25, 60, 31, 0.3); }

/* ==========================================================================
	Page title
========================================================================== */
.pagetitle {
  position: relative;
  display: table;
  width: 100%;
  height: 260px;
  top: -40px; }
  .pagetitle div {
    display: table-cell;
    width: 100%;
    height: 260px;
    text-align: center;
    vertical-align: middle; }
  .pagetitle h1 {
    text-align: center; }

/* ==========================================================================
	Lead
========================================================================== */
.lead {
  margin: 0 0 40px; }

.boder-box {
  border: 2px solid #ddd;
  text-align: center;
  width: 100%;
  margin: 89px 0 0;
  padding: 89px 0; }
  .boder-box h2 {
    font-size: 128.571428571%;
    color: #22ac38; }

/* ==========================================================================
	Navi
========================================================================== */
.products-nav {
  letter-spacing: -0.4em;
  margin: 0 0 40px; }
  .products-nav li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    border-top: solid 1px #e6e9e6;
    border-bottom: solid 1px #e6e9e6;
    border-right: solid 1px #e6e9e6;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }
    .products-nav li:first-child {
      border-left: solid 1px #e6e9e6; }
    .products-nav li:hover {
      background: #f6f8f6; }
  .products-nav a {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    zoom: 1;
    display: block;
    position: relative;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .products-nav a:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: #22ac38;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }
    .products-nav a:hover, .products-nav a:focus, .products-nav a:active {
      color: #fff; }
      .products-nav a:hover span:before, .products-nav a:focus span:before, .products-nav a:active span:before {
        color: #fff; }
      .products-nav a:hover:before, .products-nav a:focus:before, .products-nav a:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); }
  .products-nav span:before {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    zoom: 1;
    font-size: 78.5714285714%;
    color: #22ac38;
    background: transparent !important; }

/* ==========================================================================
	Table
========================================================================== */
article {
  margin: 0 0 60px; }
  article table {
    font-size: 85.7142857143%;
    width: 100%; }
    article table th,
    article table td {
      padding: 10px 0;
      text-align: center;
      vertical-align: middle; }
  article tbody th {
    color: #22ac38;
    font-weight: bold;
    border-bottom: solid 1px #e6e9e6; }
  article tbody td {
    border-bottom: solid 1px #e6e9e6; }
  article tbody tr:nth-child(even) th,
  article tbody tr:nth-child(even) td {
    background: #f6f8f6; }

.table-head-main {
  font-size: 116.666666667%;
  border-right: solid 1px #1c9d2e;
  background: #22ac38;
  color: #fff;
  font-weight: bold; }

.table-head-sub {
  border-right: solid 1px #e6e9e6;
  background: #f6f8f6;
  color: #22ac38;
  font-weight: normal; }

.note {
  font-size: 85.7142857143%;
  margin: 0 0 40px; }

span.star {
  display: inline-block;
  background: #ea9c05;
  font-size: 71.4285714286%;
  color: #fff;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 2px;
  text-align: center; }

.table-sticky {
  overflow-x: auto;
  white-space: nowrap; }
  .table-sticky thead tr th:first-child,
  .table-sticky tbody th {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    left: 0; }
  .table-sticky tbody th {
    background: #fff; }
  .table-sticky thead th,
  .table-sticky thead td,
  .table-sticky tbody td {
    padding-left: 8px;
    padding-right: 8px; }

/* .mod_table
-----------------------------------------*/
.mod_table {
  width: 940px; }

.mod_table th,
.mod_table td {
  padding: 8px; }

.mod_table th {
  white-space: nowrap !important; }

.mod_table td {
  text-align: center; }

/* ==========================================================================
	Download
========================================================================== */
.download {
  margin: 0 0 60px; }
  .download a {
    font-size: 128.571428571%;
    display: block;
    width: 700px;
    margin: 0 auto;
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 33px; }
    .download a img {
      margin: 0 20px 0 0; }
    .download a span {
      font-size: 77.7777777778%; }
  .is-en .download {
    text-transform: uppercase; }
    .is-en .download a {
      font-size: 100%;
      font-weight: normal; }
    .is-en .download span {
      margin: 0 0 0 10px; }

/* ==========================================================================
	Inquiry
========================================================================== */
.products-inquiry {
  padding: 20px 0;
  background: #f6f8f6;
  text-align: center; }
  .products-inquiry > p {
    display: inline-block;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: solid 1px #e6e9e6;
    text-align: center; }
    .is-en .products-inquiry > p:first-child {
      font-size: 128.571428571%;
      color: #22ac38;
      padding: 0;
      border-bottom: 0;
      font-weight: bold;
      text-transform: uppercase; }

.products-inquiry-inner {
  letter-spacing: -0.4em;
  text-align: center; }
  .products-inquiry-inner div {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    width: 460px;
    text-align: left; }
    .products-inquiry-inner div p {
      font-size: 128.571428571%;
      color: #22ac38;
      font-weight: bold; }
    .products-inquiry-inner div table {
      font-size: 114.285714286%; }
      .products-inquiry-inner div table th {
        width: 140px;
        padding: 2px 10px;
        vertical-align: middle; }
      .products-inquiry-inner div table td {
        padding: 2px 10px 2px 0; }
    .products-inquiry-inner div .tel_table th {
      width: 190px; }
  .products-inquiry-inner a {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    font-size: 128.571428571%;
    padding: 20px 40px;
    font-weight: bold;
    text-decoration: none; }
  .is-en .products-inquiry-inner div {
    width: auto;
    margin: 0 20px 0 0; }
    .is-en .products-inquiry-inner div p {
      text-transform: uppercase; }
  .is-en .products-inquiry-inner a {
    text-transform: uppercase; }