@charset "UTF-8";
@import "pricelist.css";
/* common */
.justify, p.outline, .enum li, .product-faq dt, .product-faq dd {
  text-align: justify;
  /*	word-break: break-all; */
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
  margin: 10px 0 5px;
  text-align: left;
}

p {
  margin: 0.5em 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.2em;
  color: #369;
  background: url(/img/hbg02.png) bottom;
  border: solid #369;
  border-width: 1px 1px 1px 6px;
  padding: 2px;
  border-radius: 2px;
  behavior: url(/ie-css3.htc);
}

h3 {
  font-size: 1.2em;
}

#idx {
  border: 0;
}

/* 製品説明ページ */
div.introduction {
  display: block;
  background: #000;
  color: #ddd;
  padding: 5px 10px;
  text-align: center;
}
div.introduction .exp {
  padding: 5px 10px;
}
div.introduction h1 {
  display: block;
  padding: 5px 0;
  text-align: left;
}
div.introduction > ul {
  margin: 26px 0 0;
  padding: 0;
  text-align: right;
  list-style-type: none;
}
div.introduction > ul > li {
  display: inline;
}

div.cylinderblock div.introduction h1 {
  border-bottom: 1px solid #ACF;
}

div.cylinderhead div.introduction h1 {
  border-bottom: 1px solid #0C4;
}

div.assyparts div.introduction h1 {
  border-bottom: 1px solid #C30;
}

p.outline {
  display: block;
  padding: 20px;
  margin: 40px;
  border: 2px solid #fff;
  line-height: 200%;
  letter-spacing: 1px;
}

div.explanation {
  width: 640px;
  margin: 1em auto 0;
  background: #000;
  color: #ddd;
  padding-bottom: 10px;
  text-align: left;
}
div.explanation h2 {
  margin: 1em 0 0.5em;
  background: none;
  border: none;
}
div.explanation h3 {
  margin: 1em 0 0.5em;
}
div.explanation h4 {
  margin: 0.5em 0;
}
div.explanation .exp {
  margin: 0.5em 0 1em;
}
div.explanation .ref {
  color: #ccc;
}
div.explanation a {
  color: #fe8;
  font-weight: normal;
}
div.explanation a:hover {
  color: #ffb400;
}

div.description h3 {
  line-height: 1.5em;
  padding-left: 0.5em;
  font-family: "ヒラギノ角ゴ Pro W6", "Myriad Bold", "Myriad", "Arial", "Arial Black";
}

div.description h3,
div.description h4 {
  border-radius: 2px;
  behavior: url(/ie-css3.htc);
}

div.specifications, div.o-productprice {
  background: white;
  border-collapse: collapse;
  border: 0;
  color: black;
  padding: 5px 10px 10px;
  /* * { border: 0; color: black; }  */
}
div.specifications h2, div.o-productprice h2 {
  background: white;
  border: solid #222;
  border-width: 0 0 2px 6px;
  color: #222;
  font-size: 14pt;
  margin: 1em 0 0.5em;
  padding: 4px;
}
div.specifications h3, div.o-productprice h3 {
  background: #888;
  border: 1px solid #000;
  color: #fff;
  font-size: 12pt;
  margin: 1em 0 0.5em;
  padding: 2px;
}
div.specifications h4, div.o-productprice h4 {
  margin: 1em 0 0.5em;
}

/* 製品インデックス */
#productindex {
  width: 600px;
  margin: 0 auto;
}
#productindex h1 {
  margin: 0;
  padding: 0;
}
#productindex ul {
  text-align: left;
  margin: 0 auto;
  list-style-type: none;
}
#productindex ul li {
  display: block;
  float: left;
  margin: 6px;
  line-height: 154px;
}

ul#producttopindex li {
  line-height: 192px;
}

/* サイドメニュー */
#products_sub #sidebar {
  text-align: center;
}
#products_sub #sidebar h2 {
  border: 1px #30F;
}

div.pexpl {
  background: black;
  border-collapse: collapse;
  border: 0;
  color: white;
  padding-bottom: 10px;
}
div.pexpl * {
  border: 0;
  padding: 0;
  color: white;
}

div.pprice {
  background: white;
  border-collapse: collapse;
  border: 0;
  color: white;
  padding: 5px 10px;
  padding-bottom: 10px;
}
div.pprice * {
  border: 0;
  padding: 0;
  color: black;
}

table.spectable {
  border-collapse: collapse;
  padding: 2px;
  width: 100%;
}
table.spectable * {
  background: white;
  color: black;
}
table.spectable tr {
  line-height: 1.5;
}
table.spectable caption {
  background: #F0F0F0;
}
table.spectable th, table.spectable td {
  border: 1px;
  border-style: solid hidden;
  border-color: black white;
  padding: 0 5px;
}
table.spectable th {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}
table.spectable th::after {
  content: ":";
  padding: 0 0.5em;
}
table.spectable th.hdr {
  background: #F0F0F0;
}
table.spectable th.hdr::after {
  content: "";
}
table.spectable th.hdr2::after {
  content: "";
}

table.compare {
  border-collapse: collapse;
  padding: 2px;
  width: 100%;
}
table.compare * {
  background: white;
  color: black;
}
table.compare tr {
  line-height: 1.5;
}
table.compare caption {
  font-weight: bold;
  background: #F0F0F0;
  margin-top: 1em;
}
table.compare th, table.compare td {
  border: 1px;
  border-style: solid hidden;
  border-color: black white;
  padding: 0 5px;
  text-align: center;
}
table.compare th {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
table.compare th.hdr {
  background: #F0F0F0;
}

table.explist {
  border-collapse: collapse;
  padding: 2px;
  width: 100%;
}
table.explist * {
  background: white;
  color: black;
}
table.explist tr {
  line-height: 1.5;
}
table.explist caption {
  font-weight: bold;
  background: #F0F0F0;
  margin-top: 1em;
}
table.explist th, table.explist td {
  border: 1px;
  border-style: solid hidden;
  border-color: black white;
  padding: 0 5px;
  text-align: center;
}
table.explist th {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
table.explist th.hdr {
  background: #F0F0F0;
}
table.explist td.lt {
  text-align: left;
}
table.explist td.rt {
  text-align: right;
}
table.explist td.md {
  text-align: center;
}

.fixedcell {
  position: sticky;
}

div.notice a {
  color: #00A;
}

div.expfig {
  width: 100%;
  text-align: center;
  margin: 1em 0;
}

.expfig ul {
  list-style: none;
}
.expfig ul li {
  display: inline;
}
.expfig ul li img {
  margin-bottom: 4px;
  border: none;
}

.enum {
  margin-left: 2em;
}
.back2top {
  text-align: right;
}
.back2top a {
  color: #D66;
  font-weight: bold;
}

/* faq */
.product-faq dt, .product-faq dd {
  text-indent: -16pt;
  margin-left: 16pt;
}
.product-faq dt::before, .product-faq dd::before {
  font-size: 16pt;
  font-weight: bold;
  font-style: italic;
}
.product-faq dd::before {
  content: "A ";
  color: #3333ee;
}
.product-faq dt::before {
  content: "Q ";
  color: #ee3333;
}

/*
 * 既存フレームのためのクラス設定
 */
div.o-product {
  width: 680px;
  float: right;
  text-align: left;
  padding-bottom: 1em;
}
div.o-product h1 {
  padding: 2px 0.5em 4px;
  font-size: 1.6em;
  border-left: 0.5em solid;
  border-bottom: 1px dotted;
  border-color: #0f229c;
  background: url(img/h1-o-product.png);
  text-shadow: 1px 1px 2px #888;
}
div.o-product hr {
  clear: both;
  margin: 0.5em 0;
  border: none;
  border-bottom: 1.5px #333 dotted;
}

div.o-productmain {
  width: 440px;
  float: left;
}
div.o-productmain div {
  margin: 1em 0;
}

div.o-productside {
  width: 220px;
  float: right;
  text-align: center;
  padding: 1em 0;
}
div.o-productside div.pict {
  margin-bottom: 1em;
}

div.o-productprice {
  padding-bottom: 1em;
}

.cylinderhead .o-product h1 {
  border-color: #00aa00;
}

.cylinderblock .o-product h1 {
  border-color: #aaccff;
}

.engineaccessory .o-product h1 {
  border-color: #8099cc;
}

.intake .o-product h1 {
  border-color: #8066b5;
}

.exhaust .o-product h1 {
  border-color: #8066b5;
}

.drivetrain .o-product h1 {
  border-color: #ffb533;
}

.reinforcement .o-product h1 {
  border-color: #b59933;
}

.originalgoods .o-product h1 {
  border-color: #cc334f;
}

table.productexp {
  margin: 0 auto;
  width: 700px;
  border-collapse: collapse;
  border-spacing: 0;
}
table.productexp td.main {
  width: 430px;
}
table.productexp td.gap {
  width: 10px;
}
table.productexp td.side {
  width: 260px;
  text-align: center;
}

/*************************************
 *  Cylinder block parts
 *************************************/
.cylinderblock div.description h3, .cylinderblock div.description h4 {
  background: url(/products/img/hd-b.png);
  background-repeat: repeat-x;
  padding: 1px 5px;
}

/*************************************
 *  Cylinder head parts
 *************************************/
.cylinderhead div.description h3 {
  background: url(/products/img/hd-g.png);
  background-repeat: repeat-x;
}

div.dlist dt {
  float: left;
}
div.dlist dd {
  padding-left: 16em;
}
div.dlist dd li {
  display: inline;
}

/*************************************
*  Aero parts
*************************************/
.exteriors div.introduction {
  background: white;
  color: black;
  width: 680px;
  margin: 0 auto;
}
.exteriors div.specifications {
  width: 680px;
  margin: 0 auto;
}
.exteriors h1.titlepict {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

div.specifications h3.ext_vehiclename,
div.specifications h3.ext_vehiclename::before {
  content: "";
  border: none;
  border-left: 4px solid #888;
  color: #888;
  background: none;
  padding: 0 0 0 4px;
  font-size: 10pt;
  line-height: 1.5em;
}

div.aerospec-exp {
  width: 316px;
  float: left;
  /* > p img { width: 310px; height: 232px; } */
}
div.aerospec-exp ul {
  list-style: none;
  overflow: hidden;
}
div.aerospec-exp ul li {
  float: left;
  display: block;
  margin: 2px;
}

div.aerospec-lst {
  width: 330px;
  float: right;
}
div.aerospec-lst table.spectable th, div.aerospec-lst table.spectable td {
  padding: 5px 0px;
  font-size: 0.8em;
}
div.aerospec-lst table.spectable td .remarks {
  font-size: 0.95em;
}
div.aerospec-lst table.spectable th {
  padding-right: 6px;
}

/*************************************
*  Original Goods
*************************************/
div.o-goods {
  text-align: left;
  width: 700px;
  margin: 1em auto;
}

div.og-pict {
  float: left;
  width: 200px;
}

div.og-exp {
  float: right;
  width: 490px;
}

/*************************************
*  Slack Slider gallery
*************************************/
.slider_main, .slider_nav {
  width: 450px;
  margin: 0 auto;
}

/* --------------------- */
.img {
  background: repeat;
  border: none;
}

.localhost {
  font-style: italic;
  color: #888;
}