header {
  width: 100%;
  display: block !important;
  padding: 0 !important; }
  header:before {
    display: none !important; }
  header > .inner {
    width: 1017px;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: -webkit- center;
    align-items: center;
    padding: 30px 0 20px; }
    header > .inner .logo {
      width: 426px;
      margin: 0 65px 0 15px; }
    header > .inner .link {
      width: 288px;
      margin-right: 30px;
      margin-left: auto; }
      header > .inner .link ul {
        width: 100%;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: -webkit- space-between;
        justify-content: space-between; }
        header > .inner .link ul li a {
          font-size: 12px;
          font-size: 1.2rem;
          font-weight: bold;
          color: #000;
          background: url(/common/img/head_arrow.gif) left center no-repeat;
          padding-left: 12px;
          display: inline-block;
          min-height: 10px;
          line-height: 1; }
          header > .inner .link ul li a:hover {
            text-decoration: underline; }
    header > .inner ul.st-Header_Widget {
      width: 62px;
      margin-right: 25px; }
      header > .inner ul.st-Header_Widget li.st-Header_WidgetItem-font:after {
        display: none !important; }
      header > .inner ul.st-Header_Widget button {
        padding: 0; }
      header > .inner ul.st-Header_Widget .st-Font_Small {
        font-size: 12px;
        font-size: 1.2rem; }
      header > .inner ul.st-Header_Widget .st-Font_Switch {
        font-size: 16px;
        font-size: 1.6rem; }
    header > .inner ul.lang {
      font-size: 0; }
      header > .inner ul.lang li {
        display: inline-block;
        padding: 5px 0;
        line-height: 1; }
        header > .inner ul.lang li:first-child {
          border-right: 1px solid  #284f72;
          padding-right: 9px;
          margin-right: 8px; }
        header > .inner ul.lang li.act a {
          color: #6b4e30;
          font-weight: bold; }
        header > .inner ul.lang li a {
          font-size: 14px;
          font-size: 1.4rem;
          color: #a5a5a5;
          line-height: 1; }
    header > .inner .search {
      margin-left: auto; }
  header nav {
    position: relative;
    z-index: 100000;
    width: 100%;
    border-top: 1px solid  #adadad;
    border-bottom: 1px solid #adadad;
    background: #f5f2e1;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); }
    header nav > ul {
      width: 1018px;
      margin: 0 auto;
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      header nav > ul > li {
        position: relative; }
        header nav > ul > li:hover > a, header nav > ul > li.act > a {
          background: #284f72;
          border-bottom: 3px solid  #284f72; }
          header nav > ul > li:hover > a span, header nav > ul > li.act > a span {
            color: #fff; }
        header nav > ul > li.home {
          width: calc(123px - 16px); }
          header nav > ul > li.home a {
            border-left: 1px solid #b9babc; }
        header nav > ul > li.product {
          width: calc(195px - 0px); }
        header nav > ul > li.process {
          width: calc(194px - 0px); }
        header nav > ul > li.strength {
          width: calc(194px - 0px); }
        header nav > ul > li.support {
          width: calc(193px - 0px); }
        header nav > ul > li.contact {
          width: calc(119px - 0px); }
          header nav > ul > li.contact a {
            border-right: none;
            background: #6b4e30;
            border-bottom: 3px solid  #6b4e30;
            position: relative; }
            header nav > ul > li.contact a:after {
              content: "";
              display: block;
              position: absolute;
              height: calc(100% + 3px);
              width: 32px;
              background: #6b4e30;
              top: 0;
              right: -16px;
              -webkit-transform: skewX(-150deg);
              -moz-transform: skewX(-150deg);
              transform: skewX(-150deg);
              -moz-transition: all 0.3s;
              -webkit-transition: all 0.3s;
              -o-transition: all 0.3s;
              -ms-transition: all 0.3s;
              transition: all 0.3s; }
            header nav > ul > li.contact a:hover {
              background: #b18150;
              border-bottom: 3px solid #b18150; }
              header nav > ul > li.contact a:hover:after {
                background: #b18150; }
            header nav > ul > li.contact a span {
              color: #fff;
              position: relative;
              z-index: 10;
              padding-left: 15px; }
        header nav > ul > li > a {
          -webkit-transform: skewX(150deg);
          -moz-transform: skewX(150deg);
          transform: skewX(150deg);
          display: block;
          border-right: 1px solid #b9babc;
          text-decoration: none;
          -moz-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          height: 56px; }
          header nav > ul > li > a > span {
            -webkit-transform: skewX(-150deg);
            -moz-transform: skewX(-150deg);
            transform: skewX(-150deg);
            text-align: center;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: bold;
            color: #333333;
            line-height: 1;
            -js-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 100%;
            -webkit-align-items: center;
            align-items: -webkit- center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: -webkit- center;
            justify-content: center; }
        header nav > ul > li .pull_box {
          position: absolute;
          top: 56px;
          left: -40px;
          z-index: 1000;
          display: none; }
          header nav > ul > li .pull_box > .inner {
            width: 500px; }
            header nav > ul > li .pull_box > .inner ul.pull1 {
              width: 250px; }
              header nav > ul > li .pull_box > .inner ul.pull1 > li {
                width: 100%;
                border-bottom: 1px solid  #fff; }
                header nav > ul > li .pull_box > .inner ul.pull1 > li.on > a, header nav > ul > li .pull_box > .inner ul.pull1 > li:hover > a {
                  background: #0c344c; }
                header nav > ul > li .pull_box > .inner ul.pull1 > li.pulldown.on > a:after, header nav > ul > li .pull_box > .inner ul.pull1 > li.pulldown:hover > a:after {
                  content: "";
                  width: 0;
                  height: 0;
                  border-top: 8px transparent  solid;
                  border-right: 8px transparent  solid;
                  border-bottom: 8px transparent  solid;
                  border-left: 8px #0c344c solid;
                  display: block;
                  position: absolute;
                  right: -16px;
                  top: 50%;
                  -moz-transform: translate(0, -50%);
                  -webkit-transform: translate(0, -50%);
                  -o-transform: translate(0, -50%);
                  -ms-transform: translate(0, -50%);
                  transform: translate(0, -50%);
                  z-index: 500; }
                header nav > ul > li .pull_box > .inner ul.pull1 > li > a {
                  width: 100%;
                  display: block;
                  padding: 20px 0 20px 20px;
                  line-height: 1;
                  color: #fff;
                  font-size: 16px;
                  font-size: 1.6rem;
                  font-weight: bold;
                  background: #284f72;
                  -moz-transition: all 0.3s;
                  -webkit-transition: all 0.3s;
                  -o-transition: all 0.3s;
                  -ms-transition: all 0.3s;
                  transition: all 0.3s;
                  position: relative; }
                header nav > ul > li .pull_box > .inner ul.pull1 > li ul.pull2 {
                  position: absolute;
                  right: 0;
                  top: 0;
                  width: 250px;
                  height: 100%;
                  background: #fff;
                  border-right: 1px solid  #000;
                  border-bottom: 1px solid  #000;
                  padding: 20px 0 0 30px;
                  display: none; }
                  header nav > ul > li .pull_box > .inner ul.pull1 > li ul.pull2 > li {
                    width: 100%;
                    margin-bottom: 20px; }
                    header nav > ul > li .pull_box > .inner ul.pull1 > li ul.pull2 > li:last-child {
                      margin-bottom: 0; }
                    header nav > ul > li .pull_box > .inner ul.pull1 > li ul.pull2 > li a {
                      display: block;
                      width: 100%;
                      line-height: 1;
                      font-size: 14px;
                      font-size: 1.4rem;
                      font-weight: bold;
                      color: #284f72;
                      background: url(/common/img/head_arrow.gif) left center no-repeat;
                      min-height: 10px;
                      padding-left: 13px; }
                      header nav > ul > li .pull_box > .inner ul.pull1 > li ul.pull2 > li a:hover {
                        text-decoration: underline; }

.bottom_link {
  width: 100%;
  min-width: 1000px; }
  .bottom_link ul {
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .bottom_link ul li {
      width: calc((100% - 2px) / 3);
      margin-right: 1px; }
      .bottom_link ul li:last-child {
        margin-right: 0; }
      .bottom_link ul li a {
        position: relative;
        display: block; }
        .bottom_link ul li a .bg img {
          width: 100%; }
        .bottom_link ul li a .ttl {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -js-display: flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: -webkit- center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: -webkit- center;
          justify-content: center; }

.gray_nav {
  width: 100%;
  min-width: 1000px;
  position: relative; }
  .gray_nav ul {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: -webkit- center;
    justify-content: center;
    background: #efefef;
    padding: 30px 0; }
    .gray_nav ul li {
      margin-right: 30px; }
      .gray_nav ul li:last-child {
        margin-right: 0; }
      .gray_nav ul li a {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #333; }
        .gray_nav ul li a:hover {
          text-decoration: underline; }
  .gray_nav .pagetop {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

footer {
  width: 100%;
  min-width: 1000px;
  padding: 45px 0 0;
  background: #6b4e30; }
  footer > .inner {
    width: 985px;
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    footer > .inner .links {
      width: 680px;
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      border-right: 1px solid  #a2b2bc; }
      footer > .inner .links .col_L, footer > .inner .links .col_C, footer > .inner .links .col_R {
        width: 240px; }
        footer > .inner .links .col_L dl, footer > .inner .links .col_C dl, footer > .inner .links .col_R dl {
          margin-bottom: 40px; }
          footer > .inner .links .col_L dl:last-child, footer > .inner .links .col_C dl:last-child, footer > .inner .links .col_R dl:last-child {
            margin-bottom: 0; }
          footer > .inner .links .col_L dl dt, footer > .inner .links .col_C dl dt, footer > .inner .links .col_R dl dt {
            margin-bottom: 20px; }
            footer > .inner .links .col_L dl dt a, footer > .inner .links .col_C dl dt a, footer > .inner .links .col_R dl dt a {
              font-size: 16px;
              font-size: 1.6rem;
              color: #fff;
              font-weight: bold;
              background: url(/common/img/footer_arrow.gif) right center no-repeat;
              padding-right: 17px;
              line-height: 1; }
              footer > .inner .links .col_L dl dt a:hover, footer > .inner .links .col_C dl dt a:hover, footer > .inner .links .col_R dl dt a:hover {
                text-decoration: underline; }
          footer > .inner .links .col_L dl dd, footer > .inner .links .col_C dl dd, footer > .inner .links .col_R dl dd {
            margin-bottom: 20px; }
            footer > .inner .links .col_L dl dd:last-child, footer > .inner .links .col_C dl dd:last-child, footer > .inner .links .col_R dl dd:last-child {
              margin-bottom: 0; }
            footer > .inner .links .col_L dl dd a, footer > .inner .links .col_C dl dd a, footer > .inner .links .col_R dl dd a {
              font-size: 14px;
              font-size: 1.4rem;
              color: #fff;
              line-height: 1; }
              footer > .inner .links .col_L dl dd a:hover, footer > .inner .links .col_C dl dd a:hover, footer > .inner .links .col_R dl dd a:hover {
                text-decoration: underline; }
      footer > .inner .links .col_C {
        width: 195px; }
      footer > .inner .links .col_R {
        width: calc(100% - 240px - 195px); }
        footer > .inner .links .col_R > a {
          font-size: 16px;
          font-size: 1.6rem;
          color: #fff;
          font-weight: bold;
          background: url(/common/img/footer_arrow.gif) right center no-repeat;
          padding-right: 17px;
          line-height: 1; }
          footer > .inner .links .col_R > a:hover {
            text-decoration: underline; }
    footer > .inner .outline {
      width: 305px;
      padding-left: 45px; }
      footer > .inner .outline p.name {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        color: #fff;
        margin-bottom: 30px; }
        footer > .inner .outline p.name span {
          display: block;
          color: #fff;
          font-size: 12px;
          font-size: 1.2rem;
          color: #fff;
          font-weight: bold; }
      footer > .inner .outline .address p {
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        margin-bottom: 15px; }
      footer > .inner .outline .address address a {
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1;
        text-decoration: underline; }
        footer > .inner .outline .address address a:hover {
          text-decoration: none; }
        footer > .inner .outline .address address a span {
          color: #fff;
          font-size: 14px;
          font-size: 1.4rem;
          vertical-align: middle; }
  footer .copy {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 12px 0;
    margin-top: 45px; }
    footer .copy p small {
      font-size: 10px;
      font-size: 1rem;
      font-weight: bold;
      color: #666;
      line-height: 1; }

/*# sourceMappingURL=include.css.map */