@charset "UTF-8";
/* CSS Document */
/*
===================================================
2016/9/21 全体の囲い、メニュー部分共通、各スペック共通部分変更

1.base settings
2-1.メニュー部分共通
2-2.各スペック共通
3.FLA
4.EAP
4-1.EDFCシリーズスペック表 (旧ページからの移植)/EDFCシリーズスペック表 (新規html5用)
5.モータースポーツ用品
5.モータースポーツ用品
6.EDFCII
7.CUSTOM MADE SPRING
8.END / END PLUS
9.other parts
10.MRC
11.Alignment gauge
12.hg_spring.html
13.MONO SPORT他(旧レイアウト版)
14.tool.html
15.stilo.html
16.atl.html
17.inspection_machine.html
18.basic_flex_damper.html
19.warranty_rules/
20.spd.html
z.一時表示
=====================================================
*/
/*
===================================================
1.base settings
=====================================================
*/
body {
  counter-reset: number 0; /*bushes/brz86.html , /grb.html*/
}
#wrapper {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  /* フォント指定 */
  font-size: 16px;
  margin: 0 10px;
  width: 810px;
}
/* 見出し */
/* （今後サイト改装でh1h2を使うことがあるかもしれないので未設定にしてあります） */
h1 {}
h2 {}
h3 {
  border-left: 6px solid #009245;
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0 0 30px;
  padding-left: 8px;
  text-align: left;
}
h4 {
  color: #009245;
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 0 40px;
  padding-left: 5px;
  text-align: left;
}
/*文字装飾*/
.red_b {
  font-weight: bold;
  color: #F33;
}
.red {
  color: #F33;
}
.f_bold {
  font-weight: bold;
}
/*テキスト縮小*/
.type_small {
  font-size: 12px;
}
h2.product_name {
text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
  padding-left: 8px;
}
/*
========================================================
2-1.メニュー部分共通
========================================================
*/
/* メインイメージ */
.main-area {
  margin: 10px auto 0;
  text-align: center;
  /* margin:10px 30px 0; */
}
.main-area img {
  text-align: center;
  vertical-align: bottom;
}
/* テキスト */
.text-area {
  font-size: 16px;
  line-height: 1.6;
  margin: 15px 60px 0;
  text-align: left;
}
.text-area p {
  padding-bottom: 15px;
}
/* 画像 */
.img-area p {
  text-align: center;
}
.img-area img {
  margin: 20px auto 0;
}
/* 画像の下のキャプション */
.img-area .caption {
  padding-top: 15px;
}
/* 中央揃えのお知らせテキスト（欠品など） */
.attention-area {
  font-weight: bold;
  font-size: 16px;
  margin: 15px auto 0;
}
.attention-area p {
  line-height: 1.2;
}
/* スペックのボタン（大） */
.spec-area-main {
  height: 105px;
  margin: 15px 30px 0;
  text-align: left;
}
/* スペックのボタン（小） */
.spec-area {
  height: 125px;
  margin: 15px 30px 0;
  text-align: left;
}
.spec-area img {
  margin: 0 0 0 2px;
}
/* ラインナップ･ユーザーズボイスのボタン */
.btn-area {
  list-style-type: none;
  margin-top: 30px;
  overflow: hidden;
  /*floatの解除*/
  padding-left: 35px;
  padding-right: 35px;
  width: 740px;
  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: 19px;
  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用 */
}
li.btn-area01 a {
  text-align: left;
  padding-left: 50px;
}
.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_cchange a {
  background: linear-gradient(-45deg, #007531 0%, #007531 50%, #009844 51%, #009844 100%);
}
.btn_cchange a:hover {
  background: linear-gradient(-45deg, #009844 0%, #009844 50%, #007531 51%, #007531 100%);
}
/* ボタン左の三角マーク */
.btn-area a:before {
  content: "";
  /* これがないと表示されません */
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  /* 左ボーダー以外は非表示 */
  border-left: 8px solid #fff;
  /* 左ボーダーで三角形を作る */
}
li.btn-area01 a:before {
  content: "";
  /* これがないと表示されません */
  display: block;
  position: absolute;
  top: 50%;
  left: 25px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  /* 左ボーダー以外は非表示 */
  border-left: 8px solid #fff;
  /* 左ボーダーで三角形を作る */
}
button.btn-area02 {
  background: none;
  color: #009245;
  font-weight: bold;
  border: solid 5px #009245;
  border-radius: 5px;
  cursor: pointer;
  padding: 0;
  appearance: none;
  display: block;
  text-align: center;
  width: 760px;
  height: 50px;
  margin-left: 25px;
  position: relative;
}
button.btn-area02::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 5%;
  width: 7px;
  height: 7px;
  border-top: solid 2px #009245;
  border-right: solid 2px #009245;
  transform: rotate(45deg);
  transition: transform .3s ease-out;
}
button.btn-area03 {
  background: none;
  color: #006837;
  font-weight: bold;
  border: solid 5px #006837;
  border-radius: 5px;
  cursor: pointer;
  padding: 0;
  appearance: none;
  display: block;
  text-align: center;
  width: 760px;
  height: 50px;
  margin-left: 25px;
  position: relative;
}
button.btn-area03::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 5%;
  width: 7px;
  height: 7px;
  border-top: solid 2px #006837;
  border-right: solid 2px #006837;
  transform: rotate(45deg);
  transition: transform .3s ease-out;
}
button.is-open::before {
  transform: rotate(135deg);
  transition: transform .3s ease-out;
}
button.is-openA::before {
  transform: rotate(135deg);
  transition: transform .3s ease-out;
}
ul.movie-areaA {
  width: 730px;
  margin-left: 40px;
  margin-right: 40px;
}
.movie-areaA li {
  padding-bottom: 0;
  transition: padding-bottom .3s ease-out;
  padding-left: 10px;
  float: left;
}
.movie-areaA li iframe {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity .1s linear, visibility .1s linear, height .3s ease-out;
}
ul.movie-areaB {
  width: 730px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 0;
}
.movie-areaB li {
  padding-bottom: 0;
  transition: padding-bottom .3s ease-out;
  padding-left: 15px;
  float: left;
}
.movie-areaB li iframe {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity .1s linear, visibility .1s linear, height .3s ease-out;
}
ul.movie-areaC {
  width: 730px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  display: flex;
}
.movie-areaC li {
  padding-bottom: 0;
  padding-left: 10px;
}
ul.is-open {
  margin-top: 30px;
}
.is-open li {
  padding-bottom: 20px;
  transition: padding-bottom .3s ease-out;
}
.is-open li iframe {
  opacity: 1;
  visibility: visible;
  height: 197px;
  transition: opacity .1s linear, visibility .1s linear, height .3s ease-out;
}
.is-openA li {
  padding-bottom: 20px;
  transition: padding-bottom .3s ease-out;
}
.is-openA li iframe {
  opacity: 1;
  visibility: visible;
  height: 394px;
  transition: opacity .1s linear, visibility .1s linear, height .3s ease-out;
}
/* スペック一覧メニューと、スペック詳細の間の矢印 */
.arrow-spec {
  background: #DEF1E6 url(/products/img/spec/img_arrow_spec.png) no-repeat center 60px;
  color: #009245;
  font-weight: bold;
  font-size: 24px;
  margin: 70px auto 30px;
  padding: 20px 0 55px;
  float: left;
  width: 100%;
}
.ar-spec_A {
  margin-top: 23px;
}
.arrow-spec p {
  text-align: center;
}
/*YouTube 埋め込み画像*/
.YT_typeA {
  margin: 70px 125px 0;
}
/*
========================================================
2-2.各スペック共通
========================================================
*/
/* スペックの見出し */
.tit-spec {
  margin: 50px 30px 0;
}
p.staz-only {
  color: #f00;
  font-size: 12px;
  font-weight: bold;
  margin-top: -22px;
  padding-right: 35px;
  text-align: right;
}
/* キャッチコピー */
.copy {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin: 15px 0 20px;
  text-align: center;
}
.emphasis {
  color: #009245;
  font-weight: bold;
}
/* 写真とテキスト横並び */
.detail-whole-area {
  _zoom: 1;
  overflow: hidden;
  width: 750px;
  margin: 20px 0 30px 60px;
  text-align: left;
}
.detail-img-area {
  float: left;
  width: 260px;
}
.detail-txt-area {
  float: left;
  margin-left: 30px;
  width: 400px;
  font-size: 16px;
  line-height: 1.7;
}
/* 注釈文を付けて文字を赤くしたいときに */
.addition {
  color: #f00;
  line-height: 1.3;
  padding-bottom: 2px;
}
/* 上に隙間を空けたいとき */
.top-space {
  margin-top: 10px;
}
/* 用語の解説・緑枠（キャンバーの説明など） */
.commentary {
  margin: 30px 65px 0;
  border: 2px solid #009245;
  padding: 15px 30px;
}
.commentary p {
  line-height: 1.6;
  font-size: 14px;
  text-align: left;
}
/* 横並びの写真＋キャプション（画像にwidthを指定すること） */
.listfield {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}
.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;
  text-align: center;
}
/*税込価格の注記*/
.intax {
  float: left;
  box-sizing: border-box;
  padding-left: 570px;
  font-size: 15px;
}
/*
------------------------------------
★Go to page top
------------------------------------
*/
main {
  position: relative;
}
.pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 10px;
  border-radius: 50% 50%;
  height: 75px;
  width: 75px;
  background-color: #009245;
}
.pagetop::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 28%;
  width: 25px;
  height: 25px;
  border: solid 4px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
}
.pagetop:hover {
  opacity: .8;
}
/*
========================================================
3.FLA
========================================================
*/
/* HBS */
.bumprubber-area {
  width: 750px;
  min-height: 105px;
  height: auto !important;
  /* IE6用 */
  height: 105px;
  background: url(https://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: 14px;
  width: 330px;
  text-align: left;
  line-height: 1.4;
  margin: 12px auto 0 125px;
  /* padding:12px 0 0 130px; */
}
.ms-area {
  width: 746px;
  margin: 40px auto 60px;
  border: solid 2px #333;
}
.ms-area p {
  margin: 15px auto 5px;
}
/* マウント付きページ・写真エリア */
.mount {
  _zoom: 1;
  overflow: hidden;
  width: 500px;
  padding: 25px 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: 16px;
  float: left;
  margin-left: 30px;
  width: 400px;
  line-height: 1.8;
}
.edfc-featurea {
  line-height: 3.2;
  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;
}
/*
========================================================
4.EAP
========================================================
*/
/* 対応アイテム一覧エリア */
.compatible-product {
  background-color: #DEEDD1;
  width: 720px;
  text-align: left;
  margin: 15px auto 15px;
  padding: 25px 0 12px 25px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.compatible-product p {
  margin-bottom: 8px;
}
/* 緑の角丸ボタン（小） */
.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: 35px 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;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 12px;
}
.price-list th {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  text-align: center;
  background-color: #DEEDD1;
  padding: 5px 0;
}
.price-list th:nth-child(1) {
  width: 310px;
}
.price-list th:nth-child(2), .price-list th:nth-child(3) {
  width: 100px;
}
.price-list td.biko {
  text-align: left;
}
.annotation {
  text-align: left;
  padding-left: 35px;
  padding-top: 10px;
  color: #F33;
}
/*
========================================
4-1.EDFCシリーズスペック表 (旧ページからの移植)
==========================================
*/
.tb_spec {
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  color: #333;
  width: 750px;
  margin: 30px auto 60px;
}
.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.maru {
  font-size: 1.5em;
}
/*
========================================
EDFCシリーズスペック表 (新規html5用)
==========================================
*/
table.EDFC_series_spec {
  border: solid 2px #333;
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  font-size: 10px;
  margin: 10px 30px 0 30px;
  width: 750px;
}
table.EDFC_series_spec th {
  border: solid 1px #333;
  padding: 2px;
  text-align: center;
}
table.EDFC_series_spec th:nth-child(2) {
  background-color: #ffcccc;
}
table.EDFC_series_spec th:nth-child(3) {
  background-color: #DEEDD1;
}
table.EDFC_series_spec th:nth-child(4) {
  background-color: #ffffcc;
}
.tb_color1 {
  background: #ffcccc;
  border-left: solid 2px #333;
}
.tb_color2 {
  background: #DEEDD1;
  border-left: solid 2px #333;
}
.tb_color3 {
  background: #ffffcc;
  border-left: solid 2px #333;
}
table.EDFC_series_spec td {
  text-align: center;
}
table.EDFC_series_spec tfoot td {
  border-top: solid 2px #333;
}
.data_break {
  background-color: #ccc;
  border-top: solid 2px #333;
  border-bottom: solid 2px #333;
  font-size: 12px;
  font-weight: bold;
  text-align: left !important;
  /*table　td全体にcenterを掛けたため、強制的に順位上げ*/
}
.data_left_end {
  text-align: left !important;
  /*table　td全体にcenterを掛けたため、強制的に順位上げ*/
}
.no_data {
  border: none;
}
/*
========================================================
5.モータースポーツ用品
========================================================
*/
/* 写真エリア */
.other-img-area {
  width: 300px;
}
.other-img-area p {
  margin-bottom: 18px;
}
.other-txt-area {
  width: 360px;
  font-size: 14px;
}
.setlist {
  background-color: #DEEDD1;
  margin-bottom: 20px;
  padding: 15px;
  line-height: 1.5;
  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 {
  vertical-align: middle;
  line-height: 1;
  padding: 5px 0;
  font-size: 14px;
}
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 {
  width: 810px;
  text-align: center;
}
.eII_emphatext {
  font-size: 18px;
  font-weight: bold;
  color: #009245;
  margin-bottom: 10px;
}
.eII_price {
  font-size: 26px;
  color: #CCC;
  width: 810px;
  text-align: center;
}
.price_emphasis {
  font-size: 50px;
  font-weight: bold;
  color: #e4007f;
}
.head2style {
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #C33;
  margin-left: 30px;
  margin-bottom: -20px;
  margin-top: 20px;
}
.eII_checklist {
  float: left;
  margin-left: 30px;
  margin-top: -50px;
}
/*
========================================================
7.CUSTOM MADE SPRING
========================================================
*/
ul.productList_typeA, ul.productList_typeB {
  font-size: 0.9em;
}
ul.productList_typeA li::before {
  content: "■";
}
/*
========================================================
8.END / END 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;
}
.cell_prm {
  background: #CF3;
}
.detail-img-area dl {
  float: left;
  width: 125px;
}
.detail-img-area dd {
  text-align: center;
}
.detail-img-area ul {
  float: left;
  width: 125px;
}
.r_space {
  margin-right: 5px;
}
.endc_info {
  width: 80%;
  margin: 90px 10% 20px;
  box-sizing: border-box;
  border: solid 1px #999;
  padding: 20px 0px;
  display: flex;
  justify-content: center;
}
.endc_info dt {
  text-align: center;
  margin-bottom: 20px;
  padding: 10px 0;
  background: #eee;
}
/*
==========================================================
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-size: 0.9em;
  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;
}
/*表の設定*/
table.tb_typeA {
  width: 565px;
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 5px;
  float: left;
}
table.tb_typeA th {
  text-align: center;
  font-weight: bold;
  background: #DEEDD1;
  border: solid 1px #333;
  padding-top: 3px;
}
table.tb_typeB {
  width: 755px;
  font-size: 0.8em;
  margin: 10px auto 30px 30px;
  float: left;
}
table.tb_typeB th {
  text-align: center;
  font-weight: bold;
  background: #DEEDD1;
  border: solid 1px #333;
  padding-top: 3px;
}
table.tb_typeC {
  font-size: 0.8em;
  margin-top: 10px;
  margin-left: 25px;
  float: left;
}
table.tb_typeC th {
  width: 170px;
  border: solid 1px #333;
}
table.tb_typeC img {
  width: 150px;
}
table.tb_typeD {
  width: 565px;
  font-size: 0.8em;
  margin: 10px auto 30px 30px;
  float: left;
}
table.tb_typeD th {
  text-align: center;
  font-weight: bold;
  background: #DEEDD1;
  border: solid 1px #333;
  padding-top: 3px;
}
table.tb_typeD td {
  text-align: center;
}
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;
}
.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;
}
p.cm_link {
	float: left;
}
p.cm_link img {
	margin: 30px;
}
/*
==========================================================
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 li::before {
  content: "※";
}
ul.at_style li {
  text-indent: -16px;
  margin-left: 16px;
}
/*
==========================================================
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;
}
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: 380px;
  font-size: 13px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 50px;
  float: left;
}
table.other_Barea th {
  font-weight: bold;
  width: 100px;
}
table.other_Barea td {
  border: none;
  border-bottom: solid 1px #333;
  padding: 10px 0;
}
.re_text {
  font-size: 13px;
  color: #DD1D21;
}
/*
==========================================================
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.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;
}
.flsetB img {
  float: left;
  margin-right: 10px;
}
p.copydeco {
  font-family: 'Noto Sans JP', 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: 'Noto Sans JP', 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;
  margin-top: 0;
  font-size: 50px;
  width: 810px;
  text-align: center;
}
.price01 {
  font-family: 'Russo One', sans-serif;
  text-shadow: 1px 1px 2px gray;
}
.price02 {
  font-size: 30%;
}
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;
}
.conA-1 {
  float: left;
  width: 810px;
  display: flex;
  justify-content: flex-start;
  margin: 20px 0;
}
.conA-1 p {
  font-size: 16px;
  line-height: 1.3;
}
.conA-2 {
  float: left;
  width: 810px;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
.conA-2 p {
  font-size: 13px;
  line-height: 1.3;
}
.titA {
  float: left;
  width: 810px;
  box-sizing: border-box;
  padding-left: 30px;
  margin-top: 30px;
}
.titA h2 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
  border-left: 10px solid #009245;
  margin: 20px 0;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.05em;
}
.titA h3 {
  float: left;
  font-size: 18px;
  border: none;
  margin-top: 20px;
  margin-left: 0px;
  font-family: 'Noto Sans JP', sans-serif;
}
.titA h4 {
  float: left;
  font-size: 16px;
  border: none;
  margin-top: 0;
  margin-left: 0;
  font-family: 'Noto Sans JP', sans-serif;
  background: #ddd;
}
.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:"";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url("../../img/check-square-bold.png");
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}
.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;
  width: 710px;
  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;
}
.txtbox p {
  line-height: 1.5em;
}
.txtboxA {
  box-sizing: border-box;
  padding: 0 15px;
}
.txtboxA p {
  line-height: 1.5em;
}
table.img_txt {
  text-align: center;
  margin-left: 10px;
}
.img_txt td {
  border: none;
  font-size: 12px;
}
.i_title td {
  font-size: 24px;
  font-weight: bold;
}
.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;
}
.check {
  color: #E5595B;
}
.infoA {
  background: #ddd;
  padding: 15px;
}
.conC {
  float: left;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0 50px;
}
.conD {
  float: left;
  width: 810px;
  display: flex;
  justify-content: center;
  margin: 0;
}
.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;
}
p.yvlinkA a {
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  background: linear-gradient(to bottom, #009844 0%, #009844 50%, #007531 51%, #007531 100%);
  /*width: 60%;*/
  padding: 10px 20px 10px 30px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
p.yvlinkA a:hover {
  background: linear-gradient(to bottom, #007531 0%, #007531 50%, #009844 51%, #009844 100%);
}
/* ボタン左の三角マーク */
p.yvlinkA a:before, p.yvlinkB a:before {
  content: "";
  /* これがないと表示されません */
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  /* 左ボーダー以外は非表示 */
  border-left: 8px solid #fff;
  /* 左ボーダーで三角形を作る */
}
.listA li::before {
  content: "・";
}
.listA li {
  padding-left: 1em;
  text-indent: -1em;
}
.discA {
  float: left;
  width: 430px;
  margin-top: 30px;
}
.discA h2 {
  margin-bottom: 10px;
}
.discA dl {
  margin-bottom: 20px;
  background: #eee;
  padding: 10px;
  border-radius: 3px;
}
.discA dt {
  color: #006837;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 8px;
}
.discA dd {
  line-height: 1.5em;
}
.discB {
  float: left;
  width: 300px;
  margin-left: 20px;
}
.discB img {
  margin-top: 300px;
}
.M_attention {
  float: left;
  width: 700px;
  margin-left: 55px;
  box-sizing: border-box;
  padding: 20px;
  border: solid 2px red;
  border-radius: 5px;
}
.M_attention p {
  color: red;
  font-weight: bold;
}
.M_attention p::before {
  content: "【";
}
.M_attention p::after {
  content: "】";
}
.M_attention li {
  margin-top: 20px;
}
.no_warr {
  float: left;
  width: 810px;
  box-sizing: border-box;
  padding: 10px 50px;
}
.no_warr p {
  font-weight: bold;
  margin-bottom: 8px;
}
.no_warr ul {
  margin-bottom: 15px;
  padding-left: 1em;
}
.no_warr li {
  margin-bottom: 5px;
  list-style: circle;
}
.text_decoA {
  font-weight: bold;
}
.tb_typeF td {
  border: none;
  text-align: center;
  font-size: 0.9em;
}
.tb_typeF th {
  text-align: center;
  background: #ccc;
  padding-top: 3px;
  padding-bottom: 3px;
}
.tb_typeG td {
  text-align: center;
  font-size: 0.8em;
}
.spdA {
  float: left;
  width: 750px;
  display: flex;
  margin-left: 30px;
  margin-right: 30px;
}
.spdA dl {
  width: 200px;
  margin-right: 10px;
  margin-top: 10px;
}
.spdA dl:last-child {
  margin-right: 0;
}
.spdA dt {
  font-size: 12px;
  font-weight: bold;
}
.spdA dd {
  font-size: 12px;
  padding-top: 5px;
}
.spdB {
  float: left;
  width: 750px;
  display: flex;
  margin-left: 30px;
  margin-right: 30px;
}
.spdB img {
  display: inline-block;
}
.spdB dl {
  width: 450px;
  margin-right: 10px;
  margin-top: 10px;
}
.spdB dl:last-child {
  margin-right: 0;
}
.spdB dd {
  font-size: 12px;
  padding-top: 5px;
}
table.tb_typeH {
  width: 750px;
  border: solid 2px #333;
  font-size: 12px;
  margin-left: 30px;
  margin-top: 10px;
  float: left;
}
table.tb_typeH th {
  border: solid 1px #333;
  background: #DEEDD1;
  padding: 3px;
}
table.tb_typeI {
  border: solid 2px #333;
  margin-bottom: 10px;
  width: 480px;
  font-size: 15px;
}
table.tb_typeI th {
  border: solid 1px #333;
  background: #DEEDD1;
  padding: 3px;
  text-align: center;
  font-weight: bold;
}
table.tb_typeI caption {
  text-align: center;
  font-weight: bold;
}
table.tb_typeJ {
  border: solid 2px #333;
  margin-bottom: 10px;
  width: 680px;
  font-size: 14px;
}
table.tb_typeJ th {
  border: solid 1px #333;
  background: #DEEDD1;
  padding: 3px;
  text-align: center;
  font-weight: bold;
}
.tb_maker {
  background: #ccc;
}
.listcheck li {
  list-style: circle;
}
p.opA {
  font-size: 12px;
  font-weight: bold;
}
ul.link_list {
  float: left;
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.link_list a:hover {
  opacity: 0.7;
}
.tit_font {
  font-size: 38px;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
}
.number h3::before {
  counter-increment: number 1;
  content: counter(number)". ";
}
.quote h3 {
  font-size: 14px;
  border-bottom: double 3px #009245;
  padding-bottom: 3px;
}
/*
==========================================================
14.tool.html
==========================================================
*/
#tool h2 {
  display: none;
}
#tool h3 {
  border-left: 6px solid #009245;
  font-size: 1.1em;
  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;
}
.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;
}
/*
==========================================================
15.stilo.html
==========================================================
*/
h2.stilo {
  float: left;
  width: 100%;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 20px 20px;
}
h3.stilo {
  border-left: 6px solid #009245;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding-left: 8px;
  text-align: left;
  float: left;
  width: 100%;
}
.conF {
  float: left;
  width: 810px;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.conF p {
  font-size: 16px;
  line-height: 1.3;
}
.endm {
  font-size: 13px;
  color: red;
}
p.Uline {
  border-bottom: double 3px #009245;
  color: #009245;
}
/*
==========================================================
16.atl.html
==========================================================
*/
h2.atl {
  float: left;
  width: 100%;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 20px 20px;
}
h3.atl {
  border-left: 6px solid #009245;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding-left: 8px;
  text-align: left;
  float: left;
  width: 100%;
}
p.atl {
  float: left;
  margin: 0 0 20px 20px;
  width: 770px;
  border-bottom: double #009245 3px;
  padding-bottom: 3px;
}
p.atlA {
  float: left;
  margin: 0 0 20px 20px;
  width: 770px;
}
p.atltext {
  width: 80%;
  text-align: center;
  color: #009245;
}
ul.atllist {
  width: 85%;
}
section.borderline {
  border-bottom: double #009245 3px;
}
.verATL ul {
  list-style-type: disc;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
/*
==========================================================
17.inspection_machine.html
==========================================================
*/
.ps_att {
  color: red;
}
p.ps_typeA::before {
  content: "■";
}
ol.ps_typeA {
  list-style-type: decimal;
  margin-left: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}
dl.ps_typeA dt {
  font-weight: bold;
}
dl.ps_typeA {
  margin-bottom: 15px;
}
table.ps_typeA {
  font-size: 13px;
}
table.ps_typeA td {
  border: none;
}
table.ps_typeA tr {
  border-bottom: solid 1px #333;
}
table.ps_typeA th::after {
  content: ":";
}
table.ps_typeA th {
  font-size: 11px;
  width: 100px;
}
dl.ps_typeB {
  font-size: 13px;
}
dl.ps_typeB dt {
  font-weight: bold;
}
p.ps_typeB {
  font-size: 13px;
}
p.ps_typeC::before {
  content: "■";
}
/*
==========================================================
18.basic_flex_damper.html
==========================================================
*/
.to_yvo {
  float: left;
  width: 810px;
  box-sizing: border-box;
  padding: 10px 50px;
}
.to_yvo dt {
  font-weight: bold;
}
.to_yvo dt::before {
  content: url("../img/user_comment.gif");
}
.to_yvo dd {
  margin-bottom: 1em;
}
.to_yvo dd::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: double 3px #009245;
  border-right: double 3px #009245;
  transform: rotate(45deg);
}
/*
==========================================================
19.warranty_rules/
==========================================================
*/
.warrList li {
  display: inline-block;
}
.warrList li::after {
  content: "/";
  display: inline-block;
  margin-left: 5px;
}
.warrList li:last-child::after {
  content: none;
}
/*
==========================================================
20.spd.html
==========================================================
*/
a.btn-3d-simple {
  color: #fff;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, .44), 1px 1px 1px #3C493B;
}
/*a.btn-3d-simple::after {
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  top: clac(50% - .5em);
  right: 1rem;
}*/
.btn-3d-simple {
  display: inline-block;
  padding: 0.5em 5em;
  text-decoration: none;
  border-radius: 15px;
  background: #33cc33;
  border-bottom: solid 5px #038401;
  font-size: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
}
.btn-3d-simple:hover {
  margin-top: 3px;
  background: #33cc33;
  border-bottom: solid 2px #038401;
}
.btn-shadow {
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
/*
==========================================================
ｚ.一時表示
==========================================================
*/
.notice_area {
  width: 750px;
  margin: 30px 30px 50px;
}
.notice_area p {
  font-size: 0.9em;
  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;
}
.ComingS_area {
  width: 750px;
  margin-left: 30px;
  margin-bottom: 50px;
  float: left;
}
.ComingS_area p {
  margin-bottom: 20px;
}
.ComingS_area p:first-of-type {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5em;
  color: #333;
}
.ComingS_area p:nth-of-type(2), .ComingS_area p:nth-of-type(3) {
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  color: #f33;
}
.fsae {
  font-weight: bold;
  margin-left: 30px;
  float: left;
  width: 100%;
}
.fsae p::before {
  content: '>>';
  color: #009245;
}
p.link_en {
  font-weight: bold;
  margin-left: 30px;
  float: left;
}
p.link_en::before {
  content: '>>';
  color: #009245;
}
p.MiY {
  float: right;
  font-weight: bold;
  margin-right: 30px;
}