@charset "UTF-8";

.pagetitle { 
  width: 684px;
  height: 68px;
  background: url(/service/hire/images/hire_sprite.png) no-repeat;
  margin-bottom: 15px;
  text-indent: -9999px;
  clear: both;
}
.pagetitle_sub {
  background: url("/service/hire/images/hire_sprite2.png") no-repeat scroll 0 100%;
  color: #1b98df;
  font-size: 180%;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 10px 15px 15px;
  width: 669px;
}
.pagetitle_sub span {
  color: #1b98df;
  font-size: 100%;
}
.subtitle {
  background: url("/images/title_bg_common_blue.png") repeat scroll 0 bottom;
  color: #FFFFFF;
  font-size: 123%;
  height: auto;
  line-height: 1.4;
  padding: 10px;
  margin-bottom: 15px;
  clear: both;
}
.subtitle span {
  display: inline;
  color: #FFFFFF;
  font-size: 100%;
}
.desc {
  font-size: 123%;
  line-height: 1.4;
  margin-bottom: 15px;
}
.pix01 {
  float: left;
  margin: 0 15px 15px 0;
  width: auto;
}
.pix02 {
  float: left;
  margin-bottom: 15px;
  width: auto;
}

.wagon_submenu {
  clear: both;
  margin-bottom: 20px;
}
.wagon_submenu li { float: left; }
.wagon_submenu a {
  display: block;
  text-indent: -9999px;
  background: url(/service/hire/images/hire_sprite.png) no-repeat;
  margin-bottom: 5px;
}
.asahihire a {
  background-position: 0 -208px;
  width: 271px;
  height: 32px;
}
.sharyo a {
  background-position: -271px -208px;
  width: 142px;
  height: 32px;
}
.wagon a {
  background-position: -413px -208px;
  width: 192px;
  height: 32px;
}
.youto a {
  background-position: 0 -240px;
  width: 272px;
  height: 32px;
}
.yakuinsha a {
  background-position: -272px -240px;
  width: 259px;
  height: 32px;
}
.ryokin a {
  background-position: -531px -240px;
  width: 142px;
  height: 32px;
}
.wagon_submenu .mr5 { margin-right: 5px; }

.ryokin_table {
  border-top: 1px solid #777777;
}
.ryokin_table th {
  background: none repeat scroll 0 0 #daf0fb;
  font-size: 123%;
  padding: 6px 0;
  border-bottom: 1px solid #777777;
}
.ryokin_table td {
  font-size: 123%;
  padding: 6px 0;
}
.ryokin_table .col1 {
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  width: 210px;
}
.ryokin_table .col2 {
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  width: 150px;
  text-align: center;
}
.ryokin_table .col3 {
  border-bottom: 1px solid #777777;
  width: 270px;
}
.ryokin_table td.col1 { text-indent: 2px; }
.ryokin_table td.col1 span {
  display: none;
}
.ryokin_table td.col3 { text-indent: 10px; }
.ryokin_note { margin: 15px 0 25px; }
.ryokin_note li {
  font-size: 116%;
  line-height: 1.3;
}
.ryokin_note01 { padding-bottom: 20px; }

.ryokin_taxi {
  background: url("/service/hire/images/hire_ryokin.png") no-repeat scroll 0 0;
  height: 171px;
  margin-bottom: 15px;
  text-indent: -9999px;
  width: 685px;
}
.ryokin_hire {
  background: url(/service/hire/images/hire_ryokin.png) no-repeat 0 -171px;
  width: 685px;
  height: 236px;
  margin-bottom: 50px;
  text-indent: -9999px;
}
.kashikiri_sodan a {
  background: url("/service/images/service_kashikiri_sodan_btn.png") repeat scroll 0 0;
  display: block;
  height: 73px;
  margin: 0 auto 40px;
  text-indent: -9999px;
  width: 405px;
}

/* 車輌紹介 */

.car_type {
  font-size: 132%;
  margin: 20px 0;
  clear: both;
}
.pix03 {
  width: 342px;
  float: left;
}
.pix03 img {}
.cap {
  font-size: 123%;
  padding: 20px 0 40px;
  text-align: center;
}
.cap a { color: #1b98df; }

.pix04 {
  width: 342px;
  float: left;
  text-align: center;
}
.pix05 {
  width: 342px;
  float: left;
}
.arrow_top_to_bottom {
  text-align: center;
  margin-bottom: 10px;
}
.toiawase_box {
  background: none repeat scroll 0 0 #fffde4;
  padding: 20px;
  margin-bottom: 10px;
}
.toiawase_catch {
  font-size: 132%;
  font-weight: bold;
  padding-bottom: 15px;
  text-align: center;
}
.toiawase_catch span {
  font-size: 100%;
  font-weight: bold;
}
.toiawase_tel {
  margin-top: -20px;
  text-align: center;
}
.hire_yokohama_tel { margin-right: 40px; }
.hire_kohoku_tel {}

.wagon_submenu_sp { display: none; }

/* 車輌紹介 - 具体的な車種 */

.car_title { margin-bottom: 12px; }
.car_cat {
  background: none repeat scroll 0 0 #00b1ea;
  color: #ffffff;
  display: inline-block;
  float: left;
  font-size: 150%;
  padding: 6px 20px;
}
.car_name {
  background: none repeat scroll 0 0 #aaaaaa;
  color: #ffffff;
  font-size: 150%;
  overflow: hidden;
  padding: 6px 0;
  text-align: center;
}
.car_desc {
  position: relative;
  margin: 20px 0;
}
.pix06 { margin-bottom: 8px; }
.pix07 { margin-bottom: 8px; }
.pix08 { margin-bottom: 8px; }
.pix09 {}
.car_spec {
  position: absolute;
  right: 20px;
  top: 0;
}

/* yakuin.php */

.pix24, 
.pix25 {
  display: block;
  margin: 0 0 15px;
}

/* ryokin.php */

.ryokin_title {
  background: none repeat scroll 0 0 #dcf1fb;
  display: inline-block;
  font-size: 132%;
  margin-bottom: 30px;
  padding: 10px 20px;
}

@media only screen and (max-width: 800px) {

  .main_menu_wrap {
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .pagetitle { 
    width: 320px;
    height: 89px;
    background-position: 0 -68px;
  }
  .pagetitle_sub {
    width: 290px;
  }
  .pagetitle_sub span { display: block; }
  .subtitle {
    text-align: center;
    font-size: 130%;
  }
  .subtitle span { display: block; }
  .desc { padding: 0 5px; }
  .pix01 {
    float: none;
    margin: 0 0 5px;
    text-align: center;
    width: auto;
  }
  .pix01 img {
    height: auto;
    margin-bottom: 4px;
    width: 291px;
  }
  .pix02 {
    float: none;
    margin-bottom: 15px;
    text-align: center;
    width: auto;
  }
  .pix02 img {
    height: auto;
    width: 291px;
  }
  .wagon_submenu { display: none; }

  .ryokin_table td.col1 {
    white-space: nowrap;
  }
  .ryokin_table td.col1 span {
    display: block;
    font-size: 100%;
    margin-top: 5px;
  }
  .ryokin_table .col2 {
    border-right: 0 none;
    vertical-align: middle;
  }
  .ryokin_table .col3 { display: none; }
  .ryokin_note { padding: 0 5px; }

  .ryokin_taxi {
    background-position: 0 -407px;
    height: 171px;
    width: 320px;
    margin-bottom: 50px;
  }
  .ryokin_hire {
    background-position: 0 -578px;
    height: 218px;
    width: 320px;
    margin-bottom: 30px;
  }
  .kashikiri_sodan a {
    background-position: 0 -73px;
    height: 73px;
    width: 297px;
  }
  .wagon_submenu_sp {
    clear: both;
    display: block;
  }
  .wagon_submenu_sp li { float: left; }
  .wagon_submenu_sp a {
    display: block;
    text-indent: -9999px;
    background: url(/service/hire/images/hire_sprite.png) no-repeat;
    width: 320px;
  }
  .wagon_submenu_sp .asahihire a {
    background-position: 0 -272px;
    height: 38px;
  }
  .wagon_submenu_sp .sharyo a {
    background-position: 0 -310px;
    height: 38px;
  }
  .wagon_submenu_sp .wagon a {
    background-position: 0 -348px;
    height: 40px;
  }
  .wagon_submenu_sp .youto a {
    background-position: 0 -388px;
    height: 41px;
  }
  .wagon_submenu_sp .yakuinsha a {
    background-position: 0 -429px;
    height: 68px;
  }
  .wagon_submenu_sp .ryokin a {
    background-position: 0 -497px;
    height: 35px;
  }

  /* 車輌紹介 */

  .car_type {
  }
  .pix03 {
    float: none;
    text-align: center;
    width: auto;
  }
  .pix03 img { width: 290px; }
  .cap {
  }
  .pix04 {
    float: none;
    text-align: center;
    width: auto;
  }
  .pix04 img { width: 290px; }
  .pix05 {
    float: none;
    text-align: center;
    width: auto;
  }
  .pix05 img { width: 290px; }

  .toiawase_box { padding: 20px 0; }
  .toiawase_catch {
    font-size: 140%;
    line-height: 1.3;
  }
  .toiawase_catch span { display: block; }
  .hire_yokohama_tel {
    margin-bottom: 15px;
    margin-right: 0;
  }

  /* 車輌紹介 - 具体的な車種 */

  .car_cat { font-size: 130%; }
  .car_name { font-size: 130%; }
  .car_desc {
    position: static;
    text-align: center;
  }
  .car_desc img { max-width: 303px; }
  .pix09 { margin-bottom: 8px; }
  .car_spec { position: static; }

  /* yakuin.php */

  .pix24, 
  .pix25 {
    margin: 0 auto 15px;
    width: 293px;
  }

  #hire_index #sidemenu { padding-top: 10px; }


}
