@charset "UTF-8";
/*
TOPページ用CSS
*/
/*-----------------------------------------------------------------
Main Visual
-----------------------------------------------------------------*/
#mainVisual {
  padding-top: 163px;
  margin-top: 24px;
  background: url(img/top/mainimg.png) center top no-repeat; }

#mainVisual h2 {
  width: 978px;
  padding-left: 22px;
  margin: 0 auto 215px; }

/*-----------------------------------------------------------------
Content
-----------------------------------------------------------------*/
.content {
  width: 1000px;
  padding: 0 0 70px;
  margin: 0 auto 50px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
  .content > section {
    width: 940px;
    padding-top: 10px;
    margin: 0 auto; }

/*-----------------------------------------------------------------
ステアリングカバー特集
-----------------------------------------------------------------*/
#bn_cover_custom {
  margin-bottom: 15px;
  text-align: center; }

#bn_cover_custom img {
	margin-bottom:15px;
}

/*-----------------------------------------------------------------
Azurの3つの特徴
-----------------------------------------------------------------*/
#sec01 {
  margin-bottom: 60px;
  overflow: hidden; }

#sec01 h3 {
  margin-bottom: 30px; }

#sec01 ol {
  margin-bottom: 40px; }

#sec01 ol li {
  margin-bottom: 30px;
  overflow: hidden; }

#sec01 ol li h4 {
  float: left; }

#sec01 ol li div {
  float: left;
  display: table;
  width: 606px;
  height: 179px;
  border: solid 1px #1b549f;
  border-left: none; }

#sec01 ol li div p {
  display: table-cell;
  padding: 0 15px 0 18px;
  line-height: 155%;
  vertical-align: middle;
  font-size: 110%; }

#sec01 ol li div p a {
  text-decoration: underline;
  color: #2869be; }

#sec01 ol li div p a:hover {
  color: #699cdf; }

#function {
  width: 920px;
  height: 1114px;
  background: url(img/top/sec01_function_bg.jpg) center top no-repeat; }

#function ul {
  padding-left: 109px;
  overflow: hidden; }

#function ul li {
  float: left;
  margin: 0 30px 30px 0; }

/*-----------------------------------------------------------------
対応車種一覧
-----------------------------------------------------------------*/
#topSec02 {
  margin-bottom: 40px;
  overflow: hidden; }

/*#sec02 h4 {
    width: 920px;
    margin-bottom: 15px;
}

#sec02 h4 span {
    display: block;
    width: 233px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
}

#sec02 h4.subtitle01 {
    border-bottom: solid 1px #d35755;
}

#sec02 h4.subtitle01 span {
    background: #d35755;
}

#sec02 h4.subtitle02 {
    border-bottom: solid 1px #ff8400;
}

#sec02 h4.subtitle02 span {
    background: #ff8400;
}

#sec02 h4.subtitle03 {
    border-bottom: solid 1px #4bb491;
}

#sec02 h4.subtitle03 span {
    background: #4bb491;
}

#sec02 h4.subtitle04 {
    border-bottom: solid 1px #309ac1;
}

#sec02 h4.subtitle04 span {
    background: #309ac1;
}

#sec02 h4.subtitle05 {
    border-bottom: solid 1px #955694;
}

#sec02 h4.subtitle05 span {
    background: #955694;
}

#sec02 h4.subtitle06 {
    border-bottom: solid 1px #3b5c7d;
}

#sec02 h4.subtitle06 span {
    background: #3b5c7d;
}*/
/* 旧一覧
#topSec02 ul {
    padding-left: 15px;
    overflow: hidden;
}

#topSec02 ul li {
    float: left;
    width: 215px;
    margin: 0 17px 20px 0;
    text-align: center;
}

#topSec02 ul li .catImg {
    min-height: 200px;
    margin-bottom: 5px;
}

#topSec02 ul li .catImg img {
    width: 215px;
    height: auto;
}

#topSec02 ul li .catImg img:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}

#topSec02 ul li .catName {
    font-size: 90%;
    line-height: 150%;
    font-weight: bold;
}
*/
/*
中カテごとの小カテ一覧
*/
#topSec02 .list {
  color: #333333;
  padding: 10px; }

#topSec02 .list h4 {
  font-weight: bold;
  font-size: 18px; }

#topSec02 .list ul {
  overflow: hidden;
  margin: 30px 0 10px 10px; }

#topSec02 .list ul li {
  float: left;
  margin: 0 20px 20px 0; }
  #topSec02 .list ul li:nth-child(3n) {
    margin-right: 0; }

#topSec02 .list ul li a {
  display: inline-block;
  line-height: 65px;
  height: 65px;
  width: 290px;
  text-align: center;
  background-color: #dddddd;
  color: #333333;
  font-weight: bold; }

#topSec02 .list ul li a:hover {
  opacity: 0.65; }

/*-----------------------------------------------------------------
新着情報
-----------------------------------------------------------------*/
#sec03 {
  width: 940px;
  margin-bottom: 50px; }

#sec03 .titleWrap {
  margin-bottom: 30px;
  position: relative; }

#sec03 .titleWrap .btn {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 10; }

#sec03 .titleWrap .btn img:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7; }

#sec03 li {
  height: 72px;
  margin-bottom: 15px;
  border-bottom: dashed 2px #ccc; }
  #sec03 li:last-child {
    margin-bottom: 0; }

#sec03 li .dateLine {
  margin-bottom: 10px;
  overflow: hidden; }

#sec03 li .dateLine .date {
  float: left;
  margin-right: 15px;
  line-height: 26px;
  font-size: 110%;
  font-weight: bold; }

#sec03 li .dateLine .catIcon {
  float: left;
  margin: 0 5px 0 0; }

#sec03 li .dateLine .catIcon a {
  display: block;
  height: 26px;
  padding: 0 15px;
  line-height: 26px;
  font-size: 80%;
  font-weight: bold;
  background: #d7092f;
  color: #fff; }

#sec03 li .dateLine .catIcon a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7; }

#sec03 li h4 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/*-----------------------------------------------------------------
よくある質問
-----------------------------------------------------------------*/
#qa {
  padding: 0 0 60px 66px; }

/*-----------------------------------------------------------------
会社概要
-----------------------------------------------------------------*/
#sec04 {
  margin-bottom: 60px;
  overflow: hidden; }

#sec04 h3 {
  margin-bottom: 30px; }

#sec04 div {
  margin-left: 10px; }

#sec04 table {
  width: 920px;
  margin: 0 auto; }

#sec04 table th {
  width: 160px;
  height: 70px;
  background: #e8eef5;
  border-bottom: solid 1px #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold; }

#sec04 table td {
  height: 70px;
  padding: 0 20px;
  background: #f9f9f9;
  border-bottom: solid 1px #fff;
  vertical-align: middle; }

/*-----------------------------------------------------------------
販売希望の方へ
-----------------------------------------------------------------*/
#sec05 {
  margin-bottom: 60px;
  overflow: hidden; }

#sec05 h3 {
  margin-bottom: 30px; }

#sec05 .container {
  width: 920px;
  height: 244px;
  margin: 0 0 0 10px;
  background: url(img/top/sec05_bg.jpg) 0 0 no-repeat; }

#sec05 .container h4 {
  padding: 39px 0 18px 39px;
  line-height: 0; }

#sec05 .container p {
  padding: 0 0 0 39px;
  line-height: 160%;
  font-size: 110%; }

/*-----------------------------------------------------------------
販売代理店様一覧
-----------------------------------------------------------------*/
#sec06 {
  margin-bottom: 60px;
  overflow: hidden; }

#sec06 h3 {
  margin-bottom: 30px; }

#sec06 ul {
  overflow: hidden; }

#sec06 li {
  float: left;
  width: 285px;
  margin: 0 21px 25px 0;
  text-align: center; }

#sec06 li img {
  max-width: 100%;
  height: auto; }

#sec06 li img:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7; }

/*-----------------------------------------------------------------
お問い合わせ
-----------------------------------------------------------------*/
#sec07 {
  overflow: hidden; }

#sec07 h3 {
  margin-bottom: 30px; }

#sec07 .upTxt {
  text-align: center;
  margin-bottom: 30px; }

#sec07 .tel {
  text-align: center;
  margin-bottom: 45px; }

#sec07 h4 {
  padding-bottom: 7px;
  margin-bottom: 15px;
  border-bottom: solid 1px #ccc;
  font-size: 120%;
  font-weight: bold; }

.cautionTxt {
  color: #d7092f; }

#wpcf7-f53-o1 {
  width: 885px;
  margin-top: 31px; }

#contactForm {
  width: 885px;
  margin-bottom: 45px;
  font-size: 90%; }

#contactForm th {
  width: 276px;
  padding: 28px 0;
  background: #e8eef5;
  border: solid 1px #fff; }

#contactForm th .item {
  display: inline-block;
  margin-right: 7px;
  font-weight: bold; }

#contactForm th .req {
  display: inline-block;
  padding: 2px 4px;
  background: #d7092f;
  line-height: 110%;
  font-size: 90%;
  color: #fff; }

#contactForm td {
  padding: 15px 20px;
  background: #f9f9f9;
  border: solid 1px #fff;
  vertical-align: middle; }

#contactForm td .address01 {
  margin-bottom: 10px; }

#contactForm .item .wpcf7-list-item {
  display: block; }

#contactForm textarea {
  width: 100%; }

#submit_btn {
  text-align: center; }

#submit_btn input {
  display: inline-block; }

#submit_btn input:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7; }

/*-----------------------------------------------------------------
販売店様一覧 ※2017/1/19追記
-----------------------------------------------------------------*/
#topSec08 {
  width: 940px;
  margin-bottom: 50px; }
  #topSec08 .titleWrap {
    margin-bottom: 18px;
    position: relative; }
    #topSec08 .titleWrap .btn {
      position: absolute;
      top: 10px;
      right: 0;
      z-index: 10; }
      #topSec08 .titleWrap .btn img:hover {
        -ms-filter: "alpha( opacity=70 )";
        filter: alpha(opacity=70);
        opacity: 0.7; }
  #topSec08 ul li {
    width: 100%;
    padding: 17px 0;
    border-bottom: dashed 2px #ccc;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    #topSec08 ul li a {
      color: #2c6ab3; }
      #topSec08 ul li a:hover {
        -ms-filter: "alpha( opacity=70 )";
        filter: alpha(opacity=70);
        opacity: 0.7; }

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