/* CSS Document */
#main_image_container {
  width: 1000px;
  position: relative;
  margin: 7px auto 0 auto;
}

#mi_banner_ctn {
  width: 310px;
  height: 265px;
  padding: 5px;
  background: url(/top_css_js_img/images/top_mi_bg.png) no-repeat;
  float: left;
}

ul#mi_banner {
  margin: 0 auto;
}

ul#mi_banner li {
  margin-bottom: 3px;
  line-height: 0;
  font-size: 1px;
  position: relative;
}

ul#mi_banner li a {
  width: 310px;
  height: 50px;
  display: block;
  background-position: top;
}

ul#mi_banner li a:hover {
  background-position: bottom;
}

ul#mi_banner li span {
  display: none;
}

.mi_banner01 > a {
  background: url(/top_css_js_img/images/top_mi_banner_youtube2020.jpg);
}

.mi_banner02 > a {
  background: url(/top_css_js_img/images/top_mi_banner_tokyo2020.jpg);
}

.mi_banner03 > a {
  background: url(/top_css_js_img/images/top_mi_mihon_supocar_banner.jpg);
}

.mi_banner04 > a {
  background: url(/top_css_js_img/images/top_mi_banner_youtube20210108.png);
}

.mi_banner05 > a {
  background: url(/top_css_js_img/images/top_mi_banner_stats.jpg);
}

/*
.mi_banner04 > a {
  background: url(/top_css_js_img/images/top_mi_banner_external_power_supply.jpg);
}
.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_carlife_passport.jpg)}
.mi_banner01 > a{background:url(/top_css_js_img/images/top_mi_banner_truck-bus.jpg)}
.mi_banner03 > a{background:url(/top_css_js_img/images/top_mi_banner_campus-jyugyou2018.jpg)}
.mi_banner02 > a{background:url(/top_css_js_img/images/top_mi_banner_tmf2018.jpg)}
.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_safety_autumn2018.jpg)}
.mi_banner01 > a{background:url(/top_css_js_img/images/top_mi_banner_tokyo2020.jpg)}
.mi_banner03 > a{background:url(/top_css_js_img/images/top_mi_banner_eco_subsidy05.jpg)}
.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_report_mobility_vision.jpg)}
.mi_banner03 > a{background:url(/top_css_js_img/images/top_mi_banner_eco_subsidy05.jpg)}
.mi_banner03 > a{background:url(/top_css_js_img/images/top_mi_banner_safety_spring2018.jpg)}*/
/*.mi_banner02 > a{background:url(/top_css_js_img/images/top_mi_banner_safety_support_car.jpg)}*/
/*.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_carlife.jpg)}*/
/*.mi_banner03 > a{background: url(/top_css_js_img/images/top_mi_banner_nice.jpg)}*/
/*.mi_banner03 > a{background: url(/top_css_js_img/images/top_mi_banner_rikeijyoshi.jpg)}*/
/*.mi_banner03 > a{background:url(/top_css_js_img/images/top_mi_banner_tpp.jpg)}*/
/*.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_safety_autumn2016.jpg)}*/
/*.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_no_nagara.jpg)}*/
/*.mi_banner04 > a{background:url(/top_css_js_img/images/top_mi_banner_automated_driving.jpg)}*/
/*.
.mi_banner05 > a{background:url(/top_css_js_img/images/top_mi_banner_campus-jyugyou2017.jpg)}
.mi_banner05 > a{background:url(/top_css_js_img/images/top_mi_banner_eco_drive.jpg)}
	.mi_banner05 > a{background:url(/top_css_js_img/images/top_mi_banner_kurumagakuen.jpg)}mi_banner05 > a{background:url(/top_css_js_img/images/top_mi_banner_bike_events.jpg)}*/
/*.mi_banner05 > a{background:url(/top_css_js_img/images/top_mi_banner_camjugyou2016_01.png)}*/
#mi_sub_area2 {
  position: absolute;
  left: 310px;
  top: 3px;
  background: url(/top_css_js_img/images/top_mi_banner_tpp_bg.png) no-repeat;
  width: 325px;
  height: 112px;
  z-index: 1000;
  padding: 5px 5px 5px 18px;
}

#mi_sub_area3 {
  position: absolute;
  left: 310px;
  top: 3px;
  background: url(/top_css_js_img/images/top_mi_banner_tpp_bg.png) no-repeat;
  width: 325px;
  height: 112px;
  z-index: 1000;
  padding: 5px 5px 5px 18px;
}

#mi_sub_area5 {
  position: absolute;
  left: 310px;
  top: -54px;
  background: url(/top_css_js_img/images/top_mi_banner_tpp_bg_sub_area5.png) no-repeat;
  width: 325px;
  height: 112px;
  z-index: 1000;
  padding: 5px 5px 5px 18px;
}

#mainimage {
  float: right;
  width: 675px;
  height: 275px;
  position: relative;
  list-style: none;
}

/* ===top_contents=== / */
#top_contents_ctn {
  width: 1010px;
  margin-top: 3px;
}

#top_contents_ctn:before {
  background: url(/top_css_js_img/images/top_contents_upper.png) no-repeat 0 0;
  content: " ";
  display: block;
  height: 10px;
  width: 1010px;
}

#top_contents_ctn:after {
  background: url(/top_css_js_img/images/top_contents_lower.png) no-repeat 0 0;
  content: " ";
  display: block;
  height: 10px;
  width: 1010px;
}

#top_contents {
  background: url(/top_css_js_img/images/top_contents_bg.png) repeat-y;
  padding: 10px 20px 30px 20px;
  color: #454545;
}

#mainimage {
  margin-bottom: 0 !important;
}
#mainimage .slick-dots {
  opacity: 0 !important;
  bottom: 0px !important;
}
#mainimage .slick-dotted.slick-slider {
  opacity: 0 !important;
  margin-bottom: 0 !important;
}
#mainimage .slick-next {
  position: absolute;
  opacity: 0 !important;
  right: 10px !important;
  z-index: 999999;
}
#mainimage .slick-next:hover:before {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 40px 3px !important;
  transition: 0.5s;
}
#mainimage .slick-next:before {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(255, 255, 255, 0.52);
  padding: 40px 3px;
}
#mainimage .slick-prev {
  position: absolute;
  opacity: 0 !important;
  left: 5px !important;
  z-index: 999999;
}
#mainimage .slick-prev:hover:before {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 40px 3px !important;
  transition: 0.5s;
}
#mainimage .slick-prev:before {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(255, 255, 255, 0.52);
  padding: 40px 3px;
}
#mainimage:hover .slick-dots {
  opacity: 1 !important;
  background-color: rgba(255, 255, 255, 0.52);
  transition: 0.5s;
}
#mainimage:hover .slick-dotted.slick-slider {
  opacity: 1 !important;
  transition: 0.5s;
}
#mainimage:hover .slick-next {
  opacity: 1 !important;
  transition: 0.5s;
}
#mainimage:hover .slick-prev {
  opacity: 1 !important;
  transition: 0.5s;
}

#jamagazine_ctn {
  width: 545px;
  float: left;
  margin-right: 20px;
}

#jamagazine {
  margin-top: 10px;
}

#jamagazine_image {
  width: 127px;
  float: left;
}

#jamagazine_image img {
  border: 1px solid #dadada;
}

#jamagazine_image p {
  font-size: 93%;
  text-align: center;
  margin-top: 0.3em;
}

#jamagazine_text {
  float: right;
  width: 410px;
  line-height: 1.5em;
}

#jamagazine_text h3 {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.2em;
}

#jamagazine_text h3 > span {
  font-size: 86%;
}

#jamagazine_text ul li {
  font-size: 93%;
  line-height: 1.5em;
  margin-top: 0.5em;
  list-style: disc outside;
  margin-left: 1.5em;
}

#jamagazine_text h4 {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 1em;
}

#jamagazine_text h4 > span {
  font-size: 86%;
}

#jamagazine_text .learn_more_button {
  margin-top: 1em;
}

#whats_new_ctn {
  width: 405px;
  float: left;
}

#whats_new {
  margin-top: 10px;
}

#whats_new iframe {
  width: 405px;
  border: none;
}

#rss_button {
  margin-left: 10px;
  margin-top: -3px;
}

#recommend_ctn {
  width: 970px;
  margin-top: 20px;
}

#recommend li {
  width: 300px;
  height: 135px;
  margin-left: 35px;
  margin-top: 15px;
  position: relative;
  float: left;
}

#recommend li.left_li {
  margin-left: 0;
}

#recommend li.under_li {
  border-top: 2px solid #91b741;
  padding-top: 15px;
}

#recommend li img.reccomend_image {
  float: left;
  margin-right: 10px;
}

#recommend h3 {
  font-size: 93%;
  line-height: 1.5em;
  font-weight: bold;
}

#recommend p {
  font-size: 93%;
  line-height: 1.5em;
  margin-top: 5px;
}

#recommend .learn_more_button2 {
  position: absolute;
  bottom: 0;
  left: 110px;
}

#banner_ctn {
  width: 1010px;
  margin: 15px auto;
}

#banner_ctn:before {
  display: block;
  height: 5px;
  content: " ";
  background: url(/top_css_js_img/images/top_contents_upper.png) no-repeat center 0;
}

#banner_ctn:after {
  display: block;
  width: 1010px;
  height: 10px;
  content: " ";
  background: url(/top_css_js_img/images/top_contents_lower.png) no-repeat 0 0;
}

#banner_contents {
  width: 970px;
  background: url(/top_css_js_img/images/top_contents_bg.png) repeat-y 0 0;
  position: relative;
  padding: 10px 20px;
}

#banner_list {
  width: 940px;
  margin: 15px auto 0 auto;
  position: relative;
}
#banner_list li {
  text-align: center;
}
#banner_list li img {
  display: inline-block;
}

.slick-prev2 {
  position: absolute;
  top: 0px;
  left: -15px;
  width: 13px;
  height: 60px;
  cursor: pointer;
  background: transparent url(/top_css_js_img/images/prev-horizontal.png) no-repeat 0 0;
}
.slick-prev2:hover {
  background-position: -13px 0;
}

.slick-next2 {
  position: absolute;
  top: 0px;
  right: -15px;
  width: 13px;
  height: 60px;
  cursor: pointer;
  background: transparent url(/top_css_js_img/images/next-horizontal.png) no-repeat 0 0;
}
.slick-next2:hover {
  background-position: -13px 0;
}

#mini_sitemap_ctn {
  width: 1010px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#mini_sitemap_ctn:before {
  display: block;
  height: 5px;
  content: " ";
  background: url(/top_css_js_img/images/top_contents_upper.png) no-repeat center 0;
}

#mini_sitemap_ctn:after {
  display: block;
  width: 1010px;
  height: 10px;
  content: " ";
  background: url(/top_css_js_img/images/top_contents_lower.png) no-repeat 0 0;
}

#mini_sitemap {
  width: 970px;
  background: url(/top_css_js_img/images/top_contents_bg.png) repeat-y 0 0;
  position: relative;
  padding: 10px 20px;
}

#mini_sitemap ul {
  width: 194px;
  float: left;
  margin-top: 10px;
}

#mini_sitemap ul li {
  list-style: outside disc;
  margin-left: 1.5em;
  font-size: 93%;
  line-height: 1.8em;
}

#mini_sitemap ul li a {
  color: #454545;
  text-decoration: underline;
}

#footer_ctn {
  width: 1000px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 25px;
  border-top: 1px solid #91b741;
}

#footer_ul {
  float: left;
}

#footer_ul li {
  float: left;
  font-size: 77%;
  color: #878787;
}

#footer_ul li a {
  color: #878787;
  text-decoration: underline;
}

#footer_ul li:before {
  content: "|";
  margin: 0 7px;
}

#footer_ul li:first-child:before {
  content: "";
}

#footer_ctn small {
  font-size: 77%;
  color: #878787;
  float: right;
}

.top_title {
  background: url(/top_css_js_img/images/top_title_bg.jpg);
  height: 21px;
  padding-top: 3px;
  padding-left: 13px;
}

#twitter_button {
  position: absolute;
  right: 0;
  top: 28px;
}

/* / ===top_contents=== */