@charset "UTF-8";
/*
下層ページ用CSS
*/
/*-----------------------------------------------------------------
共通設定
-----------------------------------------------------------------*/
body {
  height: 100%; }

.content {
  width: 860px;
  padding: 50px 70px;
  margin: 50px auto;
  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); }

#mainCopy {
  padding: 40px 0;
  margin-bottom: 25px;
  border: solid 1px #ccc;
  line-height: 150%;
  text-align: center;
  font-weight: bold;
  font-size: 150%; }

#breadcrumbs {
  width: 940px;
  margin: 0 auto 25px;
  text-align: left; }

#breadcrumbs li {
  display: inline-block;
  font-size: 80%; }

#breadcrumbs li:last-child {
  display: inline-block;
  width: 30em;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#breadcrumbs li a {
  text-decoration: underline;
  color: #0068b6; }

#breadcrumbs li a:hover {
  color: #68beff; }

/*-----------------------------------------------------------------
pagetitle
-----------------------------------------------------------------*/
#mainimgWrap {
  margin: 27px 0 0;
  background: url(img/info/pagetitle_bg.png) center top no-repeat; }

#pagetitle {
  width: 1000px;
  height: 337px;
  margin: 0 auto;
  overflow: hidden; }
  #pagetitle .left {
    float: left;
    width: 550px;
    padding: 85px 0 0 30px;
    font-weight: bold;
    color: #fff; }
  #pagetitle h2 {
    margin-bottom: 15px;
    line-height: 150%;
    font-size: 200%;
    font-weight: bold;
    color: #fff; }
  #pagetitle .caption {
    line-height: 200%;
    font-size: 120%;
    font-weight: bold;
    color: #fff; }
  #pagetitle .catImg {
    float: right;
    padding: 50px 30px 0 0; }

/*-----------------------------------------------------------------
送信完了
-----------------------------------------------------------------*/
#contact_send {
  text-align: center; }

#contact_send .txt {
  margin-bottom: 30px;
  line-height: 180%; }

#contact_send .txt a {
  text-decoration: underline; }

#contact_send .tel {
  margin-bottom: 25px; }

/*-----------------------------------------------------------------
販売店様一覧
-----------------------------------------------------------------*/
#link {
  width: 930px;
  padding: 15px 30px 60px; }
  #link h3 {
    margin-bottom: 16px; }
  #link .linkContent {
    width: 100%; }
    #link .linkContent li {
      padding: 17px 0;
      border-bottom: dashed 2px #ccc;
      line-height: 150%;
      word-wrap: break-word; }
      #link .linkContent li a {
        color: #2c6ab3; }
        #link .linkContent li a:hover {
          -ms-filter: "alpha( opacity=70 )";
          filter: alpha(opacity=70);
          opacity: 0.7; }

/*-----------------------------------------------------------------
404 error
-----------------------------------------------------------------*/
#error {
  margin-bottom: 300px;
  text-align: center; }

#error .txt {
  margin-bottom: 30px;
  line-height: 180%; }

/*-----------------------------------------------------------------
ステアリングカバー特集
-----------------------------------------------------------------*/
#mainimgWrap.mainimgWrap_cover_custom {
  background: url(img/cover_custom/pagetitle_bg.png) center top no-repeat; }

#pagetitle.pagetitle_cover_custom h2 img {
  display: inline-block;
  padding: 59px 0 0 24px;
  margin-bottom: 0;
  line-height: 0; }

#cover_custom {
  width: 1000px;
  padding: 20px 0 50px; }
  #cover_custom h3 {
    width: 940px;
    padding-bottom: 20px;
    margin: 0 auto 30px;
    background: url(img/common/titlebar01_bg.png) center bottom no-repeat;
    font-size: 150%;
    font-weight: bold; }
  #cover_custom > ul {
    width: 920px;
    margin: 0 auto;
    overflow: hidden; }
    #cover_custom > ul:not(:last-of-type) {
      margin-bottom: 20px; }
    #cover_custom > ul li {
      float: left;
      width: 168px;
      height: 168px;
      margin: 0 20px 20px 0; }
      #cover_custom > ul li:nth-child(5n) {
        margin-right: 0; }
      #cover_custom > ul li a {
        display: block;
        width: 168px;
        height: 168px;
        background-color: #333;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover; }
        #cover_custom > ul li a:hover {
          -ms-filter: "alpha( opacity=70 )";
          filter: alpha(opacity=70);
          opacity: 0.7; }
        #cover_custom > ul li a h4 {
          padding: 20px 0 0 20px;
          /*
          text-shadow: 
              1px 1px 0px #939393, 
              2px 2px 0px #1c1c1c;
              */
          text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.35);
          line-height: 140%;
          font-size: 120%;
          font-weight: bold;
          color: #fff; }



/*-----------------------------------------------------------------
ステアリングカバー特集
-----------------------------------------------------------------*/
#mainimgWrap.mainimgWrap_dashmat {
  background: url(img/dashmat/pagetitle_bg.png) center top no-repeat; }

#pagetitle.pagetitle_dashmat h2 img {
  display: inline-block;
  padding: 59px 0 0 24px;
  margin-bottom: 0;
  line-height: 0; }


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