@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

article, header, footer, aside, figure, figcaption, nav, section {
  display: block; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

ol, ul {
  list-style: none;
  list-style-type: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

#topicpath {
  background-color: #F0F0F0;
  padding: 8px;
  margin: 0;
  float: none;
  width: 100%;
  box-sizing: border-box; }

#container {
  margin-top: 10px; }

/**/
#contents {
  float: left;
  margin: 0px;
  padding: 0px; }

/*参画企業一覧*/
#companylist {
  padding: 0px;
  float: left;
  width: 670px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px; }
  #companylist ul {
    float: left;
    width: 670px;
    margin-top: 10px; }
  #companylist li {
    float: left;
    width: 160px;
    padding: 0px;
    margin: 0 10px 0 0;
    text-align: center; }
    #companylist li.listend {
      margin-right: 0px; }

.text {
  float: left;
  width: 680px;
  margin-top: 5px;
  line-height: 22px;
  font-size: 14px; }

#companylist .more {
  float: left;
  width: 670px;
  text-align: right;
  margin-top: 0px; }
  #companylist .more a {
    background-image: url(../img/transport/icon_list.gif);
    background-repeat: no-repeat;
    background-position: left center;
    float: right;
    padding-left: 10px; }

/*右側*/
#right {
  margin: 0px;
  padding: 0px;
  float: right;
  width: 240px; }
  #right .btn {
    float: right;
    width: 250px;
    margin-bottom: 10px;
    text-align: right; }
  #right #ad {
    width: 200px;
    margin: 0px;
    padding: 19px;
    height: 200px;
    border: 1px solid #999; }
  #right h3.midashi_02 {
    width: 233px;
    background-image: url(../img/transport/midashi_bg.jpg);
    background-repeat: repeat-x;
    height: 26px;
    float: right;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    color: #FFF;
    padding-left: 5px;
    margin-top: 10px;
    border: 1px solid #000; }
  #right .inbox {
    float: right;
    width: 230px;
    margin: 0px;
    padding: 4px;
    border: solid 1px #999;
    border-top: none; }
    #right .inbox .list {
      width: 228px; }
      #right .inbox .list li {
        margin-bottom: 5px;
        background-image: url(../img/transport/dot.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
        padding-bottom: 8px; }
      #right .inbox .list .listend {
        background-image: none;
        margin-bottom: 0px;
        padding-bottom: 3px; }

/*申し込みフォーム*/
#form {
  margin: 0px;
  padding: 0px;
  position: relative; }
  #form form {
    margin: 0px;
    padding: 0px;
    line-height: 14px;
    font-size: 12px; }
  #form #step_tb input, #form #step_tb select {
    margin: 0px; }
  #form #step_tb textarea {
    margin: 0px;
    font-size: 12px;
    line-height: 18px; }
  #form .company_list {
    margin: 0px;
    padding: 9px;
    float: left;
    width: 920px;
    border: 1px solid #999; }
    #form .company_list li {
      width: 100px;
      float: left;
      margin-right: 17px;
      font-size: 12px;
      line-height: 15px; }
      #form .company_list li span {
        clear: both;
        float: left;
        display: block;
        text-align: center;
        width: 100px; }
      #form .company_list li img {
        vertical-align: middle;
        margin-top: 0 0 5px 0; }
    #form .company_list .listend {
      margin-right: 0px; }
  #form h4.midashi_01 {
    background-image: url(../img/transport/midashi_bg02.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #628B07;
    border-left-color: #628B07; }
    #form h4.midashi_01 span {
      font-family: Arial, Helvetica, sans-serif;
      margin-right: 10px;
      color: #C00; }

#area_select {
  background: url(../img/new-transport/select_form_bg.gif) no-repeat;
  height: 190px;
  width: 680px;
  position: relative;
  margin: 0px;
  padding: 0px; }
  #area_select .btn {
    position: absolute;
    top: 45px;
    right: 15px; }

#form .step01 {
  float: left;
  width: 450px;
  margin-top: 10px; }
#form .step02 {
  float: right;
  width: 450px;
  margin-top: 10px; }
#form #step_tb {
  border: 1px solid #999999;
  font-size: 12px;
  width: 450px; }
  #form #step_tb th {
    padding: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;
    font-weight: bold;
    background-color: #F0F0F0; }
  #form #step_tb td {
    padding: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999; }
  #form #step_tb span {
    font-size: 12px;
    margin-right: 1em; }
    #form #step_tb span.detail {
      width: 5em;
      display: inline-block; }
    #form #step_tb span.point {
      color: #FF0000;
      margin-left: 0.5em;
      font-weight: normal;
      margin-right: 0px; }
  #form #step_tb .cap {
    font-size: 11px;
    margin-top: 3px;
    line-height: 13px;
    margin-bottom: 0px; }
  #form #step_tb .txt01 {
    width: 250px; }
  #form #step_tb .txt02 {
    width: 250px;
    height: 127px; }
  #form #step_tb .txt03 {
    width: 170px; }
#form #btn {
  clear: both;
  float: left;
  width: 940px;
  margin-top: 10px;
  text-align: center; }
#form .kiyaku {
  float: left;
  width: 940px;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  line-height: 16px; }
  #form .kiyaku .checkbox {
    vertical-align: -3px;
    margin-right: 5px; }
#form .hosoku {
  clear: both;
  float: left;
  width: 940px;
  margin-top: 10px;
  padding-top: 5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #999999; }
  #form .hosoku ul {
    margin-top: 10px; }
#form #step_tb .day_select {
  width: 50px; }
#form #step_tb .custom {
  vertical-align: -3px;
  margin-right: 5px; }
#form #end {
  border: 1px solid #999999;
  padding: 50px;
  text-align: center; }
  #form #end p {
    font-size: 14px;
    line-height: 22px; }
  #form #end .thanks {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 40px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
  #form #end .bbtop {
    margin-top: 30px;
    font-size: 12px; }

/*会社一覧*/
#company_list {
  float: left;
  width: 670px;
  padding: 0px;
  margin: 5px 0 0 0; }
  #company_list .campany {
    padding: 9px;
    float: left;
    width: 650px;
    border: 1px solid #999;
    margin-bottom: 20px; }
    #company_list .campany p {
      font: 13px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
      #company_list .campany p.indent {
        text-indent: -2.5em;
        padding-left: 2em;
        margin-bottom: 1em; }
    #company_list .campany .campany_name {
      font-size: 16px;
      font-weight: 700;
      line-height: 40px;
      background: url(../img/transport/campany_name_bg.jpg) no-repeat left top;
      padding-left: 20px;
      margin-bottom: 10px; }
    #company_list .campany .name {
      font-weight: 700;
      color: #000;
      font-size: 14px; }
    #company_list .campany .midashi {
      font-size: 14px;
      font-weight: 700;
      color: #F60; }
    #company_list .campany .more {
      float: left;
      width: 480px;
      margin-top: 10px;
      text-align: right; }
      #company_list .campany .more a {
        background: url(../img/transport/icon_list.gif) no-repeat left center;
        padding-left: 12px;
        float: right; }
    #company_list .campany #detail {
      float: left;
      width: 650px;
      margin-top: 20px; }
      #company_list .campany #detail h4.midashi {
        background: url(../img/transport/midashi_bg02.jpg) repeat-x left top;
        font-size: 12px;
        color: #000;
        line-height: 30px;
        padding-left: 5px;
        border: 1px solid #999; }
      #company_list .campany #detail h5.midashi {
        border-left: solid 5px #9BC83A;
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        color: #000;
        margin-bottom: 10px;
        padding-left: 5px; }
      #company_list .campany #detail .inbox {
        float: left;
        width: 630px;
        padding: 9px;
        border: solid 1px #999;
        border-top: none;
        background-color: #FFFFF0; }

/*よくある質問*/
#help {
  padding: 9px;
  float: left;
  width: 650px;
  border: 1px solid #999;
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0 0 0; }
  #help h3 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    border-bottom: solid 5px #99CC33;
    padding: 2px 0 3px 0;
    margin: 0; }
  #help .help-topics {
    float: left;
    width: 650px; }
    #help .help-topics .article-table {
      clear: both;
      float: left;
      width: 650px;
      margin-top: 10px; }
    #help .help-topics table {
      border-collapse: separate;
      border-spacing: 0;
      empty-cells: show; }
      #help .help-topics table.article-table tr.alt-1 td {
        background-color: #FFF; }
  #help table.article-table tr.alt-2 td {
    background-color: #F5F5F2; }
  #help .help-topics table.article-table td {
    background-image: none;
    border-bottom: 1px solid #D9D9CE;
    padding: 5px; }
  #help table.article-table td.no-image p.news-title {
    float: left; }
  #help table.article-table p.news-title {
    background-attachment: scroll;
    background-color: transparent;
    background: url(../img/transport/article_header.png) no-repeat left center;
    padding-left: 15px; }
  #help .help-topics .help_q {
    font-weight: 700;
    color: #063;
    margin-bottom: 5px; }
  #help .help_q span {
    background: url(../img/transport/icon_q.gif) no-repeat left top;
    display: block;
    padding-left: 25px; }
  #help .help-topics .help_a {
    font-size: 12px;
    line-height: 20px;
    padding: 9px;
    border: 1px solid #CCC;
    background-color: #F5F5F2; }
  #help .help_a {
    background-: url(../img/transport/icon_a.gif) no-repeat 9px 8px;
    display: block;
    text-indent: 22px; }
  #help .top {
    font-size: 11px;
    color: #999;
    text-align: right;
    float: left;
    width: 650px;
    margin-bottom: 30px; }

.contents_colum {
  text-align: left;
  float: left;
  width: 680px;
  font: 16px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

div {
  display: block; }

.nv {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .nv li {
    float: left;
    margin-right: 5px; }

.box {
  clear: both;
  margin-bottom: 15px;
  float: left;
  width: 100%; }

.mb10 {
  margin-bottom: 010px; }

.top-company-list {
  clear: both;
  display: block; }
  .top-company-list li {
    float: left;
    margin-right: 10px; }
    .top-company-list li:after {
      content: "";
      clear: both;
      display: block; }

.company-list {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .company-list li {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px dotted #999;
    padding-bottom: 15px; }
    .company-list li:after {
      content: "";
      clear: both;
      display: block; }
    .company-list li p.logo {
      margin-bottom: 10px;
      float: right;
      height: 100%;
      width: 160px;
      margin-left: 15px; }
    .company-list li p.c-name {
      font-weight: 700;
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 10px;
      overflow: hidden; }
    .company-list li p.c-midashi {
      font-size: 16px;
      line-height: 1.8;
      overflow: hidden; }
    .company-list li p.c-txt {
      overflow: hidden;
      line-height: 1.3;
      font-size: 14px; }
    .company-list li p.link {
      font-size: 12px;
      margin-top: 15px; }
      .company-list li p.link a {
        display: block;
        text-decoration: none;
        color: #333;
        float: left;
        padding: 10px;
        background: -webkit-linear-gradient(#FFF 0%, #e5e5e5 100%);
        background: -o-linear-gradient(#FFF 0%, #e5e5e5 100%);
        background: linear-gradient(#FFF 0%, #e5e5e5 100%);
        border: 1px solid #CCC;
        border-radius: 6px; }
    .company-list li p.cap {
      overflow: hidden; }

.contents_colum h2.midashi {
  color: #FFF;
  background: #333;
  font-size: 18px;
  line-height: 1;
  padding: 10px;
  border-top: 5px solid #999; }

.icon-Q {
  background: url(../img/new-transport/q.gif) no-repeat left center;
  font-size: 18px;
  font-weight: 700;
  padding-left: 25px;
  color: #0059B2;
  line-height: 24px; }

ul.voice li {
  margin-bottom: 15px;
  float: left;
  margin-right: 10px; }
  ul.voice li:after {
    content: "";
    clear: both;
    display: block; }
  ul.voice li .man {
    float: left;
    width: 80px; }

#form {
  clear: both;
  margin-bottom: 35px;
  margin-top: 20px; }

.select01 {
  width: 170px;
  height: 75px;
  position: absolute;
  left: 50px;
  top: 110px; }

.select02 {
  float: left;
  width: 170px;
  height: 75px;
  position: absolute;
  top: 110px;
  left: 275px; }

.area01 {
  width: 150px; }

.toiawase {
  font-weight: 700;
  color: #F00;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 20px;
  line-height: 24px; }

.more {
  font-size: 12px;
  text-align: right;
  clear: both; }

.oyasumi {
  border: 2px solid #F00;
  padding: 10px;
  font-weight: 700; }

.cap {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 5px; }

/***************************/
/*吹き出し処理*/
/***************************/
.arrow_box {
  position: relative;
  border: 4px solid #C8C8C8;
  background-color: #FFFEDF;
  border-radius: 10px;
  width: 300px;
  padding: 10px; }
  .arrow_box:after, .arrow_box:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FFFEDF;
    border-width: 15px;
    left: 20%;
    margin-left: -15px; }
  .arrow_box:before {
    border-color: rgba(181, 193, 232, 0);
    border-top-color: #C8C8C8;
    border-width: 21px;
    left: 20%;
    margin-left: -21px; }
  .arrow_box dl {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 400; }
  .arrow_box dt {
    width: 3em; }
  .arrow_box dd {
    border-bottom: dotted 2px #999;
    padding-left: 3em;
    padding-bottom: 1px;
    margin-top: -1.2em;
    margin-bottom: 4px; }
  .arrow_box p.price {
    text-align: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px; }
  .arrow_box p.txt {
    color: #004C66;
    font-size: 12px;
    line-height: 1.6; }

table.hikkoshi {
  border-top: solid 1px #999;
  border-left: solid 1px #999; }
  table.hikkoshi th, table.hikkoshi td {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    font-weight: 400; }
  table.hikkoshi th {
    background-color: #FFF;
    text-align: center;
    padding: 5px; }
  table.hikkoshi td {
    background-color: #FFF;
    padding: 5px;
    font-weight: 400; }

ul.caplist {
  font-size: 12px;
  line-height: 20px; }
  ul.caplist li {
    padding-left: 1em;
    text-indent: -1em; }

.tablebox {
  background-color: #D4D0C8;
  padding: 10px;
  margin-bottom: 2em; }

.kakomi {
  line-height: 150%;
  text-align: left; }

.contents_colum .info {
  color: #C00;
  font-weight: 700;
  border: 1px solid #C00;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  padding: 10px;
  margin-bottom: 15px; }

/*******************************/
/*******************************/
/*******************************/
.n-nv {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .n-nv li {
    float: left;
    margin-right: 3px; }

.color-red {
  color: #F00; }

.contents_colum .midashi span {
  display: inline-block;
  padding: 3px 8px 2px;
  background: #333;
  color: #FFF;
  font: bold 18px/20px Arial, Helvetica, sans-serif;
  margin: 0px 8px 0px 0px;
  border-radius: 100px;
  /* CSS3草案 */ }

/*************************************/
/* メニュー　*/
/*************************************/
.side-menu {
  margin: 10px 0px; }
  .side-menu li {
    margin-bottom: 4px; }
    .side-menu li a {
      text-decoration: none;
      text-align: left;
      display: block;
      padding: 15px 10px;
      font: bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      background: -webkit-linear-gradient(#FFF 0%, #f6f6f6 47%, #ededed 100%);
      background: -o-linear-gradient(#FFF 0%, #f6f6f6 47%, #ededed 100%);
      background: linear-gradient(#FFF 0%, #f6f6f6 47%, #ededed 100%);
      border: 1px solid #CCC;
      color: #333; }

#timeout {
  padding: 10px;
  background: #EEE;
  margin: 5px 0px; }
  #timeout p {
    color: #C00 !important; }

/*右側*/
#right {
  margin: 0px;
  padding: 0px;
  float: right;
  width: 240px; }

#right .btn {
  float: right;
  width: 250px;
  margin-bottom: 10px;
  text-align: right; }

#right #ad {
  width: 200px;
  margin: 0px;
  padding: 19px;
  height: 200px;
  border: 1px solid #999999; }

#right h3.midashi_02 {
  width: 233px;
  background-image: url(../img/transport/midashi_bg.jpg);
  background-repeat: repeat-x;
  height: 26px;
  float: right;
  font-size: 12px;
  line-height: 26px;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 5px;
  margin-top: 10px;
  border: 1px solid #000000; }

#right .inbox {
  float: right;
  width: 230px;
  margin: 0px;
  padding: 4px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #999999;
  border-bottom-color: #999999;
  border-left-color: #999999; }

#right .inbox .list {
  width: 228px; }

#right .inbox .list li {
  margin-bottom: 5px;
  background-image: url(../img/transport/dot.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 8px; }

#right .inbox .list .listend {
  background-image: none;
  margin-bottom: 0px;
  padding-bottom: 3px; }

.bikebros .bikebrosInner {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3; }
  .bikebros .bikebrosInner img {
    width: 100%;
    height: auto; }

.headLine {
  background-color: #333;
  border-left: solid 10px #468C00;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 10px;
  padding: 10px; }

/*********************************/
.wrapper {
  width: 950px;
  margin: 0 auto; }

.campanyBlock, .campanyName, .campanyData, .servicePoint, .attention {
  font-size: 15px;
  line-height: 1.5; }
  .campanyBlock p, .campanyName p, .campanyData p, .servicePoint p, .attention p {
    margin: 0 0 1em; }

.attention ol {
  margin: 0; }
.attention ul {
  margin: 0 0 1em; }
.attention ol li {
  list-style-type: decimal !important;
  list-style-position: inside !important; }
.attention ul li {
  list-style-type: disc !important;
  list-style-position: inside !important; }

.servicePoint .midashi, .attention .midashi {
  background-color: #EFEFEF;
  border-left: solid 10px #468C00;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 10px;
  padding: 10px; }

.campanyName {
  background-color: #EFEFEF;
  border-left: solid 10px #468C00;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 10px;
  padding: 10px; }

.campanyData {
  overflow: hidden;
  margin: 0 0 1em; }
  .campanyData::after {
    content: "";
    clear: both;
    display: block; }
  .campanyData img {
    border: solid 1px #CCC;
    box-sizing: border-box; }
  .campanyData .campanyLogo {
    float: left;
    width: 160px;
    margin: 0 20px 0 0;
    overflow: hidden; }
  .campanyData .campanyInfo {
    overflow: hidden; }
    .campanyData .campanyInfo dl {
      font-size: 14px; }
      .campanyData .campanyInfo dl::after {
        content: "";
        clear: both;
        display: block; }
    .campanyData .campanyInfo dt {
      font-weight: 700;
      float: left;
      width: 6em;
      overflow: hidden; }
    .campanyData .campanyInfo dd {
      overflow: hidden; }

.historyBack {
  font-size: 14px;
  line-height: 1;
  margin: 1em 0; }
  .historyBack a {
    position: relative;
    color: inherit;
    text-decoration: none;
    display: inline-block;
    border: solid 1px #CCC;
    padding: 10px 10px 10px 30px; }
    .historyBack a::after {
      position: absolute;
      top: 50%;
      left: 10px;
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-top: 1px solid #888;
      border-right: 1px solid #888;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }

/*約款*/
.agreementBlock {
  font-size: 14px;
  line-height: 1.5; }
  .agreementBlock h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    margin: 1em 0 .5em; }
  .agreementBlock p {
    margin: 0 0 1em !important; }
  .agreementBlock .agreemenHeadline {
    font-weight: 700;
    margin-bottom: 0; }
  .agreementBlock ol, .agreementBlock li {
    list-style-type: decimal !important;
    list-style-position: outside !important; }

.levelOne, .levelTwo, .levelThree, .levelFour {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  margin: 0 0 1em 1em; }

.levelOne li {
  margin: 0 0 .5em;
  padding-left: 0;
  text-indent: 0; }