@charset "UTF-8";
/* CSS Document */

/*--------------------------------------
    link
--------------------------------------*/

.link_blank {
  background: url(../img/icon_blank.png) no-repeat right center;
  padding-right: 20px;
}

/*--------------------------------------
    common parts
--------------------------------------*/
th, td {
  vertical-align: middle;
}

button {
  vertical-align: middle;
  padding: 0;
  outline: none;
  border: 0;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 0.9em;
}

.large {
  font-size: 1.1em;
}

.mb_ss {
  margin-bottom: .5em;
}

.mb_s {
  margin-bottom: 1em;
}

.mb_ss {
  margin-bottom: .5em;
}

.mr_ss {
  margin-right: .5em;
}

.mr_s {
  margin-right: 1em;
}

.mr {
  margin-right: 1.5em;
}

.mt_ss {
  margin-top: .5em;
}

.pt_s {
  padding-top: 1em;
}

.text_thin {
  color: #999;
}

.text_red {
  color: #c00;
}

.btd {
  border-top: 1px dotted #ccc;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.inlineblock {
  display: inline-block;
}

.width100per {
  width: 100%;
}

/*--------------------------------------------------
	common list
--------------------------------------------------*/
.floatlist_left li {
  float: left;
  margin-right: 1em;
}

.floatlist_right li {
  float: right;
  margin-left: 1em;
}

/*--------------------------------------
    common form
--------------------------------------*/
input[type="text"], input[type="password"], input[type="tel"], textarea {
  border: 1px solid #ddd;
  background: #F8F8F8;
  padding: 5px 7px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1em;
  border-radius: 3px;
  outline: none;
  width: 10em;
}

select .stockcar{
  padding: 3px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #F8F8F8;
  border-radius: 3px;
  font-size: 1em;
}

/*--------------------------------------
   layout
--------------------------------------*/
.stockcar-global {
  font-size: 1.3rem;
}
body.body_cardetail {
  background: url("img/stockcar/bg_body_cardetail.png");
  min-width: 1000px;
  padding: 0;
}
body.body_print {
  min-width: auto;
  padding: 0;
}

.cardetail_contents_inner {
  width: 1000px;
  margin: 0 auto;
}

.print_contents {
  width: 640px;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

/*--------------------------------------
   common title
--------------------------------------*/
.title_1 {
  padding: .5em .5em .5em 0;
  margin-bottom: .5em;
  font-size: 1.6rem;
  font-weight: bold;
}
.title_1 .inner {
  display: block;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #ccc;
  padding: .2em .2em .2em .5em;
  color: #323232;
}

.title_2 {
  margin-bottom: .5em;
  font-weight: bold;
  color: #333;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #999;
  padding-left: .5em;
}

/*--------------------------------------------------
	common button
--------------------------------------------------*/
.btn_image {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

button.btn_image {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.btn_image img {
  position: absolute;
  top: 0;
  left: 0;
}

button.btn_image.ie8 img {
  top: -50% !important;
}

/*--------------------------------------
   carsearch_box
--------------------------------------*/
.carsearch_box {
  border: 1px solid #ccc;
  padding: 1em;
  background: #FFF;
  font-size: 1.2rem;
}
.carsearch_box .box_main {
  display: table;
  width: 100%;
  padding-bottom: 1em;
}
.carsearch_box .box_left {
  display: table-cell;
  width: 75%;
  border-right: 1px solid #e6e6e6;
  padding-right: 1em;
}
.carsearch_box .box_left .upper {
  display: table;
  width: 100%;
  padding-bottom: 1em;
}
.carsearch_box .box_left .upper_left {
  display: table-cell;
  width: 40%;
  border-right: 1px solid #e6e6e6;
  padding-right: 1em;
}
.carsearch_box .box_left .upper_left select {
  width: 77%;
}
.carsearch_box .box_left .upper_right {
  display: table-cell;
  width: 60%;
  padding-left: 1em;
}
.carsearch_box .box_left .upper_right select {
  width: 32%;
}
.carsearch_box .box_right {
  display: table-cell;
  width: 25%;
  padding-left: 1em;
}
.carsearch_box .box_right select {
  width: 72%;
}
.carsearch_box .btn_area {
  display: table;
  width: 100%;
  box-sizing: border-box;
  background: #E5E5E5;
  padding: 1em;
}
.carsearch_box .btn_area .link_toggle {
  display: table-cell;
  width: 50%;
}
.carsearch_box .btn_area .submit {
  display: table-cell;
  width: 50%;
  text-align: right;
}
.carsearch_box .btn_area .btn_search {
  width: 150px;
  height: 30px;
}
.carsearch_box .btn_area .btn_search:hover img {
  top: -30px;
}
.carsearch_box .box_detail {
  display: none;
}
.carsearch_box .box_detail .box_upper {
  border-top: 1px solid #e6e6e6;
  padding: 1em 0;
}
.carsearch_box .box_detail .box_upper select {
  width: 165px;
}
.carsearch_box .box_detail .box_lower {
  border-top: 1px solid #e6e6e6;
  padding: 1em 0;
}
.carsearch_box .carsearchbox_speclist {
  float: left;
  width: 25%;
}
.carsearch_box .colorlist {
  letter-spacing: -.4em;
}
.carsearch_box .colorlist li {
  letter-spacing: normal;
  display: inline-block;
  width: 13em;
}

/*--------------------------------------
   carsearch_listbox_header_num
--------------------------------------*/
.carsearch_listbox_header_num {
  padding: 5px 10px;
  width: 280px;
  float: left;
}

.carsearch_listbox_header_num .num {
  font-weight: bold;
  color: #c00;
  height: 28px;
  line-height: 28px;
}

.carsearch_listbox_header_num .num span {
  font-size: 1.6em;
  color: #C00;
  line-height: 26px;
}

.carsearch_listbox_header_num .floatleft { line-height: 26px; }

.carsearch_listbox_header_num select {
  -webkit-appearance: menulist-button;
  -moz-appearance: menulist-button; 
  appearance: menulist-button;
  padding: 3px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #F8F8F8;
  border-radius: 3px;
  font-size: 1em;
}

/*--------------------------------------
   carsearch_listbox_header_operationarea
--------------------------------------*/
.carsearch_listbox_header_operationarea {
  border: 1px solid #ccc;
  border-bottom: none;
  background: #FFF;
}

.display_switch {
  float: left;
  padding: .5em;
}

.display_switch li {
  float: left;
  margin-right: 1em;
  color: #333;
  line-height: 26px;
}

.display_switch a {
  opacity: 0.7;
  color: #333;
  text-decoration: underline;
}

.display_switch a:hover {
  text-decoration: none;
}

.pagination {
  float: right;
  padding: .5em;
}

.pagination li {
  float: left;
  margin-left: 5px;
}

.pagination li a, .pagination li span {
  display: block;
  padding: 0 9px;
  border-radius: 3px;
  height: 24px;
  line-height: 24px;
}

.pagination li a {
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  background: #fefefe;
  background: linear-gradient(to bottom, #fefefe 0%, #e8e8e8 100%);
}

.pagination li a:hover, .pagination li span {
  border: 1px solid #666;
  color: #fff;
  background: #979797;
  background: linear-gradient(to bottom, #979797 0%, #6a6a6a 100%);
}

/*--------------------------------------
   carsearchlist_table
--------------------------------------*/
.carsearchlist_table {
  width: 100%;
}

.carsearchlist_table a{
    font-weight:bold;
}

.carsearchlist_table td{
    font-weight:bold;
}

.carsearchlist_table th, .carsearchlist_table td {
  padding: 5px 2px;
  border: 1px solid #ccc;
  line-height: 1.2;
  background: #FFF;
}
.carsearchlist_table tbody {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #ccc;
}
.carsearchlist_table tbody:hover {
  background: #FAFAFA;
  cursor: pointer;
}
.carsearchlist_table tbody.spacer {
  border-top: none;
}
.carsearchlist_table tbody.spacer td {
  height: .5em;
  border: none;
}
.carsearchlist_table .cell_title {
  font-size:1.3em;
  font-weight: bold;
  padding: .7em 10px;
  background: #f3f3f3;
}
.carsearchlist_table .cell_title a {
  text-decoration: none;
}
.carsearchlist_table .cell_img {
  text-align: center;
}
.carsearchlist_table .cell_img img {
  max-width: 120px;
}
.carsearchlist_table .cell_price {
  font-weight: bold;
  line-height: 1.5;
  padding-left: 10px;
  padding-right: 10px;
}
.carsearchlist_table .cell_price .price {
  color: #c00;
  font-size: 1.3em;
}
.carsearchlist_table .cell_title_onepoint {
  background: #f3f3f3 !important;
  text-align: center;
  font-weight: bold;
}

.carsearchlist_table thead th {
  background: #f3f3f3;
  font-weight: normal;
  font-size: 0.9em;
}
.carsearchlist_table thead th a.active {
  color: #c00;
}

.carserchlist_imagesortlist {
  display: table;
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 1em;
}
.carserchlist_imagesortlist li {
  display: table-cell;
  padding: 5px 2px;
  border: 1px solid #ccc;
  line-height: 1.2;
  text-align: center;
  font-size: .9em;
  background: #f3f3f3;
}
.carserchlist_imagesortlist li a.active {
  color: #c00;
}

/*--------------------------------------
   carsearch_image_list
--------------------------------------*/
.carsearch_image_list {
  overflow: hidden;
}
.carsearch_image_list table {
  width: 101%;
}
.carsearch_image_list td {
  padding-right: 1%;
  padding-bottom: 1em;
  width: 25%;
  vertical-align: top;
}
.carsearch_image_list .box {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #ccc;
  text-align: center;
  padding: .5em;
  box-sizing: border-box;
}
.carsearch_image_list .box:hover {
  background: #FAFAFA;
  cursor: pointer;
}
.carsearch_image_list .box .img {
  margin-bottom: .5em;
}
.carsearch_image_list .box .img img {
  width: 160px;
}
.carsearch_image_list .box .name {
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: .5em;
}
.carsearch_image_list .box .name a {
  text-decoration: none;
}
.carsearch_image_list .box .spec {
  border-top: 1px solid #e6e6e6;
}
.carsearch_image_list .box .price {
  color: #c00;
  font-weight: bold;
  font-size: 1.2em;
}
.carsearch_image_list .box .onepoint {
  line-height: 1.2;
  border-top: 1px solid #e6e6e6;
  padding-top: .5em;
}

/*--------------------------------------
   cardetail
--------------------------------------*/
.title_cardetail {
  border: 1px solid #B3B3B3;
  background: #fff url(../img/bg_title_cardetail.png) no-repeat;
  padding: 10px;
  margin-bottom: 1.5em;
  position: relative;
}
.title_cardetail .inner {
  display: block;
  border-left: 6px solid #999;
  padding: .5em;
  color: #000;
  font-size: 1.2em;
  line-height: 1.2;
  padding-right: 90px;
}
.title_cardetail .syodanchu {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*--------------------------------------
   cardetail_photo
--------------------------------------*/
.cardetail_photo {
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin-bottom: 1.5em;
  position: relative;
}

.cardetail_photo .contents {
  padding: 15px;
  position: relative;
}

.cardetail_photo .mainarea {
  float: left;
  width: 562px;
}

.cardetail_photo .thumbarea {
  float: right;
  width: 351px;
  height: 427px;
  border: 1px solid #E6E6E6;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}

.photoarea {
  border: 1px solid #ccc;
  background: #111;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
}

.photoarea .photo {
  width: 560px;
  height: 420px;
  overflow: hidden;
}

.photoarea .photo img {
  max-width: 560px;
}

.photoarea .photo_comment {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.5em;
  line-height: 1.2;
  font-size: 0.9em;
}

.photoarea .prev, .photoarea .next {
  position: absolute;
  z-index: 1;
  left: -12px;
  top: 50%;
  margin-top: -18px;
}

.photoarea .prev a, .photoarea .next a {
  width: 36px;
  height: 36px;
}

.photoarea .prev a:hover img, .photoarea .next a:hover img {
  top: -36px;
}

.photoarea .next {
  left: auto;
  right: -12px;
}

.mainarea .num {
  display: inline-block;
  padding: .4em;
  background: #999999;
  line-height: 1;
  font-size: 0.9em;
  color: #fff;
}

.thumblist_wrapper {
  width: 100%;
  height: 357px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}

.thumblist_wrapper .panel_wrapper {
  width: 9999px;
  position: absolute;
  left: 0;
  top: 0;
}

.thumblist_wrapper ul {
  width: 405px;
  float: left;
  vertical-align: top;
  letter-spacing: -.4em;
}

.thumblist_wrapper li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.thumblist_wrapper a {
  display: block;
  width: 78px;
  overflow: hidden;
  background: url(../img/img_loader.gif) no-repeat center;
}

.thumblist_wrapper a {
  border: 3px solid #eee;
}

.thumblist_wrapper a:hover {
  border: 3px solid #333;
}

.thumblist_wrapper a.active {
  border: 3px solid #c00;
}

.thumblist_wrapper a img {
  width: 78px;
}

.thumblist_btn_wrapper {
  position: relative;
}

.thumblist_pager {
  text-align: center;
  letter-spacing: -.4em;
}

.thumblist_pager li {
  display: inline-block;
  letter-spacing: normal;
  padding: 0 3px;
}

.thumblist_pager a {
  width: 10px;
  height: 10px;
}

.thumblist_pager a.active {
  cursor: default;
}

.thumblist_pager a:hover img, .thumblist_pager a.active img {
  top: -10px;
}

.thumbarea .prev, .thumbarea .next {
  position: absolute;
  left: 0;
  top: 0;
}

.thumbarea .next {
  left: auto;
  right: 0;
}

.thumbarea .prev a, .thumbarea .next a {
  display: block;
  width: 90px;
  height: 25px;
  box-sizing: border-box;
  overflow: hidden;
  color: #fff;
  line-height: 25px;
  text-decoration: none;
  background: url(../img/btn_thumbarea_bg.png) no-repeat;
}

.thumbarea .prev a {
  background-position: 0 0;
  padding-left: 25px;
}

.thumbarea .prev a:hover {
  background-position: 0 -25px;
}

.thumbarea .next a {
  background-position: -90px 0;
  text-align: right;
  padding-right: 25px;
}

.thumbarea .next a:hover {
  background-position: -90px -25px;
}

.thumbarea .prev a span,.thumbarea .next a span { color: #FFF; }

.btn_car_movie {
  text-align: right;
  margin-bottom: 6px;
}

.btn_car_movie a {
  width: 130px;
  height: 30px;
}

.btn_car_movie a:hover img {
  top: -30px;
}

.movie_area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(252, 252, 252, 0.95);
  z-index: 999;
  display: none;
}
.movie_area video {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 560px;
  height: 420px;
}
.movie_area .btn_car_movie_pause {
  position: absolute;
  right: 26px;
  top: 26px;
}
.movie_area .btn_car_movie_pause a {
  width: 130px;
  height: 30px;
}
.movie_area .btn_car_movie_pause a img {
  top: -60px;
}
.movie_area .btn_car_movie_pause a:hover img {
  top: -90px;
}

/*--------------------------------------
   car_soldout_box
--------------------------------------*/
.car_soldout_box {
  border: 1px solid #FFDD2D;
  background: #FFFBDA;
  padding: 1em;
  text-align: center;
  color: #333;
  margin-bottom: 1.5em;
}
.car_soldout_box .title {
  font-weight: bold;
  font-size: 1.5em;
}
.car_soldout_box .tel {
  font-weight: bold;
  font-size: 1.3em;
}

/*--------------------------------------
   car_price_box
--------------------------------------*/
.car_price_box {
  background: #E6E6E6;
  padding: 10px;
  margin-bottom: 1.5em;
  text-align: center;
}
.car_price_box > .inner {
  background: #fff;
  padding: 1px;
}
.car_price_box > .inner > .inner {
  background: #ffffff;
  padding: 1.5em;
}
.car_price_box .price dt, .car_price_box .price dd {
  display: inline-block;
  font-weight: bold;
  margin: 0 .5em;
}
.car_price_box .price dt {
  color: #333;
  font-size: 1.2em;
}
.car_price_box .num {
  color: #CC0000;
  font-size: 1.2em;
}
.car_price_box .num span {
  font-size: 1.7em;
  color: #C00;
}

/*--------------------------------------
   car_inquiry_box
--------------------------------------*/
.car_inquiry_box {
  background: #E6E6E6;
  padding: 10px;
  margin-bottom: 1.5em;
  text-align: center;
}
.car_inquiry_box > .inner {
  background: #fff;
  padding: 1px;
}
.car_inquiry_box > .inner > .inner {
  background: #ffffff;
  padding: 1.5em;
}
.car_inquiry_box .price dt, .car_inquiry_box .price dd {
  display: inline-block;
  font-weight: bold;
  margin: 0 .5em;
}
.car_inquiry_box .price dt {
  color: #333;
  font-size: 1.2em;
}
.car_inquiry_box .num {
  color: #CC0000;
  font-size: 1.2em;
}
.car_inquiry_box .num span {
  font-size: 1.7em;
  color: #C00;
}
.car_inquiry_box .btn {
  display: inline-block;
  width: 300px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -25px;
}
.car_inquiry_box .btn img { vertical-align: bottom !important; }
.car_inquiry_box .btn:hover img {
  margin-top: -50px;
}

/*--------------------------------------
   car info
--------------------------------------*/
.cardetail_basicinfo {
  float: left;
  width: 630px;
}

.cardetail_othersinfo {
  float: right;
  width: 348px;
}

.cardetail_basicinfo table {
  table-layout: fixed;
}

.cardetail_basicinfo th, .cardetail_basicinfo td {
  font-size: 0.9em;
  line-height: 1.4;
  border: 1px solid #B3B3B3;
  padding: 3px 5px;
  height: 2.65em;
  word-wrap: break-word;
}

.cardetail_basicinfo th {
  background: #f3f3f3;
  width: 10em;
}

.cardetail_basicinfo td {
  background: #fff;
}

.btn_syakensyo {
  width: 45px;
  height: 20px;
}

.btn_syakensyo:hover img {
  top: -20px;
}

.warranty_comment {
  background: #F8F8F8;
  padding: .5em;
  margin-top: .5em;
}

.cardetail_othersinfo li {
  float: left;
  margin: 0 3px 3px 0;
}

.cardetail_othersinfo li > span {
  display: table-cell;
  vertical-align: middle;
  width: 78px;
  height: 3em;
  line-height: 1.2;
  padding: 2px;
  text-align: center;
  font-size: 0.8em;
  color: #BEBEBE;
  background: #F3F3F3;
  border: 1px solid #F3F3F3;
}

.cardetail_othersinfo li > span.on {
  color: #fff;
  background: #1E3773;
  border-width: 1px;
  border-style: solid;
  border-color: #1E3773;
}

/*--------------------------------------
   salespoint
--------------------------------------*/
.salespoint {
  border: 1px solid #B3B3B3;
  padding: 1em;
  background: #FFF;
}
.salespoint > .inner {
  height: 170px;
  overflow-y: scroll;
  line-height: 1.6rem;
}

/*--------------------------------------
   form table
--------------------------------------*/
.car_inquiry_table {
  width: 100%;
  border-top: 1px solid #ccc;
  margin-bottom: 1em;
}

.car_inquiry_table th, .car_inquiry_table td {
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  line-height: 1.3;
}

.car_inquiry_table th {
  text-align: left;
  padding: 14px 0;
  color: #333;
}

.car_inquiry_table .cell_icon {
  padding: 14px 0;
  text-align: right;
}

.car_inquiry_table td {
  padding: 10px;
}

.inquirycontents_list {
  width: 600px;
}

.inquirycontents_list li {
  float: left;
  width: 33.3%;
  line-height: 2;
}

.btn_zipcode, .btn_address {
  margin-top: 5px;
}

.btn_zipcode span, .btn_address span {
  display: inline-block;
  border-radius: 2px;
  background: #999;
  padding: 3px 5px;
  font-size: 0.8em;
  color: #fff;
  cursor: pointer;
}

.btn_zipcode span:hover, .btn_address span:hover {
  background: #666;
}

.address_text {
  display: inline-block;
  background: #DFF2F9;
  padding: 5px;
  margin-top: 10px;
  color: #333;
}

.status_address {
  display: none;
}

.btn_submit {
  width: 300px;
  height: 50px;
}

.btn_submit:hover img {
  top: -50px;
}

/*--------------------------------------
   footer
--------------------------------------*/
.btn_pagetop {
  background: #fff;
}
.btn_pagetop .inner {
  display: block;
  width: 1000px;
  margin: 0 auto;
  text-align: right;
}
.btn_pagetop a {
  width: 100px;
  height: 25px;
}
.btn_pagetop a:hover img {
  top: -25px;
}

.footer_btn_list {
  text-align: center;
  margin: 1.5em 0;
}
.footer_btn_list li {
  display: inline-block;
  margin: 0 .5em;
}
.footer_btn_list li a {
  width: 300px;
  height: 59px;
}
.footer_btn_list li a:hover img {
  top: -59px;
}

/*--------------------------------------
   print page
--------------------------------------*/
.title_print {
  border: 1px solid #bbb;
  padding: 5px;
}
.title_print .inner {
  display: block;
  border-left: 6px solid #999;
  padding: 5px;
  color: #000;
  font-size: 1.2em;
  line-height: 1.2;
}

.btn_print_s {
  width: 140px;
  height: 36px;
}
.btn_print_s:hover img {
  top: -36px;
}

.print_upper_info {
  display: table;
}
.print_upper_info .carimage {
  display: table-cell;
  width: 300px;
  padding-right: 10px;
}
.print_upper_info .carimage img {
  width: 100%;
}
.print_upper_info .summary {
  display: table-cell;
  width: 330px;
  vertical-align: top;
}
.print_upper_info .summary .price {
  color: #c00;
  font-weight: bold;
  font-size: 1.5em;
}
.print_upper_info .summary .price .small {
  font-size: .6em;
}

.print_common_table {
  width: 100%;
}

.print_common_table th, .print_common_table td {
  font-size: 0.9em;
  line-height: 1.2;
  border: 1px solid #ccc;
  padding: 5px;
  word-wrap: break-word;
}

.print_common_table th {
  background: #f3f3f3;
  width: 10em;
}

.print_common_table td {
  background: #fff;
}

.print_map {
  border: 1px solid #bbb;
  width: 638px;
  height: 258px;
  overflow: hidden;
}

.print_cardetail_othersinfo li {
  float: left;
  padding: 2px;
}

.print_cardetail_othersinfo li > span {
  display: table-cell;
  vertical-align: middle;
  width: 81px;
  height: 2.7em;
  line-height: 1.2;
  padding: 2px;
  text-align: center;
  font-size: 0.8em;
  color: #bbb;
  background: #fff;
  border: 1px solid #bbb;
}

.print_cardetail_othersinfo li > span.on {
  color: #333;
  background: #EAF5FF;
  font-weight: bold;
  border: 1px solid #bbb;
}

.print_car_soldout_box {
  border: 1px solid #FFDD2D;
  background: #FFFBDA;
  padding: .7em;
  text-align: center;
  color: #333;
  font-size: .9em;
}
.print_car_soldout_box .title {
  font-weight: bold;
  font-size: 1.5em;
}
.print_car_soldout_box .tel {
  font-weight: bold;
  font-size: 1.3em;
}
.bb{
  margin-top:20px;
  border: 1px solid #bbb;
  margin-bottom:40px;
}