/*----------------------------
  common.css
----------------------------*/

body ,
table {
  font-family: 'メイリオ','Verdana';
  font-size: 14px;
}


textarea {
  font-size: 13px;
}


body {
  margin: 0px;
}


em {
  color: #880000;
  font-style: normal;
}


a.external {
  color: #0088ff;
}


h1 ,
div.h1 {
  margin: 0px 30px 20px;
  padding: 30px 0px 0px 30px;
  height: 50px;
  background-image: url('images/h1_background.jpg');
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}


h2 ,
div.h2 {
  margin: 20px 50px;
  padding: 5px 0px 0px 20px;
  height: 25px;
  background-image: url('images/h2_background.gif');
  background-repeat: no=repeat;
  color: #004400;
  font-size: 15px;
  font-weight: bold;
}


h3 ,
div.h3 {
  margin: 20px 70px;
  color: #004400;
  font-size: 14px;
  font-weight: bold;
}


p {
  margin: 10px 80px 40px 80px;
  line-height: 30px;
}


form {
  display: inline;
}


img {
  border: none;
}


img.imageleft {
  margin: 0px 20px 10px 0px;
  float: left;
}


img.imageright {
  margin: 0px 0px 10px 20px;
  float: right;

}



img.imageright {
  margin: 0px 0px 10px 20px;
  float: right;

}


.floatleft {
  margin: 0px 10px 10px 60px;
  float: right;

}



.floatright {
  margin: 0px 60px 10px 20px;
  float: right;

}


input.button {
  padding: 10px;
}


ol.index {
  margin-top: 30px;
}


ol.index li {
  margin: 5px 60px;
}


/*** parentframe ***/


table.header {
  width: 1000px;
}


table.header td.title {
}


table.header td.commission {
  width: 250px;
}


table.header td.contactus {
  width: 200px;
}


table.header_bar {
  margin: 5px 0px;
  width: 1000px;
  height: 40px;
  background-image: url('images/header_bar.jpg');
  background-repeat: no-repeat;
}


table.header_bar td.search {
  padding-left: 30px;
  text-align: left;
}


table.header_bar td.header_navi {
  padding-right: 30px;
  text-align: right;
  color: #ffffff;
  font-size: 13px;
}


table.header_bar td.header_navi a {
  color: #ffffff;
}


table.parentframe {
}


table.parentframe td.body {
  border: solid 1px #cccccc;
  width: 800px;
  background-color: #ffffff;
  text-align: left;
  vertical-align: top;
}


table.parentframe td.navi {
  width: 200px;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
}


td.navi h4 {
  margin: 0px;
  font-size: 14px;
  border-bottom: solid 1px #cccccc;
  padding: 6px 0px 0px 5px;
  height: 26px;
  background-image: url('images/navi_h4.gif');
  background-repeat: no-repeat;
  color: #006600;
}


td.navi a.navi {
  display: block;
  border-bottom: solid 1px #cccccc;
  padding: 5px;
  background-image: url('images/navi.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  color: #006600;
  text-decoration: none;
}
td.navi a.navi:hover {
  /*background-image: url('images/navi_hover.gif');*/
  text-decoration: underline;
}


td.navi a.navi {
  display: block;
  border-bottom: solid 1px #cccccc;
  padding: 5px;
  background-image: url('images/navi.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  color: #006600;
  text-decoration: none;
}
td.navi a.navi:hover {
  background-image: url('images/navi_hover.gif');
  text-decoration: underline;
}


td.navi div.crowded_information {
  border-bottom: solid 1px #cccccc;
  padding: 5px;
  color: #ff0000;
}


td.navi div.tax_information {
  border-bottom: solid 1px #cccccc;
  padding: 5px;
  color: #000088;
}


td.navi div.mobile {
  text-align: center;
}


td.navi div.cyanprojects_alliance {
  margin-top: 40px;
  padding: 0px 10px;
}


table.parentframe td.footer {
  padding-top: 5px;
  font-size: 13px;
  text-align: center;
}


td.footer img.cyanprojects {
  float: right;
}


table.parentframe td.shinobi {
  text-align: center;
  vertical-align: bottom;
}


table.contactus_estimate {
  margin-left: 50px;
}


table.contactus_estimate td.quick_estimate {
  width: 370px;
  padding-right: 30px;
  background-image: url('images/contactus_quick_estimate.gif');
  background-repeat: no-repeat;
  color: #000088;
  font-weight: bold;
  text-align: right;
}


/*** index ***/




/*** catalog ***/

div.breadcrumb {
  padding: 5px;
  background-color: #eeeeff;
  font-size: 13px;
}


div.smartsearch {
  margin: 10px 30px 0px;
  text-align: right;
}

table.catalog_cols {
  margin-left: 60px;
}


table.catalog_cols td {
  width: 170px;
  padding-bottom: 10px;
  font-size: 13px;
  text-align: center;
  vertical-align: top;
}


table.catalog_cols h3.car_name {
  margin: 0px;
  padding: 0px;
  color: #880000;
  font-size: 13px;
}


table.catalog_cols span.car_mileage {
  color: #ff0000;
}


table.catalog_cols span.sold_price {
  color: #ff0000;
  font-weight: bold;
}


table.catalog_rows {
  margin-left: 60px;
  border-top: solid 1px #bbbbbb;
}


table.catalog_rows td.car_photograph {
  width: 200px;
  padding: 10px 10px 10px 0px;
  border-bottom: solid 1px #bbbbbb;
}


table.catalog_rows td.car_description {
  width: 470px;
  padding: 10px 0px;
  border-bottom: solid 1px #bbbbbb;
  vertical-align: top;
}


table.catalog_rows td.car_description h3.car_name {
  margin: 0px;
  padding: 5px 0px 0px 10px;
  height: 25px;
  background-image: url('images/h3_car_name_background.gif');
  background-repeat: repeat-x;
}


table.catalog_rows td.car_description h3.car_name a {
  color: #444444;
}


table.catalog_rows td.car_description img.button_detail {
  float: right;
}


table.catalog_rows span.sold_price ,
table.catalog_detail span.sold_price {
  color: #ff0000;
  font-size: 15px;
  font-weight: bold;
}


table.catalog_rows span.dealer_price ,
table.catalog_detail span.dealer_price {
  color: #000088;
  font-size: 14px;
  font-weight: bold;
}


table.catalog_rows td.car_description div.car_description {
  padding: 0px 0px 0px 10px;
  font-size: 13px;
}


strong.used1 {
  padding: 0px 10px;
  background-color: #bb0000;
  color: #ffffff;
}


strong.used2 {
  padding: 0px 10px;
  background-color: #0000bb;
  color: #ffffff;
}


strong.used3 {
  padding: 0px 10px;
  background-color: #008800;
  color: #ffffff;
}


table.catalog_rows span.car_mileage ,
table.catalog_detail span.car_mileage {
  color: #ff0000;
  font-weight: bold;
}


table.catalog_rows span.car_grade ,
table.catalog_detail span.car_grade {
  color: #000088;
  font-weight: bold;
}


table.catalog_rows span.car_year ,
table.catalog_detail span.car_year ,
table.catalog_rows span.car_month ,
table.catalog_detail span.car_month {
  color: #880000;
  font-weight: bold;
}


table.catalog_detail {
  margin-left: 50px;
  width: 700px;
}


table.catalog_detail td.car_photograph {
  width: 300px;
  text-align: center;
  vertical-align: top;
}


table.catalog_detail td.car_detail {
  vertical-align: top;
}


table.car_detail {
  margin-left: 10px;
  border-top: solid 1px #006600;
  border-left: solid 1px #006600;
  border-bottom: solid 1px #006600;
}


table.car_detail td {
  border-right: solid 1px #006600;
  font-size: 13px;
}


table.car_detail td.title {
  width: 100px;
  background-color: #006600;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


table.car_detail td.value {
  width: 262px;
  padding-left: 10px;
}


div.detail_description {
  margin: 10px 50px;
  border: solid 1px #008800;
  padding: 10px 20px;
}


span.include_tax {
  color: #000088;
  font-size: 13px;
}


span.price_caution {
  color: #ff0000;
  font-size: 13px;
}


div.customer_voice {
  margin: 20px 50px;
  border: dotted 1px #bb8844;
  padding: 10px 20px;
  background-color: #ffddbb;
  color: #884422;
  font-size: 13px;
}


div.estimate {
  margin: 20px 50px;
  border: dotted 1px #88bb44;
  padding: 10px 20px;
  background-color: #ddffbb;
  color: #448822;
  font-size: 13px;
}


div.customer_voice span.customer {
  font-weight: bold;
}


div.customer_voice span.customer a {
  color: #884422;
}


p.catalog_information {
  color: #ff0000;
  font-weight: bold;
}


/*** brand_list ***/

table.brand_list {
  margin-left: 60px;
}


table.brand_list td.country_name {
  width: 300px;
  background-color: #ddffdd;
  font-weight: bold;
  text-align: center;
}


table.brand_list td.brand_name {
  background-color: #eeffee;
  vertical-align: top;
}


/*** auction ***/




/*** clear ***/

table.commission {
  margin: 10px 150px;
}


table.commission td {
  border-bottom: dotted 1px #888888;
}


table.commission td.title {
  color: #880000;
  font-weight: bold;
  text-align: center;
}


table.commission td.auction_price {
  width: 300px;
  color: #444444;
  text-align: right;
}


table.commission td.commission_price {
  width: 200px;
  padding-right: 100px;
  color: #ff0000;
  font-weight: bold;
  text-align: right;
}


table.bill_sample {
  margin: 10px 100px 30px;
}


table.bill_sample td {
  border-bottom: dotted 1px #888888;
}


table.bill_sample td.tag {
  width: 180px;
  color: #444444;
  text-align: center;
}


table.bill_sample td.title {
  width: 150px;
  color: #444444;
  text-align: right;
}


table.bill_sample td.bill_price {
  width: 130px;
  padding-right: 50px;
  color: #880000;
  font-weight: bold;
  text-align: right;
}


table.bill_sample td.total {
  text-align: right;
}


/*** car_condition ***/

table.grade_information {
  margin: 10px 60px;
}


table.grade_information td.grade {
  width: 100px;
  background-color: #bbffbb;
  font-weight: bold;
  text-align: center;
}


table.grade_information td.description {
  width: 520px;
  background-color: #ddffdd;
}


table.grade_information td.low {
  background-color: #dddddd;
}


/*** company ***/

table.company ,
table.condition {
  margin: 20px 50px;
  border-top: dotted 1px #888888;
}


table.company td ,
table.condition td {
  margin: 0px 30px;
  border-bottom: dotted 1px #888888;
}


table.company td.title ,
table.condition td.title {
  width: 200px;
  text-align: center;
}


table.company td.description ,
table.condition td.description {
  width: 480px;
}


/*** form ***/

table.inquiry {
  margin-bottom: 20px;
  width: 700px;
}


table.inquiry tr.checked {
  background-color: #ff0000;
  color: #ffffff;
}


table.inquiry tr.unchecked {
  background-color: #dddddd;
  color: #000000;
}


table.form {
  margin-bottom: 20px;
  border-top: dotted 1px #000000;
  width: 700px;
}


table.form td.name {
  width: 150px;
  border-bottom: dotted 1px #000000;
  text-align: center;
  font-weight: bold;
}


table.form td.input {
  border-bottom: dotted 1px #000000;
}


table.form tr.required {
  background-color: #ffdddd;
}


span.required {
  color: #ff0000;
  font-size: 13px;
}


ul.form_error li {
  margin: 10px 60px;
  color: #ff0000;
  font-weight: bold;
}


/*** links ***/

ul.links li {
  margin-bottom: 15px;
}


ul.links a {
  color: #0088ff;
  font-weight: bold;
}