@charset "UTF-8";

/*
Car Style Select
*/
#car_style_select {
  color:#333;
  width:100%;
  background-color:#fff;
  padding: 0px 0px 20px;
}
#car_style_select h2 {
  font-size:18px;
  font-weight:600;
  line-height:20px;
  margin:0px 0px 10px 0px;
}
#car_style_select h2 span {
  font-size:12px;
  display:inline-block;
  margin:10px 0px 0px 0px;
  padding-top:5px;
  border-top:1px solid #999;
}
#car_style_select p {
  font-size:14px;
  font-weight:400;
  line-height:20px;
  text-align:center;
  margin:20px 0px 10px 0px;
}
#car_style_select p span {
  font-size:120%;
  font-weight:600;
}
.car_style_select {
  color:#eee;
  font-size:12px;
  width:200px;
  float:left;
}
#car_style_select .contentsBody {
  width:1000px;
}
.car_style_select .minict_wrapper {
  height:40px;
}
.car_style_select .minict_wrapper span {
  color:#666;
  height:40px;
  line-height:40px;
  padding: 0px 30px 0px 10px;
}
.car_style_select .minict_wrapper span:empty:before {
  color:#666;
}

#car_style_select .submit_btn button {
  width: 200px;
  background-color: #777;
  color: #fff;
  text-shadow: 0px 0px 1px #555
}
#car_style_select .submit_btn button:hover {
  background-color: #999;
}
#car_style_select .minict_wrapper ul {
  top: 38px;
}

/*
Car Style Type
*/
.year {
  margin: 0px;
  margin-top: 40px;
}
#car_style_type {
  font-family: Open Sans Condensed;
  font-weight: 700;
  height: 35px;
  margin-top: 5px;
}
#car_style_type + .year {
  margin-top: 0;
}
#car_style_type .minict_wrapper {
  border-radius: 10px;
}
#car_style_type .minict_wrapper.active {
  border-radius: 10px 10px 0px 0px;
}
#car_style_type .minict_wrapper:after {
  top: -4px;
}

#car_style_type .minict_wrapper span ,
#car_style_type .minict_wrapper span:empty:before {
  font-size: 20px;
  text-align: center;
}
#car_style_type .minict_wrapper ul {
    top: 32px;
}
#car_style_type .minict_wrapper ul li{
  text-align: center;
  padding-left: 5px;
  padding-right: 30px;
}




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

  /*
  Car Style Select
  */
  .car_style_select {
    width:90%;
    float:none;
    margin:0px auto 5px auto;
  }
  #car_style_select .contentsBody {
    width:100%;
  }
  .car_style_select .minict_wrapper {
    height:40px;
  }

  #car_style_select > div > div:nth-child(1),
  #car_style_select > div > div:nth-child(2),
  #car_style_select > div > div:nth-child(3),
  #car_style_select > div > div:nth-child(4),
  #car_style_select > div > div:nth-child(5),
  #car_style_select > div > div:nth-child(6),
  #car_style_select > div > div:nth-child(7),
  #car_style_select > div > div:nth-child(8),
  #car_style_select > div > div:nth-child(9),
  #car_style_select .submit_btn button {
    width: 90%;
  }

  /*
  Car Style Type
  */
  .year {
    margin-top: 0;
  }
  .car_data2 {
    box-sizing: border-box;
    margin: 0px;
    padding-left: 5px;
  }
  #car_style_type {
    height: 30px;
    margin-left: 5px;
    width: 120px;
    box-sizing: border-box;
    font-size: 16px;
    padding-top: 3px;
      float: right;
      padding-right: 5px;
      padding-top: 0px;
  }
  #car_style_type .minict_wrapper {
    height: 30px;
  }
  #car_style_type .minict_wrapper span {
    font-size: 18px;
    text-align: center;
    line-height: 21px;
  }
  #car_style_type .minict_wrapper span:empty:before {
    font-size: 18px;
    text-align: center;
  }
  #car_style_type .minict_wrapper ul {
    top: 28px;
  }
  #car_style_type .minict_wrapper ul li{
    font-size: 16px;
  }
  #car_style_type .minict_wrapper:after {
    top: -5px;
  }
  /*
  My Garage
  */
  .menuAcc p.model ,
  .menuAcc p.model_jp {
    float: none;
  } 

}