@charset "UTF-8";
/* □■□■□■□ スマホおよび小型タブレット向けのレイアウトの指定：～769px □■□■□■□ */
#contents #main .sogo {
  width: 100%;
  margin: 10px auto; }
  #contents #main .sogo a.title {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    border: none;
    font-weight: 500;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-indent: 20px; }
  #contents #main .sogo a.img {
    display: block;
    float: left;
    width: 50%;
    height: auto !important; }
    #contents #main .sogo a.img img {
      display: block;
      width: 100%;
      height: auto !important; }
  #contents #main .sogo table.view {
    table-layout: fixed;
    width: 100%;
    height: 152px !important;
    float: left;
    border-collapse: separate;
    border-spacing: 1px;
    border: 1px solid #666; }
    #contents #main .sogo table.view th {
      width: 40%;
      background-color: #ccc;
      text-align: center;
      vertical-align: middle;
      padding: 5px;
      font-size: 12px;
      border: 1px solid #666; }
    #contents #main .sogo table.view td {
      width: 60%;
      vertical-align: middle;
      padding: 5px;
      font-size: 12px;
      border: 1px solid #666; }
#contents #main p.comment {
  width: 95%;
  color: #333333;
  font-size: 12px;
  line-height: 1.4em;
  margin: 10px auto; }
  #contents #main p.comment a {
    font-size: 12px;
    line-height: 1.4em;
    text-decoration: underline; }
#contents #main form table.main {
  width: 100%;
  margin: 0px auto 30px; }
  #contents #main form table.main th {
    display: block;
    width: 96%;
    padding: 5px 2%;
    background-color: #FFF0F0;
    font-size: 13px;
    font-weight: 500;
    vertical-align: top; }
    #contents #main form table.main th .hissu {
      border-bottom: solid 2px #FF6600; }
  #contents #main form table.main td {
    display: block;
    width: 96%;
    padding: 5px 2%;
    font-size: 12px;
    color: #333333;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    line-height: 1.5em; }
#contents #main form input {
  width: 100%;
  height: 30px; }
  #contents #main form input#zip1 {
    width: 100px; }
  #contents #main form input#zip2 {
    width: 100px; }
  #contents #main form input.submit {
    width: 80%;
    display: block;
    margin: 20px auto; }
#contents #main form select {
  width: 100%;
  height: 30px; }
  #contents #main form select#tdfk {
    width: 200px; }
#contents #main form textarea {
  width: 100%;
  margin: 10px auto; }

p.atention_box {
  background-color: #F4F4F4;
  width: 85%;
  padding: 20px 5%;
  margin: 0px auto;
  border: solid 1px #FF0000;
  font-size: 12px;
  line-height: 1.4em; }

span.err {
  display: block;
  color: #FF0000;
  font-size: 12px; }

input.err {
  background-color: #FFF0F0; }

#form_call p.err {
  width: 80%;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0px auto 20px;
  color: #666666; }
  #form_call p.err span {
    display: block;
    color: #FF0000;
    font-weight: 700; }

p.send_mail {
  width: 80%;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0px auto 20px;
  color: #666666; }

span.success_title {
  display: block;
  width: 100px;
  height: 10px;
  padding: 5px;
  margin-left: 20px;
  font-size: 12px;
  background-color: #3399FF;
  color: #FFFFFF;
  font-weight: 700;
  border: double 3px #3399FF; }

span.err_title {
  display: block;
  width: 100px;
  height: 10px;
  padding: 5px;
  margin-left: 20px;
  font-size: 12px;
  background-color: #FF6666;
  color: #FFFFFF;
  font-weight: 700;
  border: double 3px #FF6666; }

/* □■□■□■□ スマホおよび小型タブレット向けのレイアウトの指定：～769px □■□■□■□ */
/* □■□■□■□ PC向けおよび大型タブレット向けのレイアウトの指定：769px～ □■□■□■□ */
@media print, screen and (min-width: 769px) {
  html #contents #main {
    width: 1000px; }
    html #contents #main .sogo {
      width: 710px;
      margin: 10px auto; }
      html #contents #main .sogo a.title {
        display: block;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
        border: none;
        font-weight: 500;
        font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        text-indent: 20px; }
      html #contents #main .sogo a.img {
        display: block;
        float: left;
        width: 200px !important;
        height: auto !important;
        margin-right: 2px;
        border: 1px solid #666; }
        html #contents #main .sogo a.img img {
          display: block;
          width: 200px !important;
          height: auto !important; }
      html #contents #main .sogo table {
        table-layout: fixed;
        width: 300px !important;
        height: 152px !important;
        float: left;
        border-collapse: separate;
        border-spacing: 1px;
        border: 1px solid #666; }
        html #contents #main .sogo table th {
          width: 40%;
          background-color: #ccc;
          text-align: center;
          vertical-align: middle;
          padding: 5px;
          font-size: 12px;
          border: 1px solid #666; }
        html #contents #main .sogo table th.hissu {
          border-left: solid 3px #FF6600; }
        html #contents #main .sogo table td {
          width: 60%;
          vertical-align: middle;
          padding: 5px;
          font-size: 12px;
          border: 1px solid #666; }
    html #contents #main img.auto {
      display: block;
      width: auto;
      margin: 20px auto; }
    html #contents #main p.comment {
      width: 800px; }
    html #contents #main form table.main {
      width: 600px;
      margin: 0px auto 40px; }
      html #contents #main form table.main th {
        display: table-cell;
        width: 170px; }
      html #contents #main form table.main th.hissu {
        border-left: solid 3px #FF6600;
        border-bottom: none; }
      html #contents #main form table.main td {
        display: table-cell;
        width: auto;
        padding: 10px;
        margin-left: 100px; }
    html #contents #main form input {
      width: 350px; }
    html #contents #main form input#modified {
      display: block;
      margin: 20px auto;
      width: 150px; }
    html #contents #main form input#modifiedback {
      display: block;
      margin: 20px auto;
      width: 150px; }
    html #contents #main form input#send {
      display: block;
      margin: 20px auto;
      width: 150px; }
    html #contents #main span.atention {
      display: block;
      width: 390px;
      height: 30px;
      clear: both;
      margin-left: 50px;
      background-repeat: no-repeat;
      border-bottom: none; }
    html #contents #main p.atention_box {
      background-color: #F4F4F4;
      width: 550px;
      padding: 20px 30px;
      margin: 0px auto 20px;
      border: solid 1px #FF0000;
      font-size: 12px;
      line-height: 1.4em; }
    html #contents #main p.send_mail {
      width: 530px; }
    html #contents #main span.err_title {
      margin-left: 50px; }
    html #contents #main span.success_title {
      margin-left: 50px; }

  /* □■□■□■□ PC向けおよび大型タブレット向けのレイアウトの指定：769px～ □■□■□■□ */ }
/* □■□■□■□ スマホおよび小型タブレット向けのレイアウトの指定：～769px □■□■□■□ */
/* □■□■□■□ スマホおよび小型タブレット向けのレイアウトの指定：～769px □■□■□■□ */
/* □■□■□■□ PC向けおよび大型タブレット向けのレイアウトの指定：769px～ □■□■□■□ */
@media print, screen and (min-width: 769px) {
  html #contents #main #form_call .sogo {
    width: 900px;
    margin: 10px auto; }
    html #contents #main #form_call .sogo a.title {
      display: block;
      height: 20px;
      line-height: 20px;
      font-size: 16px;
      border: none;
      font-weight: 500;
      font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
      text-indent: 20px; }
    html #contents #main #form_call .sogo a.img {
      display: block;
      float: left;
      width: 200px !important;
      height: auto !important;
      margin-right: 2px;
      border: 1px solid #666; }
      html #contents #main #form_call .sogo a.img img {
        display: block;
        width: 200px !important;
        height: auto !important; }
    html #contents #main #form_call .sogo table {
      table-layout: fixed;
      width: 480px !important;
      height: 152px !important;
      float: left;
      border-collapse: separate;
      border-spacing: 1px;
      border: 1px solid #666; }
      html #contents #main #form_call .sogo table th {
        width: 40%;
        background-color: #ccc;
        text-align: center;
        vertical-align: middle;
        padding: 5px;
        font-size: 12px;
        border: 1px solid #666; }
      html #contents #main #form_call .sogo table td {
        width: 60%;
        vertical-align: middle;
        padding: 5px;
        font-size: 12px;
        border: 1px solid #666; }
  html #contents #main #form_call table {
    width: 90%;
    margin: 0px auto 40px; }
    html #contents #main #form_call table th {
      width: 170px;
      padding: 5px 0px 5px 30px;
      background-color: #FFF0F0;
      border: solid 1px #FFFFFF;
      border-right: solid 5px #FFFFFF;
      font-size: 13px;
      font-weight: 500;
      vertical-align: top; }
  html #contents #main #form_call th.hissu {
    border-left: solid 3px #FF6600; }
  html #contents #main #form_call td {
    padding: 10px;
    margin-left: 100px;
    font-size: 12px;
    color: #333333;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    line-height: 1.5em; }
  html #contents #main p.atention_box {
    background-color: #F4F4F4;
    width: 800px;
    padding: 20px 30px;
    margin: 0px auto 20px;
    border: solid 1px #FF0000;
    font-size: 12px;
    line-height: 1.4em; }
  html #contents #main img.auto {
    display: block;
    width: auto;
    margin: 20px auto; }
  html #contents #main h2#truck_buy {
    background-image: url("../images/maintitle_07.gif"); }
  html #contents #main p.comment {
    width: 800px;
    color: #333333;
    font-size: 12px;
    line-height: 1.4em;
    margin: 10px auto; }
  html #contents #main p.comment a {
    font-size: 12px;
    line-height: 1.4em;
    text-decoration: underline; }
  html #contents #main input {
    width: 350px; }
  html #contents #main input#zip1 {
    width: 50px; }
  html #contents #main input#zip2 {
    width: 50px; }
  html #contents #main input#modified {
    display: block;
    margin: 20px auto;
    width: 150px; }
  html #contents #main input#modifiedback {
    display: block;
    margin: 20px auto;
    width: 150px; }
  html #contents #main input#send {
    display: block;
    margin: 20px auto;
    width: 150px; }
  html #contents #main span.err {
    display: block;
    color: #FF0000;
    font-size: 12px; }
  html #contents #main input.err {
    background-color: #FFF0F0; }
  html #contents #main span.atention {
    display: block;
    width: 390px;
    height: 30px;
    clear: both;
    margin-left: 50px;
    background-repeat: no-repeat;
    border-bottom: none; }
  html #contents #main #form_call p.err {
    width: 530px;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0px auto 20px;
    color: #666666; }
  html #contents #main #form_call p.err span {
    display: block;
    color: #FF0000;
    font-weight: 700; }
  html #contents #main p.send_mail {
    width: 530px;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0px auto 20px;
    color: #666666; }
  html #contents #main span.success_title {
    display: block;
    width: 100px;
    height: 10px;
    padding: 5px;
    margin-left: 50px;
    font-size: 12px;
    background-color: #3399FF;
    color: #FFFFFF;
    font-weight: 700;
    border: double 3px #3399FF; }
  html #contents #main span.err_title {
    display: block;
    width: 100px;
    height: 10px;
    padding: 5px;
    margin-left: 50px;
    font-size: 12px;
    background-color: #FF6666;
    color: #FFFFFF;
    font-weight: 700;
    border: double 3px #FF6666; }

  /* □■□■□■□ PC向けおよび大型タブレット向けのレイアウトの指定：769px～ □■□■□■□ */ }

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