@charset "UTF-8";
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
https://developer.yahoo.com/yui/license.txt
https://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
/* reset CSS
----------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* clearfix 
----------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/ }

body {
  /*font: 100%/1.231 arial,helvetica,clean,sans-serif;*/
  font-size: 77%;
  *font-size: small;
  *font: x-small;
  background: #ddd;
  line-height: 140%;
  color: #333;
  text-align: center;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  /* letter-spacing:-0.02em;*/ }

a {
  color: #ff9900; }

#tagline-area {
  background: #ccc; }

#tagline {
  width: 1000px;
  margin: 0 auto;
  font: 197%/1.231 arial,helvetica,clean,sans-serif;
  padding: 5px 0px;
  text-align: left; }

#tagline span {
  font-size: 16px;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold; }

/* container
----------------------------------------------------------------------------- */
#container {
  width: 1010px;
  margin: 0 auto;
  text-align: left; }

#container::after {
  clear: both;
  content: "";
  display: block; }

/* content
----------------------------------------------------------------------------- */
.mainImgLeft {
  float: left;
  width: 400px; }

.mainImgRight {
  float: left;
  width: 400px; }

#catalog-bt {
  width: 379px;
  padding: 0px;
  margin: 0px 0 0 10px;
  background: none; }

#catalog-bt a {
  float: left;
  display: block;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

#catalog-bt a.aerocatalog {
  padding: 10px 10px;
  margin: 0px 9px 0px 0px;
  background: url("https://www.mzspeed.co.jp/complete_car/images/ornersvoice/button_01.jpg");
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 12px;
  width: 165px;
  float: left; }

#catalog-bt a.wheelcatalog {
  padding: 10px 10px;
  margin: 0px 0px 5px 0px;
  background: url("https://www.mzspeed.co.jp/complete_car/images/ornersvoice/button_02.jpg");
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 165px;
  float: left;
  font-size: 12px; }

#catalog-bt a.orners {
  padding: 10px 10px;
  margin: 0px 0px 0px 0px;
  background: url("/complete_car/images/ornersvoice/button_03.jpg");
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 359px;
  float: left;
  font-size: 14px; }

#catalog-bt a.orners span {
  padding: 0 0 0 10px;
  font-size: 10px; }

#catalog-bt a:hover {
  color: yellow; }

.mainImgRight p {
  margin: 10px 0 0 10px;
  padding: 0px; }

/* spec */
.grade-spec {
  background: #fff;
  color: #000;
  padding: 5px;
  float: left;
  border: solid 1px #ddd;
  margin-top: 5px;
  margin-right: 5px; }

.grade-spec strong {
  color: #FF8C00;
  font-weight: bold; }

.grade-spec ul {
  margin-left: 20px;
  list-style: disc;
  font-size: 10px; }

@media print {
  .mainImgRight {
    *width: 390px; } }

/*-----------------------*/
.mainImgRight div {
  float: left;
  width: 180px;
  margin-left: 10px;
  background: #fff;
  padding: 2px;
  text-align: center; }

@media print {
  .mainImgRight div {
    _width: 180px;
    _margin-left: 5px;
    _padding: 0px; } }

.mainImgRight p {
  clear: left;
  margin: 10px;
  padding: 10px 10px 0px 0px;
  text-align: left;
  line-height: 140%; }

.mainImgRight-bottom {
  font-size: 12px;
  float: left; }

.mainImgRight-bottom div {
  padding: 10px; }

.tokuten {
  margin-bottom: 10px; }

.makerHp {
  border: solid 1px #999;
  background: #333;
  padding: 3px;
  font-size: 11px; }

.content-inner-left {
  width: 804px;
  float: left; }

.content-inner-right {
  width: 200px;
  float: left; }

/* priceArea */
#priceArea {
  color: #333;
  width: 197px;
  font-size: 12px;
  margin: 10px 0 0 15px; }
  #priceArea #loanError {
    color: yellow;
    clear: left; }
  #priceArea .priceAreaInner {
    background: #333;
    color: #eee;
    border-radius: 5px;
    padding: 15px 10px 20px 10px;
    font-size: 10px; }
  #priceArea .priceAreaInnerHeader {
    text-align: left; }
    #priceArea .priceAreaInnerHeader strong {
      font-size: 14px; }
  #priceArea .banner div {
    margin: 10px 0 0 0; }
  #priceArea select {
    color: #eee;
    border: solid 1px #999;
    background: #222;
    padding: 3px; }
  #priceArea input {
    font-family: Arial, Helvetica, sans-serif;
    color: #eee;
    border: solid 1px #999;
    background: #222;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
    width: 70px;
    padding: 2px 3px; }
    #priceArea input:focus {
      border: solid 1px aqua; }
    #priceArea input:read-only {
      background: none;
      border: none; }
  #priceArea .priceFormBox {
    border-bottom: 1px #222 solid; }
    #priceArea .priceFormBox .priceFormBoxLeft {
      float: left;
      width: 55px;
      line-height: 1.2;
      padding: 8px 10px 0 0;
      text-align: right; }
      #priceArea .priceFormBox .priceFormBoxLeft--bonus {
        padding: 4px 10px 0 0; }
    #priceArea .priceFormBox .priceFormBoxRight {
      float: left;
      text-align: right;
      padding: 4px 0 4px 0; }
      #priceArea .priceFormBox .priceFormBoxRight input {
        margin: 0;
        width: 65px; }
      #priceArea .priceFormBox .priceFormBoxRight input#bonus_payment {
        width: 65px; }
      #priceArea .priceFormBox .priceFormBoxRight input#pay_total {
        width: 75px; }
  #priceArea .noTax {
    text-align: right;
    margin-top: -5px;
    margin-bottom: 10px;
    font-size: 12px; }

#priceArea p {
  font-size: 10px; }

input#price {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  border: none;
  background: none;
  font-size: 26px;
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 150px; }

#price1000 {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  border: none;
  background: none;
  font-size: 22px;
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 110px; }

/*------------- harfProductsBox -------------*/
.harfProductsBox {
  width: 390px;
  padding: 5px;
  border: solid 1px #ccc;
  background: #fff;
  float: left;
  margin-bottom: 0px; }

div.gradeArea {
  background: #fff;
  width: 790px;
  padding: 5px;
  border-bottom: solid 1px #ddd; }

div.gradeArea .gradeName {
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 10px 0px 10px; }

div.gradeArea p {
  font-size: 12px;
  padding: 0px 10px 0px 10px; }

/*
#selectGradeOp {
	height:25px;
	line-height:25px;
}
*/
#selectGradeOp strong {
  font-weight: bold; }

/*
#selectGradeOp {
	height:25px;
	line-height:25px;
}
*/
.gradeOp {
  background: #fff;
  padding: 5px; }

@media print {
  .harfProductsBox {
    _width: 380px;
    *width: 380px; } }

.harfProductsBox p {
  padding: 5px;
  background: #efefef;
  margin: 5px 0px;
  font-size: 12px; }

.harfProductsBox div {
  width: 250px;
  padding: 5px; }

.harfProductsBox div.noimg {
  width: 360px;
  padding: 5px; }

.harfProductsBox input {
  margin: 5px 0px 0px 0px;
  *width: 15px; }

.harfProductsBox img {
  margin: 5px 0px 0px 5px; }

.otherImg {
  float: left;
  width: 100px !important; }

.otherImg img {
  margin: 0px; }

.prodfl {
  float: left; }

img.prodfl {
  width: 100px; }

/* audioSelect */
.audioSelectMenu li {
  display: bolck;
  float: left;
  margin: 5px 5px 0px 0px;
  padding: 5px;
  background: #fff;
  border: solid 1px #ddd;
  cursor: hand; }

.audioSelect .harfProductsBox {
  width: 792px;
  padding: 5px;
  border: solid 1px #ddd;
  background: #fff;
  float: left;
  margin-bottom: 1px; }

.audioSelect .harfProductsBox p {
  padding: 5px;
  background: #efefef;
  margin: 5px 0px; }

.audioSelect .harfProductsBox div {
  width: 600px;
  padding: 5px; }

.audioSelect .harfProductsBox input {
  margin: 5px 0px 0px 0px; }

.audioSelect .harfProductsBox img {
  margin: 0px 0px 0px 5px; }

.otherImg {
  float: left;
  width: 100px !important; }

.otherImg img {
  margin: 0px; }

.prodfl {
  float: left; }

/*------------------- fullProductsBox --------------------*/
.fullProductsBox {
  padding: 5px;
  border: solid 1px #ddd;
  background: #fff; }

.fullProductsBox p {
  padding: 5px;
  margin: 5px 0px; }

.fullProductsBox .img p {
  text-align: center;
  margin: 0px; }

.fullProductsBox div {
  padding: 5px; }

.fullProductsBox input {
  margin: 5px 0px 0px 0px; }

.fullProductsBox img {
  margin: 5px 0px 0px 5px; }

.fullProductsBox .plus {
  font-size: 20px;
  padding-top: 40px;
  font-weight: bold; }

.fullProductsBox strong.price {
  font-size: 18px; }

.fullProductsBox h5 {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: #333;
  margin-right: 5px;
  border-left: 5px solid #ddd;
  padding: 5px 5px 5px 10px; }

h5.h5-sec {
  background: #70758b; }

.fullcolorBox {
  padding: 5px;
  border: solid 1px #ccc;
  background: #fff;
  width: 792px; }

.fullcolorBox .prodfl {
  margin-right: 3px; }

/*--------------------------*/
/* selectList */
h5.partsName {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  margin-right: 5px;
  display: inline; }

.selectList {
  width: 804px;
  border: 1px #ddd solid;
  border-collapse: collapse;
  border-spacing: 0; }

.selectList td {
  padding: 5px;
  background: #121212;
  border: 1px #333 solid;
  border-width: 0 0 1px 1px;
  text-align: left; }

.selectList td.inputCell {
  width: 25px; }

.selectList td.nameCell {
  width: 575px; }

.selectList td.priceCell {
  width: 150px;
  color: #1769A4; }

.selectList td span {
  font-size: 10px; }

.selectBox {
  margin-bottom: 20px; }

/* specList */
.specList {
  border: 1px #ddd solid;
  border-collapse: collapse;
  border-spacing: 0; }

.specList td {
  padding: 5px;
  background: #fff;
  border: 1px #ddd solid;
  border-width: 0 0 1px 1px;
  text-align: left; }

.specList td.inputCell {
  width: 25px; }

.specList td.nameCell {
  width: 600px; }

.specList td.priceCell {
  width: 150px;
  color: #1769A4; }

.specList td span {
  font-size: 10px; }

/* version */
.version {
  margin-top: 10px; }

.version-left {
  float: left;
  width: 400px; }

.version-right {
  float: left;
  width: 400px; }

.version-left div {
  border: 1px #ddd solid;
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
  width: 370px;
  font-size: 14px; }

.version-left img {
  width: 100px; }

.nebiki {
  font-size: 20px;
  color: #E47100;
  font-family: Arial, Helvetica, sans-serif; }

.syakochouSet {
  color: #E47100; }

.copy {
  color: #E47100;
  font-size: 12px; }

.totalPrice {
  color: #E47100;
  font-size: 28px;
  font-weight: bold; }

/* wheel */
.wheelProductsBox {
  text-align: center;
  width: 158px;
  float: left;
  font-size: 10px;
  background: #000;
  margin-right: 2px;
  margin-bottom: 5px; }

.wheelProductsBox h5 {
  height: 25px; }

.wheelProductsBox h5 em {
  color: red; }

.wheelProductsBox img {
  width: 80px;
  height: 80px; }

.wheelProductsBox .inch {
  text-align: left;
  height: 20px;
  border-top: solid 1px #ddd;
  padding: 2px;
  background: #fff; }

.wheelProductsBox strong.price {
  font-size: 12px;
  color: #1769A4; }

.normalTable {
  border: solid 1px #ddd; }

.normalTable td {
  background: #fff;
  font-size: 11px;
  padding: 5px;
  border: solid 1px #ddd;
  line-height: 160%;
  text-align: left; }

.normalTable th {
  font-size: 11px;
  padding: 5px;
  background: #fff;
  border: solid 1px #ddd;
  line-height: 160%;
  text-align: left; }

.wheelBox {
  width: 98px;
  font-size: 10px;
  float: left;
  background: #ddd; }

.wheelBoxLeft {
  width: 98px;
  font-size: 10px;
  float: left;
  background: #000;
  border: 1px #333 solid; }

.wheelBox img {
  width: 98px; }

.wheelName {
  color: #fff;
  padding: 5px 5px 0px 5px;
  display: block;
  line-height: 140%;
  height: 35px !important; }

.wheelPrice {
  color: #f99;
  padding: 5px; }

.wheel strong {
  color: #1769A4; }

strong.price {
  color: #1769A4;
  font-size: 11px; }

.inch16 {
  background: #666;
  text-align: center; }

.inch18 {
  background: #555;
  text-align: center; }

.inch19 {
  background: #444;
  text-align: center; }

.inch20 {
  background: #333;
  text-align: center; }

.inch21 {
  background: #222;
  text-align: center; }

.inch22 {
  background: #111;
  text-align: center; }

/*  */
.selectBoxHalf {
  width: 50%;
  float: left; }

/* h */
.complete-car h1 {
  color: #fff;
  font-size: 18px;
  padding: 10px 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: url("https://www.mzspeed.co.jp/compCarEstimete/images/common/backBannerimgMain.jpg") no-repeat #000;
  font-weight: bold; }

h3 {
  font-size: 14px;
  padding: 7px 10px 5px 20px;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 0px;
  font-weight: bold;
  background: url("https://www.mzspeed.co.jp/compCarEstimete/images/common/backBannerimgSub.jpg") no-repeat #000; }

h4 {
  color: #333;
  font-size: 14px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold; }

#nextButton {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

.h30 {
  height: 30px; }

.h40 {
  height: 40px; }

.h60 {
  height: 60px; }

.h65 {
  height: 65px; }

.h70 {
  height: 70px; }

.h90 {
  height: 90px; }

.h80 {
  height: 100px; }

.h110 {
  height: 110px; }

.h120 {
  height: 120px; }

.h140 {
  height: 140px; }

.h160 {
  height: 160px; }

.h200 {
  height: 200px; }

.h100 {
  height: 100px; }

.selection {
  color: #FF8C00; }

.e100per {
  background-image: none;
  background-position: right 2px;
  background-repeat: no-repeat;
  font-size: 20px; }

.e75per {
  background-image: none;
  background-position: right 2px;
  background-repeat: no-repeat;
  font-size: 20px; }

.e50per {
  background-image: none;
  background-position: right 2px;
  background-repeat: no-repeat;
  font-size: 20px; }

.e40per {
  background-image: none;
  background-position: right 2px;
  background-repeat: no-repeat;
  font-size: 20px; }

.e60per {
  background-image: none;
  background-position: right 2px;
  background-repeat: no-repeat;
  font-size: 20px; }

.e80per {
  background-image: none;
  background-position: right 2px;
  background-repeat: no-repeat;
  font-size: 20px; }

table.car-detail {
  width: 100%;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0; }

table.car-detail th {
  padding: 3px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
  text-align: left; }

table.car-detail td {
  padding: 3px;
  border: 1px #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  text-align: left; }

.fl {
  float: left; }

.nofl {
  float: none; }

.cl {
  clear: left; }

/* footer
----------------------------------------------------------------------------- */
.qandaBanner {
  padding-top: 20px;
  margin-top: 10px;
  margin-left: -8px; }

.flowBanner {
  padding-top: 6px;
  margin-left: -8px; }

.monthtext {
  background: #ddd;
  font-size: 10px;
  margin: 5px 0px;
  line-height: 140%;
  width: 260px; }

#new-footer-inner {
  width: 1440px;
  margin: 0 auto; }

#new-footer-inner strong {
  color: #fff;
  font-weight: normal; }

#new-footer-inner-left {
  float: left;
  width: 550px;
  text-align: left;
  padding: 20px 0px; }

#new-footer-inner-center {
  float: left;
  width: 150px;
  text-align: left;
  padding: 20px 0px; }

#new-footer-inner-right {
  float: left;
  width: 350px;
  text-align: right;
  padding: 20px 0px; }

#new-footer-inner-1,
#new-footer-inner-2,
#new-footer-inner-3,
#new-footer-inner-4,
#new-footer-inner-5,
#new-footer-inner-6,
#new-footer-inner-7 {
  float: left;
  width: 200px;
  margin-top: 30px;
  color: #ccc;
  text-align: center; }

#new-footer-inner-1 address,
#new-footer-inner-2 address,
#new-footer-inner-3 address,
#new-footer-inner-4 address,
#new-footer-inner-5 address,
#new-footer-inner-6 address,
#new-footer-inner-7 address {
  text-align: left;
  width: 175px;
  margin: 0 auto;
  font-style: normal; }

#new-footer-inner-1 img,
#new-footer-inner-2 img,
#new-footer-inner-3 img,
#new-footer-inner-4 img,
#new-footer-inner-5 img,
#new-footer-inner-6 img,
#new-footer-inner-7 img {
  margin-bottom: 5px;
  width: 185px;
  border: 1px #666 solid; }

#footer {
  clear: both; }

#footer #carname {
  width: 1280px;
  margin: 0 auto;
  text-align: left;
  padding: 10px 0px; }

.footerBanner {
  float: left; }

#new-footer-inner {
  width: 1400px;
  margin: 0 auto; }

#new-footer-inner strong {
  color: #fff;
  font-weight: normal; }

#new-footer-inner-left {
  float: left;
  width: 550px;
  text-align: left;
  padding: 20px 0px; }

#new-footer-inner-center {
  float: left;
  width: 150px;
  text-align: left;
  padding: 20px 0px; }

#new-footer-inner-right {
  float: left;
  width: 350px;
  text-align: right;
  padding: 20px 0px; }

/* new-footer 
----------------------------------------------------------------------------- */
#new-footer {
  padding: 10px;
  margin-top: 20px;
  background: #333;
  color: #ddd; }

#new-footer-inner {
  margin: 0 auto;
  width: 1400px;
  text-align: right; }

#new-footer p {
  margin: 30px 0px 5px; }

table.wheelListTable {
  border: 1px #AAA solid;
  border-collapse: collapse;
  border-spacing: 0; }

table.wheelListTable th {
  padding: 2px;
  border: 1px #AAA solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
  text-align: center; }

table.wheelListTable td {
  padding: 2px;
  border: 1px #AAA solid;
  border-width: 0 0 1px 1px;
  text-align: center;
  background: #fff; }

table.wheelListTable td.image {
  width: 70px;
  background: #000; }

table.wheelListTable td.image img {
  width: 70px; }

#wheels img {
  border: solid 1px #333; }

#wheels img:hover {
  border: solid 1px orange; }

#wheels a {
  color: #993300; }

#wheels a:hover {
  color: orange; }

em {
  font-weight: bold;
  color: #ff9900; }

table.wheelListTable td.w-name {
  width: 100px;
  text-align: left; }

table.wheelListTable td.w-price {
  width: 100px;
  text-align: center; }

table.wheelListTable td.w-price {
  width: 100px;
  text-align: center;
  height: 71px;
  font-size: 12px; }

table.wheelListTable td.w-price strong {
  font-size: 12px;
  font-weight: bold; }

.setw1 strong,
.setw2 strong {
  font-weight: bold; }

table.wheelListTable td.w-not {
  background: #ddd; }

table.wheelListTable td.def {
  background: #ffffbb; }

/* footer
----------------------------------------------------------------------------- */
.footerBanner {
  float: left; }

#new-footer-inner-left {
  float: left;
  width: 550px;
  text-align: left;
  padding: 20px 0px; }

#new-footer-inner-center {
  float: left;
  width: 150px;
  text-align: left;
  padding: 20px 0px; }

#new-footer-inner-right {
  float: left;
  width: 350px;
  text-align: right;
  padding: 20px 0px; }

/* snsb */
.snsb {
  overflow: hidden; }

.snsb li {
  float: left;
  margin-right: 4px; }

.snsb iframe {
  margin: 0 !important; }

.social {
  display: inline-block;
  height: 30px;
  overflow: hidden;
  text-align: left;
  vertical-align: bottom; }

.hatena {
  float: left;
  width: 120px;
  height: 30px;
  overflow: hidden; }

.twitter {
  float: left;
  width: 90px;
  height: 30px;
  overflow: hidden; }

.facebook {
  float: left;
  width: 115px;
  height: 25px;
  line-height: 20px;
  overflow: hidden; }

#footer-menu {
  border-top: #333 solid 1px;
  padding-top: 15px; }

#footer-menu li {
  display: inline; }

#footer-menu li a {
  color: #fff; }

/* elements
----------------------------------------------------------------------------- */
/*
#container h1{
    font: 197%/1.231 arial,helvetica,clean,sans-serif;
	color:#FFF;
	border-left:10px #fff solid;
	padding-left:10px;
}
*/
div#copy {
  padding: 0px;
  font-size: 12px;
  margin: 10px 0px;
  line-height: 140%;
  color: #fff;
  padding: 18px 0 18px 140px;
  width: 822px;
  background-image: url("../images/common/copy_backimg.jpg");
  background-repeat: no-repeat; }

/*****************************************/
a.picoverlay img {
  border: solid 2px #ccc;
  /*width:100px;*/ }

a.picoverlay:hover img {
  border: solid 2px #ff9900;
  /*width:100px;*/ }

/*---accProductsBox----*/
div.accProductsBox {
  width: 380px;
  padding: 10px;
  border: solid 1px #ccc;
  background: #fff;
  float: left;
  margin-bottom: 0px;
  height: 150px;
  line-height: 140%;
  font-size: 12px; }

div.accProductsBox img.acc-img {
  width: 160px;
  vertical-align: bottom; }

.accProductsBox div.prod-acc-left {
  float: left;
  width: 160px; }

.accProductsBox div.prod-acc-right {
  float: left;
  width: 200px;
  padding-left: 10px; }

.accProductsBox p.accComment1 {
  background: #eee;
  padding: 5px;
  margin: 3px 0px;
  font-size: 11px; }

.accProductsBox p.accComment2 {
  padding: 5px;
  margin: 0px 0px 0px;
  font-size: 11px; }

.accProductsBox p.accComment3 {
  background: #333;
  padding: 3px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  width: 158px;
  font-size: 11px; }

.accProductsBox h5.partsName {
  margin-left: 20px;
  display: block;
  margin-bottom: 5px;
  font-size: 12px; }

a.picoverlay img.acc-img {
  border: solid 2px #ccc;
  width: 160px; }

a.picoverlay:hover img.acc-img {
  border: solid 2px #ff9900;
  width: 160px; }

.youtube-box {
  margin-top: 5px; }

.youtube-box p {
  float: left;
  width: 100px;
  font-size: 10px;
  line-height: 110%; }

.youtube-box a {
  float: left;
  width: 100px;
  display: block; }

.caution {
  color: maroon;
  text-indent: -1.0em;
  margin-left: 1.0em; }

.caution-op {
  color: maroon; }

div.xnavi {
  font-size: 11px;
  line-height: 1.5; }

span.openprice {
  font-size: 12px;
  color: #808080; }

p#tax-caution {
  font-size: 12px;
  color: #333;
  background: #fff;
  padding: 10px; }

.common-parts-h3 {
  margin: 0px; }

.common-parts-h4 {
  margin: 0px;
  padding: 5px;
  background: #333;
  color: #eee;
  border-right: 1px #ddd solid;
  border-left: 1px #ddd solid;
  clear: both; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 9999;
  overflow: visible !important; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000; }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000; }

.cboxIframe {
  background: #000; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: #000;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(https://www.mzspeed.co.jp/common/img/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #ddd; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(https://www.mzspeed.co.jp/common/img/controls.png) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px; }

#cboxPrevious:hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  right: 22px; }

#cboxNext:hover {
  background-position: -25px -25px; }

#cboxClose {
  background-position: -50px 0px;
  right: 0; }

#cboxClose:hover {
  background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px; }

div.content-inner-left {
  width: 804px; }

div#image-aera div.leftimg {
  float: left;
  width: 400px;
  margin-right: 3px;
  margin-bottom: 3px; }

div#image-aera div.leftimg img, div#image-aera div.rightimg img {
  width: 400px;
  border: none; }

div#image-aera div.rightimg {
  float: left;
  width: 400px;
  margin-bottom: 3px; }

#main-img-gallery {
  margin: 0px;
  padding: 0px; }

#main-img-gallery2 {
  margin: 40px 0 20px 0;
  padding: 0px; }

#main-img-gallery li,
#main-img-gallery2 li {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  float: left; }

#main-img-gallery li img,
#main-img-gallery2 li img {
  padding: 0px;
  margin: 0px 3px 3px 0;
  vertical-align: middle;
  /*width:auto;*/
  border: 0px; }

#main-img-gallery li img.gallery-right-last,
#main-img-gallery2 li img.gallery-right-last {
  margin: 0px 0px 3px 0; }

#main-img-gallery li img.w158 {
  width: 158px; }

.car-spec {
  padding: 5px 0; }

.gallery-right-last {
  margin: 0px 0px 3px 0; }

.aero-img-box {
  clear: left; }

.aero-img {
  padding: 0px;
  margin: 0px; }

.aero-img li {
  float: left;
  list-style-type: none;
  margin: 18px; }

.aero-img li img {
  padding: 0px;
  margin: 0;
  border: 0px; }

.aero-img li img:hover {
  border: none; }

#syakoucho-op {
  border: none;
  background: none; }

.catalog-page {
  margin-bottom: 28px !important; }