@charset "UTF-8";
/* CSS Document */
/* TJP-E PRODUCTS CSS（日本語版とスタイルが違うので注意） */
/*
==========================================================
【変更履歴】
9.other partsを追加(2019/02/27)
8.FLEX AVSを追加(2018/04/06)
7.CUSTOM MADE SPRINGを追加(2017/11/30)
目次欄を追加 、EAP (EDFC ACTIVE PRO) 表の設定を追記 (2017/6/29)
base setting / menu common / spec common (2016/9/21)
==========================================================
*/
/*
==========================================================
目次
1.base setting
    1-1.menu common
    1-2.spec common
2.FLA (FLEX A)
3.EAP (EDFC ACTIVE PRO)
4.END/END PLUS (EnduraPro / EnduraPro PLUS)
5.Motorsport-Related (モータースポーツ用品)
6.EDFCII
7.CUSTOM MADE SPRING
8.FLEX AVS
9.other parts
10.MRC
11.Alignment gauge
12.HG SPRING
13.FLEXBLE CONTROLLER
14.damper_e_canceller.html
15.tool.html
Z.TJP-E only
z.一時表示
============================================================
*/
/* 1.base setting ==================================*/
/*Goole fonts*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@500&family=Oswald:wght@500&display=swap');
/* 全体の囲い */
#wrapper {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; /* フォント指定 */
  margin: 0 10px;
  width: 810px;
  font-size: 14px;
}
/* h要素(今後サイト改装でh1h2を使うことがあるかもしれないので未設定にしてあります) */
h1 {}
h2 {}
h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin: 30px 0 0 30px;
  padding-left: 8px;
  border-left: 6px solid #009245;
}
h4 {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #009245;
  margin: 30px 0 0 50px;
  padding-left: 5px;
}
/*文字装飾*/
.red_b {
  font-weight: bold;
  color: #F33;
}
.red {
  color: #F33;
}
.cate_deco {
  float: left;
  font-size: 16px;
  border-bottom: solid 2px #009245;
  border-top: solid 2px #009245;
  width: 87%;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 16px;
}
/* 1-1.menu common ==========================================*/
/* メインイメージ */
.main-area {
  margin: 10px auto 0;
  text-align: center;
}
.main-area img {
  vertical-align: bottom;
}
/* テキスト */
.text-area {
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  margin: 15px 60px 0;
}
.text-area p {
  padding-bottom: 15px;
}
/* 画像 */
.img-area p {
  text-align: center;
}
.img-area img {
  margin: 10px auto 0;
}
/* 画像の下のキャプション */
.img-area .caption {
  padding-top: 10px;
}
/* 中央揃えのお知らせテキスト（欠品など） */
.attention-area {
  font-weight: bold;
  font-size: 15px;
  margin: 15px auto 0;
}
p.attention-area {
  line-height: 1.2;
  text-align: center;
}
/* スペックのボタン（大） */
.spec-area-main {
  margin: 15px 30px 0;
  text-align: left;
  height: 105px;
}
.spec-area-mainA {
  margin: 15px 30px 0;
  text-align: left;
  height: 125px;
}
/* スペックのボタン（小） */
.spec-area {
  margin: 15px 30px 0;
  text-align: left;
  height: 125px;
}
.spec-area img {
  margin: 0 0 0 2px;
}
/* ラインナップ･ユーザーズボイスのボタン */
.btn-area {
  list-style-type: none;
  /*width:810px;*/
  width: 740px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
  overflow: hidden; /*floatの解除*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐ*/
}
.btn-area-center {
  padding-left: 220px;
}
.btn-area li {
  display: block;
  float: left;
  width: 370px;
}
.btn-area a {
  display: block;
  position: relative; /* 子要素にabsoluteを使うので、親要素にこれを入れる */
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #009844;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009844), color-stop(50%, #009844), color-stop(51%, #007531), color-stop(100%, #007531)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #009844 0%, #009844 50%, #007531 51%, #007531 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #009844 0%, #009844 50%, #007531 51%, #007531 100%); /* IE10+ */
  background: linear-gradient(to bottom, #009844 0%, #009844 50%, #007531 51%, #007531 100%); /* W3C */
  margin: 0 10px;
  padding: 15px 0;
  border-radius: 15px; /* CSS3草案 */
  -webkit-border-radius: 15px; /* Safari,Google Chrome用 */
  -moz-border-radius: 15px; /* Firefox用 */
}
.btn-area a:hover {
  background: #007531;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007531), color-stop(50%, #007531), color-stop(51%, #009844), color-stop(100%, #009844)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #007531 0%, #007531 50%, #009844 51%, #009844 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #007531 0%, #007531 50%, #009844 51%, #009844 100%); /* IE10+ */
  background: linear-gradient(to bottom, #007531 0%, #007531 50%, #009844 51%, #009844 100%); /* W3C */
}
/* ボタン左の三角マーク */
.btn-area a:before {
  display: block;
  content: ""; /* これがないと表示されません */
  position: absolute;
  top: 50%;
  left: 20px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent; /* 左ボーダー以外は非表示 */
  border-left: 8px solid #fff; /* 左ボーダーで三角形を作る */
}
ul.btn_styleA {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
ul.btn_styleA li {
  background: #009245;
  padding: 20px;
  border-radius: 12px;
}
ul.btn_styleA li::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-left: solid 10px #fff;
}
ul.btn_styleA li a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
ul.list_compa {
  float: left;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 20px;
  display: flex;
  flex-flow: row wrap;
}
ul.list_compa li {
  width: 20%;
  margin-bottom: 16px;
}
ul.list_compa li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: double 5px #009245;
  border-right: double 5px #009245;
  transform: rotate(45deg);
  margin-right: 8px;
}
ul.list_compa li a {
  color: #009245;
  text-decoration: none;
  font-weight: bold;
}
/* スペック一覧メニューと、スペック詳細の間の矢印 */
.arrow-spec {
  background: #DEF1E6 url(/products/img/spec/img_arrow_spec.png) no-repeat center 45px;
  color: #009245;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 0 55px;
  margin: 70px auto 0;
}
.arrow-spec p {
  text-align: center;
}
/* 1-2.spec common =================================*/
/* スペックの見出し */
.tit-spec {
  margin: 40px 30px 0;
}
p.staz-only {
  color: #f00;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  margin-top: -18px;
  padding-right: 35px;
}
/* キャッチコピー */
.copy {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  margin: 10px 0 20px;
  text-align: center;
}
.emphasis {
  color: #009245;
  font-weight: bold;
}
/* 写真とテキスト横並び */
.detail-whole-area {
  _zoom: 1;
  overflow: hidden;
  width: 750px;
  margin: 15px 0 30px 30px;
  text-align: left;
}
.detail-img-area {
  float: left;
  width: 260px;
}
.detail-txt-area {
  float: left;
  margin-left: 30px;
  width: 400px;
  font-size: 14px;
  line-height: 1.5;
}
/* 注釈文を付けて文字を赤くしたいときに */
.addition {
  color: #f00;
  line-height: 1.3;
  padding-bottom: 2px;
}
/* 上に隙間を空けたいとき */
.top-space {
  margin-top: 10px;
}
/* 用語の解説・緑枠（キャンバーの説明など） */
.commentary {
  margin: 10px 65px 0;
  border: 2px solid #009245;
  padding: 15px 30px 15px 30px;
}
.commentary p {
  line-height: 1.5;
  font-size: 12px;
  text-align: left;
}
/* 横並びの写真＋キャプション（画像にwidthを指定すること） */
.listfield {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.listfield ul {
  float: left;
  position: relative;
  left: 50%;
}
.listfield li {
  position: relative;
  left: -50%;
  display: table-cell;
  vertical-align: middle;
  float: left;
  padding: 0 15px;
  font-size: 14px;
}
.listfield li p {
  padding: 3px 0 15px;
}
/*
========================================================
2.FLA (FLEX A)
========================================================
*/
/* HBS */
.bumprubber-area {
  width: 750px;
  min-height: 105px;
  height: 105px;
  background: url(http://www.tein.co.jp/products/img/fla/bg_bumprubber.png) no-repeat center top; /* TJP-Eでも同じ画像を使うため絶対指定 */
  margin: 30px auto 40px;
  border: solid 2px #009245;
}
.bumprubber-text {
  font-size: 12px;
  width: 320px;
  text-align: left;
  line-height: 1.5;
  margin: 15px auto 0 125px;
}
.ms-area {
  width: 746px;
  margin: 30px auto 40px;
  border: solid 2px #333;
}
.ms-area p {
  margin: 15px auto 5px;
}
/* マウント付きページ・写真エリア */
.mount {
  _zoom: 1;
  overflow: hidden;
  width: 500px;
  padding: 20px 0 20px 120px;
  text-align: center;
}
.mount dl {
  width: 200px;
  background-color: #DEF1E6;
  margin-right: 12px;
  float: left;
}
.mount dt img {
  display: block;
  width: 100%;
}
.mount dd {
  width: 200px;
  padding: 10px;
  margin-left: -10px;
  text-align: center;
  font-size: 12px;
}
.mount_A {
  _zoom: 1;
  overflow: hidden;
  width: 412px;
  padding: 25px 199px 20px;
  text-align: center;
}
.mount_A dl {
  width: 200px;
  background-color: #DEF1E6;
  margin-right: 12px;
  float: left;
}
.mount_A dl:last-child {
  margin-right: 0;
}
.mount_A dt img {
  display: block;
  width: 100%;
}
.mount_A dd {
  width: 200px;
  padding: 10px;
  margin-left: -10px;
  text-align: center;
  font-size: 12px;
}
.mount_B {
  _zoom: 1;
  overflow: hidden;
  width: 200px;
  padding: 25px 305px 20px;
  text-align: center;
}
.mount_B dl {
  width: 200px;
  background-color: #DEF1E6;
  margin-right: 12px;
  float: left;
}
.mount_B dl:last-child {
  margin-right: 0;
}
.mount_B dt img {
  display: block;
  width: 100%;
}
.mount_B dd {
  width: 200px;
  padding: 10px;
  margin-left: -10px;
  text-align: center;
  font-size: 12px;
}
/* EDFCページの特徴 */
.edfc-txt-area {
  font-size: 14px;
  float: left;
  margin-left: 30px;
  width: 450px;
  line-height: 1.6;
}
.edfc-featurea {
  line-height: 3.4;
  font-size: 12px;
  padding: 5px 8px;
  margin: 0 5px 0 0;
  border: 2px solid #009245;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
/*
========================================================
3.EAP (EDFC ACTIVE PRO)
========================================================
*/
/* 対応アイテム一覧エリア */
.compatible-product {
  background-color: #DEEDD1;
  width: 720px;
  text-align: left;
  margin: 10px auto 15px;
  padding: 25px 0 12px 25px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.compatible-product p {
  margin-bottom: 8px;
  font-size: 12px; /* TJP-E only */
}
.compatible-product p.compatible-product-title {
  font-size: 14px; /* TJP-E only */
}
/* 緑の角丸ボタン（小） */
.compatible-product a {
  display: inline-block;
  position: relative; /* 子要素にabsoluteを使うときは、親要素にこれを入れる */
  padding: 8px 10px 8px 20px;
  margin: 0 15px 8px 0;
  color: #FFF;
  font-weight: bold;
  background-color: #009245;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.compatible-product a:hover {
  color: #ccc;
  background-color: #007531;
}
/* ボタン左の三角 */
.compatible-product a:before {
  display: block;
  content: ""; /* これがないと表示されません */
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
}
/* EAP価格表・シリーズ機能一覧リンクボタン */
.eap-btn-area img {
  padding: 0 2px 10px;
}
/* GPSキット装着により可能となる表示部分 */
.gps_kit {
  margin: 0 50px 40px;
  border: 2px solid #009245;
  padding: 30px 15px 15px 30px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
/* 価格表テーブル */
.price-list {
  border-collapse: collapse;
  margin: 20px auto 40px;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  width: 700px;
}
.price-list td {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  text-align: center;
  background-color: #ffffff;
  padding: 5px;
}
.price-list th {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  text-align: center;
  background-color: #DEEDD1;
  padding: 5px 0;
}
.price-list td.biko {
  text-align: left;
}
/* EDFCスペック・機能一覧テーブル（旧ページの直書きCSSから移植） */
.tb_spec {
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  color: #333;
  width: 750px;
  margin: 30px auto 0;
}
.tb_spec td {
  text-align: center;
  font-size: 11px;
  padding: 3px 3px;
}
.tb_spec td.title {
  background-color: #ccc;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.komoku {
  text-align: left;
  border-top: 1px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.komoku0 {
  border-top: 0px solid #333;
  border-right: 1px solid #333;
}
.tb_spec td.komoku2 {
  text-align: left;
  border-top: 1px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.komoku3 {
  text-align: left;
  border-top: 1px solid #333;
  border-right: 0px solid #333;
}
.tb_spec td.pink {
  background-color: #ffcccc;
  color: #000;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}
.tb_spec td.pink2 {
  background-color: #FFFFFF;
  color: #000;
  border-top: 1px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.white {
  background-color: #FFFFFF;
  color: #000;
  border-top: 1px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.green {
  background-color: #DEEDD1;
  color: #000;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}
.tb_spec td.green2 {
  background-color: #FFFFFF;
  color: #000;
  border-top: 1px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.yellow {
  background-color: #ffffcc;
  color: #000;
  border-top: 1px solid #333;
  border-right: 2px solid #333;
}
.tb_spec td.total {
  border-top: 3px double #333;
  border-bottom: 2px solid #333;
}
.tb_spec td.maru {
  font-size: 1.5em;
}
/*
========================================================
4.END/END PLUS (EnduraPro / EnduraPro PLUS)
========================================================
*/
/*シェルケースの比較表*/
.comparison_shell {
  margin-top: 10px;
}
.comparison_shell table {
  margin-bottom: 20px;
  border: solid #666 1px;
}
.comparison_shell th, td {
  border: solid #666 1px;
  padding: 3px;
  width: 100px;
}
.comparison_shell th {
  text-align: center;
  font-weight: bold;
}
.comparison_shell td:not(:first-child) {
  text-align: center;
}
.cell_prm {
  background: #DEF1E6;
}
.detail-img-area dl {
  float: left;
  width: 125px;
}
.detail-img-area dd {
  text-align: center;
}
.r_space {
  margin-right: 5px;
}
.type_small {
  font-size: 10px;
}
.endc_info {
  width: 80%;
  margin: 90px 10%;
  box-sizing: border-box;
  border: solid 1px #999;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.endc_info dt {
  text-align: center;
  margin-bottom: 20px;
  padding: 10px 0;
  background: #eee;
}
/*
========================================================
5.Motorsport-Related (モータースポーツ用品)
========================================================
*/
/* テントページの写真エリア */
.other-img-area {
  width: 300px;
}
.other-img-area p {
  margin-bottom: 18px;
}
.other-txt-area {
  width: 360px;
  font-size: 14px;
}
.setlist {
  background-color: #DEEDD1;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 15px;
  line-height: 1.4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
/* 価格部分（テーブル風定義リスト） */
.ms-price {
  width: 100%;
  margin: 8px 0;
  text-align: left;
}
.ms-price dl {
  display: table;
  border: 1px solid #ccc;
  border-style: none solid none solid;
}
.ms-price dl:last-child {
  border-style: none solid solid solid;
}
.ms-price dt {
  width: 250px;
  display: table-cell;
  border-top: 1px solid #ccc;
  padding: 5px 0 5px 10px;
  background: #F5F5F5;
}
.ms-price dd {
  width: 110px;
  display: table-cell;
  vertical-align: middle;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 5px 0 5px 15px;
}
/* 商品スペックの表・調整用 */
.ms-spec td {
  padding: 3px 0;
  font-size: 12px;
}
td.ms-spec-color {
  background-color: #DEEDD1;
  text-align: left;
  padding-left: 40px;
}
h2.ms_title {
  font-size: 28px;
  font-weight: bold;
}
/*
========================================================
6.EDFCII
========================================================
*/
.eII_center {
  text-align: center;
}
.head2style {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-left: 25px;
  margin-right: 25px;
  border-bottom: double 6px #009245;
}
.eII_emphatext {
  font-weight: bold;
  font-size: 18px;
  color: #009245;
  margin-bottom: 10px;
}
.eII_price {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
.price_emphasis {
  color: #f39;
}
/*
========================================================
7.CUSTOM MADE SPRING
========================================================
*/
ul.productList_typeA, ul.productList_typeB {
  font-size: 0.9em;
}
ul.productList_typeA li::before {
  content: "■";
}
.gotoQuestion {
  margin-top: 30px;
  text-align: center;
}
/*
==========================================================
8.FLEX AVS
==========================================================
*/
/*YouTube 埋め込み画像*/
.YT_typeA {
  margin: 70px 125px 0;
}
/*
==========================================================
9.other parts
==========================================================
*/
/*見出し設定*/
#other_parts h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: double 6px #009245;
  width: 760px;
  margin: auto;
}
#other_parts h3 {
  border-left: 6px solid #009245;
  font-size: 1.1em;
  font-weight: bold;
  margin: 30px 0 10px 30px;
  padding-left: 8px;
  text-align: left;
  float: left;
  width: 730px;
}
#other_parts h4 {
  border-left: 4px solid #009245;
  font-weight: bold;
  margin: 10px 0 10px 30px;
  padding-left: 8px;
  text-align: left;
  float: left;
  width: 730px;
}
#other_parts img {
  float: left;
  margin: 10px;
}
p.go_form {
  float: left;
  text-align: center;
  width: 810px;
  margin-bottom: 20px;
}
/*表の設定*/
#other_parts table {
  table-layout: fixed;
  font-size: 0.9em;
}
#other_parts table th {
  text-align: center;
  font-weight: bold;
  background: #DEEDD1;
  border: solid 1px #333;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.tb_typeA {
  width: 565px;
  margin-top: 10px;
  margin-bottom: 5px;
  float: left;
}
table.tb_typeB {
  width: 755px;
  margin: 10px auto 30px 30px;
  float: left;
}
table.tb_typeC {
  width: 755px;
  margin-top: 10px;
  margin-left: 25px;
  float: left;
}
table.tb_typeC img {
  width: 150px;
}
table.tb_typeD {
  width: 565px;
  margin: 10px auto 30px 30px;
  float: left;
}
table.tb_typeF {
  width: 755px;
  margin: 10px auto 30px 30px;
  float: left;
}
table.tb_typeA tr:nth-child(n+1):hover, table.tb_typeB tr:nth-child(n+1):hover, table.tb_typeD tr:nth-child(n+1):hover {
  background: #ccc;
  cursor: default;
}
table.nonehover tr:nth-child(n+1):hover {
  background: none;
}
.boundary td {
  border-top: solid 2px;
}
.tdlayoutA td {
  text-align: left;
}
p.to_chart {
  text-align: right;
  margin-right: 25px;
  margin-top: 10px;
  font-size: 0.8em;
  float: right;
}
.to_chart a {
  text-decoration: underline;
}
p.table_note {
  font-size: 0.9em;
  margin: 0 0 10px 30px;
  padding-left: 8px;
  text-align: left;
  float: left;
  width: 730px;
}
.mark_discon {
  font-weight: bold;
}
p.camlink {
  float: right;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 5px;
}
/*
==========================================================
10.MRC
==========================================================
*/
table.T_styleA {
  width: 680px;
  margin: auto;
  border: solid 2px #333;
}
table.T_styleA th {
  text-align: center;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
}
table.T_styleA td {
  border-right: solid 2px #333;
}
.price_style {
  text-align: center;
}
.cate_style {
  border-bottom: solid 2px #333;
}
ul.at_style {
  margin-bottom: 5px;
}
ul.at_style li::before {
  content: "*";
}
ul.at_style li {
  text-indent: -0.6em;
  margin-left: 1em;
}
/*
==========================================================
11.Alignment gauge
==========================================================
*/
h1.otherpro {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
h2.otherpro {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #009245;
  margin-top: 30px;
}
.otherpro_photo {
  width: 810px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.other_Tarea p {
  width: 630px;
  margin: 0 auto;
  line-height: 1.5;
  text-align: center;
}
p.other_TareaA {
  margin-left: 45px;
  font-size: 13px;
  font-weight: bold;
}
dl.other_Larea {
  width: 700px;
  margin: 20px auto;
  clear: both;
}
dl.other_Larea dt {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px 0;
  border-bottom: double 3px #333;
}
dl.other_Larea dd {
  line-height: 1.5;
}
.other_Barea_con {
  width: 750px;
  margin: 0 auto;
}
.other_Barea_con img {
  float: right;
}
table.other_Barea {
  width: 400px;
  font-size: 13px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 50px;
  float: left;
  box-sizing: border-box;
}
table.other_Barea th {
  font-weight: bold;
  width: 150px;
  padding-right: 5px;
}
table.other_Barea td {
  border: none;
  border-bottom: solid 1px #333;
  padding: 10px 0;
}
.re_text {
  font-size: 13px;
  color: #DD1D21;
}
/*
==========================================================
12.DAMPER PROTECTOR / LATERAL ROD
==========================================================
*/
.text-areaA {
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  margin: 15px 10px 0;
}
.tableB table {
  width: 100%;
  float: left;
  box-sizing: border-box;
  border-collapse: collapse;
  font-size: 12px;
  margin-bottom: 30px;
}
.tableB thead th {
  border: solid 2px #fff;
  background: #009245;
  color: #fff;
  padding: 10px 3px;
  text-align: center;
  font-weight: bold;
}
.tableB tbody td {
  border: solid 2px #fff;
  text-align: center;
  padding: 5px 3px;
}
.tableB tbody tr {
  background: #B5B5B6;
}
.tableB-1 table {
  width: 90%;
  float: left;
  margin-left: 5%;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-collapse: collapse;
  table-layout: fixed;
}
.tableB-1 thead th {
  border: solid 2px #fff;
  background: #009245;
  color: #fff;
  padding: 3px;
  text-align: center;
}
.tableB-1 tbody td {
  border: solid 2px #fff;
  text-align: center;
  padding: 5px 3px;
}
.tableB-1 tbody:nth-child(even) {
  background: #CCCCCC;
}
.tableB-1 tbody:nth-child(odd) {
  background: #E5E5E5;
}
caption.tcap {
  font-weight: bold;
  font-size: 1.2em;
}
caption.tcapA {
  font-weight: bold;
}
/*
==========================================================
13.MONO SPORT(旧レイアウト版)
==========================================================
*/
.oldstyle img {
  display: block;
}
.flset img {
  float: left;
}
.flset img:first-of-type {
  margin-right: 10px;
}
.flsetA {
  width: 810px;
  float: left;
  background: #ccc;
}
p.copydeco {
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.05em;
  float: left;
  width: 770px;
  margin: 10px 20px 25px;
  background: #009245;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  border-radius: 2px;
}
p.copydecoA {
  font-family: sans-serif;
  float: left;
  width: 770px;
  margin: 0 20px;
  text-align: center;
  padding: 10px 0;
  color: #555;
  font-size: 15px;
  font-weight: bold;
}
p.priceA {
  float: left;
  font-family: 'Oswald', sans-serif;
  text-shadow: 1px 1px 2px gray;
  margin-top: 20px;
  font-size: 30px;
  width: 810px;
  text-align: center;
}
ul.btnA {
  float: left;
  width: 830px;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.btnA li {
  background: #009245;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 5px;
}
.btnA li:hover {
  opacity: 0.7;
}
.btnA a {
  color: #fff;
}
.conA {
  float: left;
  width: 810px;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.conA p {
  font-size: 16px;
  line-height: 1.3;
}
.titA {
  float: left;
  width: 810px;
  box-sizing: border-box;
  padding-left: 30px;
}
.titA h2 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
  border-left: 10px solid #009245;
  margin: 20px 0;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.05em;
}
.titA h3 {
  float: left;
  font-size: 18px;
  border: none;
  margin-top: 20px;
  margin-left: 0px;
  font-family: 'Fira Sans Condensed', sans-serif;
}
.specA {
  float: left;
  width: 810px;
  margin-top: 20px;
  box-sizing: border-box;
  padding-left: 70px;
  padding-right: 70px;
}
.specA dt {
  font-size: 18px;
  font-weight: bold;
}
.specA dt::before {
  content: "\f14a";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px;
}
.specA dd {
  margin-bottom: 10px;
  font-size: 16px;
}
.specB dt {
  font-size: 15px;
  font-weight: bold;
  background: #D7D7D7;
  padding: 3px 0;
}
.specB dd {
  margin-bottom: 25px;
}
.specC dt {
  font-weight: bold;
}
.specC li:before {
  content: '-';
  display: inline-block;
  margin-right: 3px;
}
.specC li {
  padding-left: 1em;
  text-indent: -0.5em;
}
.conc_area {
  float: left;
  width: 810px;
  box-sizing: border-box;
  padding-left: 30px;
}
.conc_area ol {
  font-size: 18px;
  display: table;
  counter-reset: item;
  border-spacing: 5px;
  background: #eee;
  padding: 10px 15px 10px 5px;
}
.conc_area ol li {
  display: table-row;
  counter-increment: item;
}
.conc_area li::before {
  content: counter(item)'.';
  display: table-cell;
  text-align: right;
  padding-right: 3px;
}
.txtbox {
  box-sizing: border-box;
  padding: 0 50px;
}
.txtboxA {
  box-sizing: border-box;
  padding: 0 15px;
}
table.img_txt {
  text-align: center;
  margin-left: 10px;
}
.img_txt td {
  border: none;
  font-size: 12px;
}
.img-areaB {
  float: left;
  width: 810px;
  box-sizing: border-box;
  padding-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.conB {
  float: left;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0 50px;
  display: flex;
}
.conB p {
  font-size: 16px;
  line-height: 1.3;
}
.conE {
  float: left;
  width: 810px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
}
.conE p {
  margin-top: 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #009245;
  position: relative;
}
.conE p::before {
  content: "";
  display: inline-block;
  width: 20px;
  border-top: 1px solid #009245;
  position: absolute;
  top: 50%;
  left: -25px;
}
.conE p::after {
  content: "";
  display: inline-block;
  width: 20px;
  border-top: 1px solid #009245;
  position: absolute;
  top: 50%;
  right: -25px;
}
.listA li::before {
  content: "・";
}
.listA li {
  padding-left: 1em;
  text-indent: -1em;
}
ul.listA {
	box-sizing: border-box;
	padding: 0 20px;
}
.check {
  color: #E5595B;
}
.infoA {
  background: #ddd;
  padding: 15px;
}
/*
==========================================================
12.hg_spring.html
==========================================================
*/
h2.titleA {
  float: left;
  width: 780px;
  margin-left: 30px;
  font-weight: bold;
  font-size: 20px;
}
table.tb_typeE {
  width: 755px;
  font-size: 0.8em;
  margin: 10px auto 30px 30px;
  float: left;
}
table.tb_typeE th {
  text-align: center;
  font-weight: bold;
  background: #DEEDD1;
  border: solid 1px #333;
  padding-top: 3px;
}
/*
========================================================
13.flexible_controller.html
========================================================
*/
.imgtxtA {
  width: 250px;
}
.imgtxtA dt {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.imgtxtA dd {
  font-size: 0.85em;
  margin-left: 0;
  box-sizing: border-box;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.unitB {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 10px 0;
  /*background: #5A3636;*/
}
/*
========================================================
14.damper_e_canceller.html
========================================================
*/
ul.attpoint {
  font-size: 13px;
  float: left;
  margin-top: -30px;
}
/*
==========================================================
15.tool.html
==========================================================
*/
#tool h2 {
  display: none;
}
#tool h3 {
  border-left: 6px solid #009245;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding-left: 8px;
  text-align: left;
  float: left;
  width: 100%;
}
.toolboxA {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  float: left;
  margin-bottom: 30px;
}
.toolboxA p {
  margin-bottom: 10px;
	font-size: 1.2em;
}
.sp_toolboxA {
	margin-top: 20px;
}
.toolphoto {
  width: 300px;
  float: left;
}
.toollistA {
  width: 429px;
  float: left;
}
.toollistA table {
  width: 100%;
}
.toollistA table th {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #555;
  background: #d5e186;
  padding: 3px 0;
}
.toollistA table td {
  text-align: center;
}
.toollistA ul {
  margin-top: 10px;
}
.toollistA ul li {
  margin-bottom: 5px;
}
ul.tooltopic {
  margin-left: 10px;
  margin-top: 20px;
}
ul.toprest {
  margin-top: 0;
}
.tooltopic li {
  list-style-type: disc;
  font-size: 13px;
}
ol.tooltopicA {
  margin-left: 15px;
  margin-top: 20px;
}
.tooltopicA li {
  list-style-type: decimal;
  font-size: 13px;
}
p.tooltopicT {
  margin-top: 20px;
}
p.price_inc {
  float: left;
  margin-left: 30px;
  font-size: 13px;
}
/*
========================================================
Z.TJP-E only
========================================================
*/
/* EDFCスペック・機能一覧下の注釈（TJP-Eのみ） */
.annotation {
  font-size: 12px;
  text-align: left;
  margin: 20px 55px 0;
}
.annotation ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
.check_mark {
  font-size: 18px;
  font-weight: bold;
  color: #009245;
}
p.tein-only {
  color: #f00;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  padding-right: 35px;
}
/*
==========================================================
ｚ.一時表示
==========================================================
*/
.notice_area {
  width: 750px;
  margin: 30px 30px 50px;
}
.notice_area p {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
}
.notice_areaA {
  width: 570px;
  margin: 30px 120px 30px;
}
.notice_areaA p {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
}