@charset "utf-8";
/*-----------------------------------------------------------------------------
「カタログ請求」「オーナーズボイス」「展示場＆試乗体験」ボタン
-----------------------------------------------------------------------------*/
#main-img {
  clear: both;
  position: relative;
}
#top-left {
  float: left;
  margin: 15px 0 0 20px;
  width: 970px;
  text-align: left;
  font-size: x-small;
}
/*-----------------------------------------------------------------------------
「カタログ請求」「オーナーズボイス」「展示場＆試乗体験」ボタン
-----------------------------------------------------------------------------*/
#top-link {
  width: 970px;
}
#top-link dl {
  float: left;
  margin: 0;
  width: 239px;
}
#top-link dd {
  padding-right: 15px;
  line-height: 170%;
}
#top-link dl + dl + dl + dl {
  margin-left: 10px;
}
#top-link dd ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 270px;
}
#top-link dd ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
#top-link dl dt p {
  margin-bottom: 15px;
}
/*-----------------------------------------------------------------------------
更新情報
-----------------------------------------------------------------------------*/
#update {
  width: 475px;
  float: left;
  font-size: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
}
#update dl {
  margin: 10px 0 0 0;
  padding: 0;
  overflow-y: scroll;
  height: 200px;
  border-bottom: 1px solid #eee;
}
#update dt {
  float: left;
  width: 65px;
  background-image: url(imgs/update_arrow.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 10px;
}
#update dd {
  list-style: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  background-image: url(imgs/line_update.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-left: 75px;
  line-height: 140%;
}
/*-----------------------------------------------------------------------------
イベント情報
-----------------------------------------------------------------------------*/
#event {
  width: 475px;
  float: left;
  margin-left: 5px;
  margin-top: 15px;
  font-size: 10px;
}
#event img {
  margin-bottom: 5px;
}
#event dl {
  margin: 5px 0 0 0;
  padding: 0;
  background-image: url(imgs/line_update.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
#event dt {
  float: left;
  width: 145px;
  background-image: url(imgs/update_arrow.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 10px;
  line-height: 140%;
}
#event dd {
  list-style: none;
  margin: 0 0 0px 0;
  padding: 0 0 0px 150px;
  line-height: 140%;
}
#read_more {
  text-align: right;
  margin: 5px 0 10px 0;
  clear: both;
}
/*-----------------------------------------------------------------------------
NEWアイコン
-----------------------------------------------------------------------------*/
.icon_new {
  margin-left: 5px;
  margin-bottom: 2px;
}
/*-----------------------------------------------------------------------------
フッターアイコン
-----------------------------------------------------------------------------*/
#footer_bnr {
  font-size: x-small;
  padding-bottom: 20px;
  margin: 15px 0 0 0;
  padding: 0;
}
#footer_bnr ul li {
  float: left;
  margin: 10px 0;
  list-style: none;
}
#footer_bnr a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #000;
}
#footer_bnr ul {
  overflow: hidden;
  width: 1000px;
  margin: 0;
  padding: 0;
}
#footer_bnr ul li a img {
  width: 220px;
  margin-right: 15px;
  height: auto;
  border: 2px solid #CCC;
}
/*-----------------------------------------------------------------------------
年末年始インフォ
-----------------------------------------------------------------------------*/
.newyear_info {
  border: 3px double #F99;
  margin: 15px 20px 15px 0;
  padding: 5px;
  line-height: 150%;
}
.newyear_info h4 {
  color: #933;
}
/*-----------------------------------------------------------------------------
スライドショー
-----------------------------------------------------------------------------*/
.fadein {
  height: 300px;
  width: 970px;
  margin-left: 19px;
  border: 5px solid #FFF;
  overflow: hidden;
  z-index: 0;
}
/* Slick ↓ */
.sliderArea {
  width: 980px;
  margin: 0 auto;
  padding: 0;
}
.slider {
  border: 5px solid #FFF;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-next:before, .slick-prev:before {
  font-size: 35px !important;
}
.slick-prev {
  left: -55px !important;
}
.slick-next {
  right: -40px !important;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-dots li button:before {
  font-size: 11px !important;
}
.slick-dots {
  bottom: -35px !important;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
/* Slick ↑ */
.movie {
  position: absolute;
  background-color: #333;
  top: 29px;
  left: 658px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px 20px 10px;
  height: 500;
  overflow: auto;
}
/*.movie h3 {
  margin-top: -17px;
}*/
.movie iframe {
  clear: both;
  margin-top: 10px;
  border: 3px solid #fff;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
  background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
  background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
  background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
  background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
  background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75);
}
/*-----------------------------------------------------------------------------
バナーエリア
-----------------------------------------------------------------------------*/
#top-icon {
  clear: both;
  font-size: x-small;
  text-align: left;
  padding-bottom: 20px;
  margin: 15px auto 0 auto;
  width: 970px;
  line-height: 130%;
}
#top-icon ul li {
  float: left;
  width: 250px;
  height: 155px;
}
#top-icon a img {
  width: 233px;
  height: 155px;
}
#top-icon a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #000;
}
#top-icon ul {
  overflow: hidden;
  width: 750px;
  float: left;
  margin-left: -5px;
}
#top-icon ul li a img {
  width: 230px;
  marginleft: 15px;
  height: auto;
}
#banner-area {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}
#banner-area li {
  margin: 10px 0;
}
#banner-area img {
  border: 2px solid #CCC;
} /*-----------------------------------------------------------------------------
フェイスブック
-----------------------------------------------------------------------------*/
#fb-area {
  float: right;
  margin: -5px 20px 0 0;
}