@charset "UTF-8";
.mobile-content {
  display: none;
}

.to-top {
  display: none;
  position: fixed;
  bottom: 0;
  height: 0;
  width: 100%;
  z-index: 1000;
}
.to-top .container {
  text-align: right;
  height: 0;
  overflow: visible;
}
.to-top a.to-top-pointer {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  display: inline-block;
  position: relative;
  right: 10px;
  bottom: 100px;
  border: 1px solid #333333;
  padding: 10px;
  color: #333333;
  background-color: white;
}
.to-top a.to-top-pointer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.category-list {
  margin-bottom: 50px;
}
.category-list ul.category-content li {
  display: block;
}
.category-list ul.category-content li a {
  display: block;
}
.category-list ul.category-content li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.category-list ul.category-content li a img {
  max-width: 194px;
  margin-left: -10px;
}
.category-list ul.category-content li a h3 {
  font-size: 112.5%;
}

.subcategory-list {
  display: block;
  margin: 50px 0;
  line-height: 2em;
}
.subcategory-list dl {
  border-left: 1px solid #a3a8b5;
}
.subcategory-list dl dt {
  font-size: 100%;
  font-weight: bold;
}
.subcategory-list dl dd {
  margin: 0;
}
.subcategory-list dl dd li {
  list-style-type: none;
}
.subcategory-list dl:first-child {
  border-left: none;
}

.site-id {
  font-size: 87.5%;
  min-width: 1200px;
  color: white;
  background-color: #333333;
  padding: 12px 0;
}
.site-id ul {
  text-align: right;
}
.site-id ul li {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
.site-id ul li a {
  color: white;
}
.site-id ul li a:hover {
  text-decoration: underline;
}
.site-id ul li:first-child {
  border-right: 1px solid white;
}

.mobile-select-region {
  display: none;
}

.header {
  background-color: white;
}
.header.header-fixed {
  width: 100%;
  min-width: 1200px;
  position: fixed;
  border-bottom: 1px solid #535353;
  top: 0;
  z-index: 1000;
}
.header .global-search dl {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 5px;
}
.header .global-search dl dt {
  font-size: 87.5%;
  display: inline-block;
}
.header .global-search dl dt .icon-globe {
  position: relative;
  top: -0.1em;
}
.header .global-search dl dd {
  display: inline-block;
  margin-left: 0.5em;
  line-height: 1.4em;
  font-size: 87.5%;
}
.header .global-search dl dd .search-input {
  display: inline-block;
  border: 1px solid #333333;
}
.header .global-search dl dd .search-icon {
  display: inline-block;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding: 0 0.2em;
}
.header .header-container {
  overflow: hidden;
  *zoom: 1;
  display: block;
  position: relative;
  overflow: visible;
}
.header .header-container .logo {
  float: left;
  width: 220px;
  margin-top: -10px;
  margin-left: -10px;
}
.header .header-container .logo p {
  margin: 0;
}
.header .header-container .header-navigation {
  float: left;
  width: 900px;
  margin: 10px 0 25px;
}
.header .header-container .header-navigation ul li {
  display: inline-block;
  font-weight: bold;
  width: 12.5em;
  padding: 0 2px 5px;
  text-align: center;
  margin-bottom: 2px;
}
.header .header-container .header-navigation ul li a {
  border-right: 1px solid #333333;
  display: inline-block;
  width: 100%;
}
.header .header-container .header-navigation ul li:hover {
  border-bottom: 2px solid red;
  margin-bottom: 0;
}
.header .header-container .header-navigation ul li:first-child a {
  border-left: 1px solid #333333;
}
.header .header-container .header-navigation-megadrop {
  overflow: hidden;
  *zoom: 1;
  display: none;
  position: absolute;
  top: 3em;
  z-index: 2000;
  color: #333333;
  background: white;
  width: 1130px;
  border: 1px solid #e5e5e5;
  padding: 10px 15px;
  overflow: visible;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-menu {
  display: none;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-arrow-up {
  position: absolute;
  top: -9px;
  left: 0px;
  width: 17px;
  height: 9px;
  background: url("/etc/images/layouts/img_megadrop_arrow_up.png") no-repeat center bottom;
  z-index: 2001;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-bg {
  position: absolute;
  top: 35px;
  left: 366px;
  width: 791px;
  height: 277px;
  background: url("/etc/images/layouts/img_megadrop_bg.png") no-repeat;
  z-index: 2001;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left {
  position: relative;
  width: 350px;
  float: left;
  z-index: 2002;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left dl {
  margin: 0;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left dl a.title {
  padding-bottom: 10px;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left dl ul {
  margin-left: 60px;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left dl ul li {
  font-size: 100%;
  list-style-type: none;
  line-height: 2em;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-center {
  position: relative;
  width: 390px;
  float: left;
  z-index: 2002;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-right {
  position: relative;
  width: 390px;
  float: left;
  z-index: 2002;
}
.header .header-container .header-navigation-megadrop .megadrop-column {
  height: 105px;
}
.header .header-container .header-navigation-megadrop a.title {
  font-size: 137.5%;
  display: inline-block;
  color: #333333;
  padding: 31px 0 30px 30px;
  line-height: 33px;
}
.header .header-container .header-navigation-megadrop a.title:hover {
  color: red;
}
.header .header-container .header-navigation-megadrop .icon-megadrop {
  position: relative;
  top: 0.45em;
  margin-right: 10px;
}
.header .header-container .mobile-navigation {
  display: none;
}

.mobile-search {
  display: none;
}

.mobile-menu {
  display: none;
}

.footer .footer-navigation {
  margin-bottom: 50px;
  overflow: hidden;
  *zoom: 1;
}
.footer .footer-navigation ul {
  display: inline-block;
}
.footer .footer-navigation ul li {
  font-size: 87.5%;
  display: inline-block;
  border-right: 1px solid #333333;
  text-align: center;
  width: 182px;
}
.footer .footer-navigation ul li:first-child {
  border-left: 1px solid #333333;
}
.footer .copyright {
  min-width: 1200px;
  color: white;
  background-color: #333333;
  text-align: right;
  padding: 8px 0;
}
.footer .copyright p {
  margin: 0;
  padding-right: 10px;
}
.footer .copyright .pc-copyright {
  display: inline;
}
.footer .copyright .mobile-copyright {
  display: none;
}
.footer .copyright .copyright-container {
  font-size: 62.5%;
}

#wrap {
  padding-left: 20px;
  padding-right: 20px;
}

.lightbox {
  display: none;
}

.top-welcome {
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  position: relative;
  background-color: white;
  width: 900px;
  padding: 50px 75px;
  margin: 0 auto;
}
.top-welcome h2 {
  font-size: 250%;
  font-weight: bold;
  color: red;
  margin: 0 0 -10px;
}
.top-welcome .description {
  margin: 0;
}
.top-welcome h3 {
  font-size: 112.5%;
  font-weight: bold;
}
.top-welcome h3.header-bridgestone-group,
.top-welcome h3.header-tires-information {
  height: 45px;
}
.top-welcome .top-welcome-bridgestone-group {
  float: left;
  text-align: left;
}
.top-welcome .top-welcome-bridgestone-group a.top-welcome-bridgestone-group-information {
  display: block;
  background: url("/etc/images/top/img_lightbox_group.jpg") no-repeat;
  width: 315px;
  height: 106px;
  font-weight: bold;
  padding: 70px 55px;
}
.top-welcome .top-welcome-bridgestone-group a.top-welcome-bridgestone-group-information:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.top-welcome .top-welcome-bridgestone-group a.top-welcome-bridgestone-group-information p {
  font-size: 175%;
  position: relative;
  margin: 0;
  padding-left: 50px;
  color: white;
  line-height: 1.5em;
}
.top-welcome .top-welcome-bridgestone-group a.top-welcome-bridgestone-group-information p .icon-bridgestone-group-arrow {
  position: absolute;
  top: 40px;
  left: 0;
  background: url("/etc/images/icons/icon_arrow_white_l.png") no-repeat;
  width: 29px;
  height: 34px;
}
.top-welcome .top-welcome-bridgestone-group a.btn-bridgestone-americas {
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 425px;
}
.top-welcome .top-welcome-tires-information {
  float: right;
  text-align: left;
}
.top-welcome .top-welcome-tires-information .top-welcome-tires-information-select {
  background: url("/etc/images/top/img_lightbox_tires.jpg") no-repeat;
  width: 437px;
  height: 196px;
  padding: 25px 0;
}
.top-welcome .top-welcome-tires-information .top-welcome-tires-information-select h4 {
  font-size: 112.5%;
  margin: 0 0 0 40px;
}
.top-welcome .top-welcome-tires-information .top-welcome-tires-information-select h4 a {
  color: white;
}
.top-welcome .top-welcome-tires-information .top-welcome-tires-information-select form {
  font-size: 125%;
  margin: 0 40px 5px;
  color: #333333;
}
.top-welcome .top-welcome-tires-information .top-welcome-tires-information-select form select {
  padding: 5px 0;
}
.top-welcome .top-welcome-tires-information a.btn-other-products-site {
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 437px;
}
.top-welcome a.dialog-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
}
.top-welcome .icon-bridgestone-group {
  position: relative;
  top: 0.5em;
  display: inline-block;
  background: url("/etc/images/icons/icon_bridgestone.png") no-repeat;
  width: 39px;
  height: 34px;
  margin-right: 10px;
}
.top-welcome .icon-tires-information {
  position: relative;
  top: 0.5em;
  display: inline-block;
  background: url("/etc/images/icons/icon_tire.png") no-repeat;
  width: 29px;
  height: 29px;
  margin-right: 10px;
}
.top-welcome .icon-dialog-close {
  display: inline-block;
  background: url("/etc/images/icons/icon_dialog_close.png") no-repeat;
  width: 17px;
  height: 17px;
}

.top-main-visual {
  position: relative;
}
.top-main-visual .top-main-visual-top {
  background-color: #333333;
  margin-bottom: 45px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel {
  position: relative;
  overflow: hidden;
  min-width: 1200px;
  max-width: 1500px;
  height: 600px;
  margin: 0 auto;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel ul {
  width: 10000px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel ul li {
  float: left;
  width: 1500px;
  height: 600px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel ul li img {
  width: 1500px;
  height: 600px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  position: absolute;
  top: 70px;
  left: 30px;
  width: 1140px;
  height: 160px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic .top-main-visual-topic-bg {
  display: inline-block;
  color: white;
  background-color: #333333;
  padding: 10px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic .top-main-visual-topic-bg p {
  font-size: 162.5%;
  margin: 15px 0;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .btn-top-main-visual-more {
  font-size: 87.5%;
  display: block;
  position: absolute;
  top: 265px;
  left: 30px;
  width: 80px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  color: #333333;
  background-color: white;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .btn-top-main-visual-more:hover {
  color: white;
  background-color: #333333;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control {
  position: absolute;
  display: block;
  color: white;
  background-color: red;
  padding: 10px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control:hover {
  color: white;
  background-color: #333333;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control-left {
  top: 345px;
  left: 30px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control-right {
  top: 345px;
  right: 30px;
}
.top-main-visual .top-main-visual-top .top-main-visual-carousel-text {
  display: none;
}
.top-main-visual .top-main-visual-carousel-middle {
  position: absolute;
  top: 485px;
  min-width: 1200px;
  width: 100%;
  height: 160px;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail {
  display: block;
  overflow: hidden;
  width: 1180px;
  margin: 0 auto;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul {
  display: block;
  width: 10000px;
  margin: 0;
  padding: 0;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li {
  display: block;
  position: relative;
  float: left;
  width: 195px;
  height: 160px;
  overflow: hidden;
  margin-left: 2px;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li .img-crop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 220px;
  height: 160px;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li .img-crop img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  width: 500px;
  height: 200px;
  margin: -20px 0 0 -152px;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li .border {
  position: absolute;
  top: 157px;
  left: 0;
  display: none;
  width: 220px;
  height: 3px;
  z-index: 2;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li:first-child {
  margin-left: 0;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li.active .border {
  display: block;
  background-color: red;
}
.top-main-visual .top-main-visual-carousel-middle .top-main-visual-carousel-thumbnail ul li.active .img-crop img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: grayscale(0%);
}
.top-main-visual .top-main-visual-carousel-navigation {
  text-align: center;
  padding: 10px 0;
}
.top-main-visual .top-main-visual-carousel-navigation ul {
  display: block;
}
.top-main-visual .top-main-visual-carousel-navigation ul li {
  display: inline-block;
}
.top-main-visual .top-main-visual-carousel-navigation ul li.active a {
  color: red;
  background-color: transparent;
}

.top-news .top-news-title {
  position: relative;
  margin-top: 0;
  height: auto;
}
.top-news .top-news-title .top-header-news {
  font-size: 350%;
  position: relative;
  top: 0;
  left: 10px;
  margin-left: 10px;
  margin-bottom: 0;
  margin-top: 0;
}
.top-news .top-news-title .mobile-top-news-view-all {
  display: none;
}
.top-news .top-news-content {
  overflow: hidden;
  margin-bottom: 0;
}
.top-news .top-news-content .top-news-column {
  padding-left: 0;
}
.top-news .top-news-content .top-news-column .top-news-container {
  position: relative;
  border-left: 1px solid #535353;
  padding-left: 19px;
}
.top-news .top-news-content .top-news-column .top-news-container:hover {
  border-left: 5px solid red;
  padding-left: 15px;
  color: red;
}
.top-news .top-news-content .top-news-column .top-news-container a {
  display: block;
}
.top-news .top-news-content .top-news-column .top-news-container .link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-style: oblique;
  margin: 0 10px 0 0;
  color: red;
}
.top-news .pc-top-news-view-all {
  overflow: hidden;
  *zoom: 1;
  text-align: right;
  margin: 20px 0 100px;
  display: block;
}
.top-news a.btn-top-news-all {
  display: inline-block;
  padding: 10px 60px;
}
.top-news a.btn-top-news-rss {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 9px 10px 10px;
  margin-left: 0;
}
.top-news a.btn-top-news-rss span.icon-rss-large-white {
  background-image: url("/etc/images/icons/icon_rss_18px.png");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 0 0;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}

.top-location-map {
  background-image: -moz-linear-gradient(top, #9195a2 10%, #6d727d 90%);
  background-image: -webkit-linear-gradient(top, #9195a2 10%, #6d727d 90%);
  background-image: linear-gradient(to bottom, #9195a2 10%, #6d727d 90%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF9195A2', endColorstr='#FF6D727D');
  min-width: 1200px;
  padding: 50px 0 100px;
  background-color: #6d727d;
}
.top-location-map .top-header-location-map {
  font-size: 206.25%;
  color: white;
  margin: 0;
  line-height: 1.2em;
}
.top-location-map .description {
  color: white;
}
.top-location-map .mobile-top-location {
  display: none;
}
.top-location-map ul.location-list {
  display: block;
}
.top-location-map ul.location-list li {
  display: block;
  list-style-type: none;
}
.top-location-map ul.location-list ul.location-list-container li a.btn-location-select {
  font-size: 87.5%;
  font-weight: bold;
  padding-top: 19px;
  padding-bottom: 19px;
  display: block;
  margin: 0;
  color: red;
  background-color: white;
  text-align: center;
  border-left: 1px solid #a3a8b5;
  border-top: 1px solid #a3a8b5;
  border-bottom: 0;
}
.top-location-map ul.location-list ul.location-list-container li a.btn-location-select:hover, .top-location-map ul.location-list ul.location-list-container li a.btn-location-select.hover {
  color: white;
  background-color: red;
}
.top-location-map ul.location-list ul.location-list-container li a.btn-location-select span.icon {
  margin-right: 0.3em;
}
.top-location-map ul.location-list ul.location-list-container li:first-child a.btn-location-select {
  border-left: 0;
}
.top-location-map ul.location-list ul.location-list-container.top li a.btn-location-select {
  border-top: 0;
}
.top-location-map .location-map {
  display: block;
  position: relative;
  min-height: 600px;
  padding-left: 0;
}
.top-location-map .location-map .location-map-regions-wrap {
  position: absolute;
  top: 90px;
  left: 57px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions {
  position: relative;
  width: 1027px;
  height: 495px;
  margin: 0 auto;
  background: url("/etc/images/top/img_map_base.png") no-repeat;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions .location-map-region {
  position: absolute;
  cursor: pointer;
  display: block;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions .location-map-region .image {
  visibility: hidden;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions .location-map-region.hover .image {
  visibility: visible;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-europe {
  top: -1px;
  left: 410px;
  width: 264px;
  height: 213px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-europe .image {
  background: url("/etc/images/top/img_map_europe.png") no-repeat;
  width: 264px;
  height: 213px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-asia {
  top: 3px;
  left: 552px;
  width: 475px;
  height: 343px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-asia .image {
  background: url("/etc/images/top/img_map_asia.png") no-repeat;
  width: 475px;
  height: 343px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-oceania {
  top: 315px;
  left: 799px;
  width: 191px;
  height: 145px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-oceania .image {
  background: url("/etc/images/top/img_map_oceania.png") no-repeat;
  width: 191px;
  height: 145px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-middle-east-and-africa {
  top: 200px;
  left: 423px;
  width: 198px;
  height: 219px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-middle-east-and-africa .image {
  background: url("/etc/images/top/img_map_middle_east_and_africa.png") no-repeat;
  width: 198px;
  height: 219px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-north-america {
  top: -2px;
  left: 2px;
  width: 447px;
  height: 256px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-north-america .image {
  background: url("/etc/images/top/img_map_north_america.png") no-repeat;
  width: 447px;
  height: 256px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-central-america {
  top: 207px;
  left: 147px;
  width: 166px;
  height: 97px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-central-america .image {
  background: url("/etc/images/top/img_map_central_america.png") no-repeat;
  width: 166px;
  height: 97px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-south-america {
  top: 279px;
  left: 224px;
  width: 155px;
  height: 218px;
}
.top-location-map .location-map .location-map-regions-wrap .location-map-regions #location-map-region-south-america .image {
  background: url("/etc/images/top/img_map_south_america.png") no-repeat;
  width: 155px;
  height: 218px;
}
.top-location-map .location-map .location-overlay {
  background: rgba(0, 0, 0, 0.3);
  clear: both;
  overflow: hidden;
  padding: 0 25px 45px 45px;
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 1090px;
}
.top-location-map .location-map .location-overlay h3 {
  font-size: 162.5%;
  margin-bottom: 30px;
  width: 378px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  margin-top:25px;
}
.top-location-map .location-map .location-overlay #location-info-europe h3 {
  background: url("/etc/images/top/img_europe.png") no-repeat;
}
.top-location-map .location-map .location-overlay #location-info-asia h3 {
  background: url("/etc/images/top/img_asia.png") no-repeat;
}
.top-location-map .location-map .location-overlay #location-info-oceania h3 {
  background: url("/etc/images/top/img_oceania.png") no-repeat;
}
.top-location-map .location-map .location-overlay #location-info-middle-east-and-africa h3 {
  background: url("/etc/images/top/img_middle_east_and_africa.png") no-repeat;
}
.top-location-map .location-map .location-overlay #location-info-north-america h3 {
  background: url("/etc/images/top/img_north_ameica.png") no-repeat;
}
.top-location-map .location-map .location-overlay #location-info-central-america h3 {
  background: url("/etc/images/top/img_central_america.png") no-repeat;
}
.top-location-map .location-map .location-overlay #location-info-south-america h3 {
  background: url("/etc/images/top/img_south_america.png") no-repeat;
}
.top-location-map .location-map .location-overlay .location-detail-container {
  overflow: hidden;
  *zoom: 1;
}
.top-location-map .location-map .location-overlay .location-detail {
  background-color: #FFFFFF;
  width: 310px;
  padding: 5px 35px 20px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.top-location-map .location-map .location-overlay .location-detail h4 {
  font-size: 137.5%;
  margin: 30px 0;
}
.top-location-map .location-map .location-overlay .location-detail p.h-detail {
  font-size: 125%;
  margin: 0 0 20px;
  line-height: 1.5em;
}
.top-location-map .location-map .location-overlay .location-detail p {
  font-size: 75%;
  line-height: 2em;
}
.top-location-map .location-map .location-overlay .location-detail ul {
  list-style: none;
  margin-bottom: 10px;
}
.top-location-map .location-map .location-overlay .location-detail ul li {
  font-size: 75%;
  line-height: 2em;
}
.top-location-map .location-map .location-overlay .location-detail a {
  text-decoration: underline;
}

.top-about {
  margin-bottom: 90px;
}
.top-about .top-header-about {
  font-size: 350%;
  margin-left: 10px;
  margin-bottom: 0;
}
.top-about .description {
  font-size: 118.75%;
  line-height: 1.5em;
  margin-top: 10px;
  padding-left: 0;
}
.top-about ul.about-list li {
  position: relative;
  display: block;
  padding: 0;
}
.top-about ul.about-list li .image {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  top: 0;
}
.top-about ul.about-list li .image img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.top-about ul.about-list li .image img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.top-about ul.about-list li .image-mobile {
  display: none;
}
.top-about ul.about-list li .label {
  overflow: hidden;
  *zoom: 1;
  position: absolute;
  width: 100%;
  height: 65px;
  line-height: 65px;
  color: white;
  background-color: #333333;
  display: block;
  text-align: center;
}
.top-about ul.about-list li .label span.icon {
  display: none;
}
.top-about ul.about-list li .label span.icon-arrow {
  float: left;
  margin-left: 10px;
  margin: 25px 0 25px 10px;
}
.top-about ul.about-list li .label span.icon-corner {
  position: absolute;
  display: block;
  right: 10px;
  bottom: 10px;
}
.top-about ul.about-list li .label span.text {
  margin-right: 10px;
}
.top-about ul.about-list li:hover .label {
  color: white;
  background-color: red;
}
.top-about ul.about-list .about-list-bridgestone {
  background: url("/etc/images/top/img_about_bridgestone_pc.jpg") no-repeat;
  width: 290px;
  height: 604px;
  position: relative;
}
.top-about ul.about-list .about-list-bridgestone a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.top-about ul.about-list .about-list-bridgestone a .image {
  display: none;
}
.top-about ul.about-list .about-list-bridgestone a .description {
  font-size: 175%;
  margin-top: 40px;
  margin-left: 30px;
  line-height: 1.3em;
}
.top-about ul.about-list .about-list-bridgestone a .btn-see-more {
  display: block;
  text-align: center;
  padding: 10px;
  margin: 10px;
  color: white;
  background-color: #333333;
  margin-top: 30px;
  margin-left: 30px;
  width: 100px;
}
.top-about ul.about-list .about-list-bridgestone a .label {
  display: none;
}
.top-about ul.about-list .about-list-bridgestone:hover .btn-see-more {
  color: white;
  background-color: red;
}
.top-about ul.about-list .about-list-bridgestone:hover .description {
  color: red;
}
.top-about ul.about-list .about-list-philosophy,
.top-about ul.about-list .about-list-company-data {
  height: 251px;
}
.top-about ul.about-list .about-list-philosophy a.label,
.top-about ul.about-list .about-list-company-data a.label {
  top: 186px;
}
.top-about ul.about-list .about-list-profile,
.top-about ul.about-list .about-list-our-story {
  height: 251px;
}
.top-about ul.about-list .about-list-profile a.image,
.top-about ul.about-list .about-list-our-story a.image {
  top: 65px;
}
.top-about ul.about-list .about-list-profile a.label,
.top-about ul.about-list .about-list-our-story a.label {
  top: 0;
}
.top-about ul.about-list .about-list-products {
  padding-left: 0;
  height: 502px;
}
.top-about ul.about-list .about-list-products a.label {
  top: 437px;
}
.top-about ul.about-list .about-list-see-locations {
  height: 102px;
  background-color: #e5e5e5;
  position: relative;
}
.top-about ul.about-list .about-list-see-locations .description {
  font-size: 100%;
  display: block;
  margin-left: 40px;
  margin-top: 15px;
  line-height: 2em;
}
.top-about ul.about-list .about-list-see-locations .description strong {
  font-size: 175%;
  letter-spacing: 0.2em;
}
.top-about ul.about-list .about-list-see-locations a.image,
.top-about ul.about-list .about-list-see-locations a.label {
  display: none;
}
.top-about ul.about-list .about-list-see-locations .btn-see-locations {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  padding: 10px 60px;
}

/* for debug */
hr {
  clear: both;
}

h2.pre {
  background-color: #FFEE55;
}

/* for debug */
ul.bread-crumb {
  font-size: 81.25%;
  margin: 20px 0 30px;
}
ul.bread-crumb li {
  display: inline;
  margin-left: 10px;
}
ul.bread-crumb li a {
  text-decoration: underline;
}
ul.bread-crumb li a:after {
  content: url("/etc/images/icons/icon_arrow_black_pc.png");
  padding-left: 15px;
}

h1.page-title {
  font-size: 225%;
  position: relative;
}
h1.page-title .text {
  position: absolute;
  text-align: right;
  bottom: 15px;
  right: 20px;
}

h1.page-title-s {
  font-size: 225%;
  font-weight: bold;
  padding: 0 10px 30px;
}

h2.page-title-a {
  font-size: 150%;
  border-left: 3px solid #333333;
  padding-left: 15px;
  line-height: 1.5em;
}
h2.page-title-a .h-subtitle {
  font-size: 87.5%;
  font-weight: normal;
  margin: 0;
  display: block;
}

h2.page-title-a.top .h-subtitle {
  margin-top: 15px;
}

h2.page-title-a.bottom .h-subtitle {
  margin-bottom: 15px;
}

h3.page-title-b {
  font-size: 112.5%;
  background-color: #f5f5f5;
  padding: 14px 20px;
}

h4.page-title-c {
  font-size: 112.5%;
  border-top: 1px solid #333333;
  padding: 20px 10px;
  font-weight: normal;
  margin-bottom:10px;
}

ul.sns-list {
  text-align: right;
  margin: 0 0 30px;
}
ul.sns-list li {
  display: inline-block;
  margin-left: 24px;
}
ul.sns-list li a {
  width: 31px;
  height: 31px;
  display: block;
}
ul.sns-list li a img {
  width: 31px;
  height: 31px;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
ul.sns-list li.x a {
  background: none;
}
ul.sns-list li.x a img {
  width: 26px;
  height: 26px;
}
ul.sns-list li.x a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
ul.sns-list li.fb a {
  background: url("/etc/images/detail/icon_fb_pc_on.png") no-repeat 50% 50%;
}
ul.sns-list li.fb a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
ul.sns-list li.google a {
  background: url("/etc/images/detail/icon_google_pc_on.png") no-repeat 0% 50%;
}
ul.sns-list li.google a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
ul.sns-list li.tumblr a {
  background: url("/etc/images/detail/icon_tumblr_pc_on.png") no-repeat 50% 50%;
}
ul.sns-list li.tumblr a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@keyframes 'fade' {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
ul.anchor-link {
  border: 1px solid #333333;
  overflow: hidden;
  padding: 10px 50px;
  list-style: none;
  margin-bottom:30px;
}
ul.anchor-link li {
  font-size: 106.25%;
  float: left;
  white-space: nowrap;
  margin-right: 50px;
  line-height: 2em;
}
ul.anchor-link li:before {
  content: "▼";
}
ul.anchor-link li:hover {
  color: red;
}

ul.bnr-list {
  overflow: hidden;
  list-style: none;
  margin-bottom:20px;
}
ul.bnr-list li {
  margin: 0 10px 10px 0;
  float: left;
}

.topics-link,
.topics-link-list,
.topics-link-text {
  margin-bottom: 20px;
}
.topics-link a:hover .label,
.topics-link-list a:hover .label,
.topics-link-text a:hover .label {
  color: white;
  background-color: red;
}
.topics-link a:hover .label.arrow,
.topics-link-list a:hover .label.arrow,
.topics-link-text a:hover .label.arrow {
  background-image: url("/etc/images/icons/icon_arrow_white_pc.png");
  color: white;
  background-color: red;
}
.topics-link a:hover .label.dark.arrow,
.topics-link-list a:hover .label.dark.arrow,
.topics-link-text a:hover .label.dark.arrow {
  color: white;
  background-color: red;
}
.topics-link a:hover img,
.topics-link-list a:hover img,
.topics-link-text a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.topics-link .label,
.topics-link-list .label,
.topics-link-text .label {
  background-color: #e5e5e5;
  margin: 0;
  padding: 10px 30px;
  font-weight: bold;
}
.topics-link .label.arrow,
.topics-link-list .label.arrow,
.topics-link-text .label.arrow {
  background-image: url("/etc/images/icons/icon_arrow_black_pc.png");
  background-repeat: no-repeat;
  background-position: 32px 15px;
  padding-left: 46px;
}
.topics-link .label.dark.arrow,
.topics-link-list .label.dark.arrow,
.topics-link-text .label.dark.arrow {
  background-color: #333333;
  background-image: url("/etc/images/icons/icon_arrow_white_pc.png");
  background-repeat: no-repeat;
  color: white;
}
.topics-link li,
.topics-link-list li,
.topics-link-text li {
  list-style: none;
}

.topics-link a {
  display: block;
}

.topics-link-list .topics-content.in-box {
  position: relative;
}
.topics-link-list .topics-content.in-box p.h-link-list {
  background-color: #e5e5e5;
  padding: 10px 30px;
  margin: 0;
}
.topics-link-list .topics-content.in-box ul {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.topics-link-list .topics-content.in-box ul li {
  margin-top: 1px;
  background-color: #e5e5e5;
  background-image: url("/etc/images/icons/icon_arrow_black_pc.png");
  background-repeat: no-repeat;
  background-position: 32px 15px;
  padding-left: 46px;
}
.topics-link-list .topics-content.in-box ul li a {
  padding: 10px 0;
  display: block;
}
.topics-link-list .topics-content.over-box {
  position: relative;
  padding-top: 88px;
}
.topics-link-list .topics-content.over-box img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.topics-link-list .topics-content.over-box p.h-link-list {
  background-color: #e5e5e5;
  padding: 10px 30px;
  margin: 0;
}
.topics-link-list .topics-content.over-box ul {
  width: 100%;
}
.topics-link-list .topics-content.over-box ul li {
  margin-top: 1px;
  background-color: #e5e5e5;
  background-image: url("/etc/images/icons/icon_arrow_black_pc.png");
  background-repeat: no-repeat;
  background-position: 32px 15px;
  padding-left: 46px;
}
.topics-link-list .topics-content.over-box ul li a {
  padding: 10px 0px;
  display: block;
}

.topics-text {
  margin-bottom: 20px;
}
.topics-text dl {
  margin: 0;
  border: 1px solid #333333;
}
.topics-text dl dt {
  font-size: 112.5%;
  padding: 15px 10px;
  border-bottom: 1px solid #333333;
  font-weight: bold;
}
.topics-text dl dt a {
  text-decoration: underline;
}
.topics-text dl dt p {
  font-size: 81.25%;
  font-weight: normal;
  margin: 0;
}
.topics-text dl dd {
  font-size: 87.5%;
  padding: 15px 10px;
  margin: 0;
}
.topics-text-image {
  margin-bottom: 20px;
}

.topics-text-image .label,
.topics-text-list .label {
  padding: 10px 10px 10px 25px;
  margin-top:0px;
}
.topics-text-image .label.dark,
.topics-text-list .label.dark {
  color: white;
  background-color: #333333;
}
.topics-text-image .label.light,
.topics-text-list .label.light {
  color: #333333;
  background-color: #e3e3e3;
}
.topics-text-image .text-content,
.topics-text-list .text-content {
  overflow: hidden;
}
.topics-text-image .text-content.image-right img {
  float: right;
  margin-left: 10px;
}
.topics-text-image .text-content.image-right p.text {
  margin: 0 -10px 0 0;
}
.topics-text-image .text-content.image-left img {
  float: left;
  margin-right: 10px;
}
.topics-text-image .text-content.image-left p.text {
  margin: 0 0 0 -10px;
  padding-left: 20px;
}
.topics-text-image a:hover .label {
  color: white;
  background-color: red;
}
.topics-text-image a:hover .label.light span {
  background-position: -65px -245px;
}
.topics-text-image a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.download-content {
  border: 1px solid #818181;
  padding: 10px 0 10px 10px;
  overflow: hidden;
  margin-bottom:30px;
}
.download-content .image {
  float: left;
  margin: 0;
}
.download-content a {
  text-decoration: underline;
}
.download-content .download-list .h-download-list {
  font-size: 112.5%;
  font-weight: bold;
  margin: 0 0 10px;
}
.download-content .download-list ul {
  list-style: none;
  padding-left: 30px;
}
.download-content .download-list ul li {
  margin-bottom: 10px;
}

p.h-strong {
  display: inline-block;
  border: 2px solid #333333;
  text-align: center;
  padding: 0 40px;
  line-height: 30px;
  margin-top:0px;
  margin-bottom: 30px;
}

a.link-arrow {
  background: url("/etc/images/icons/icon_arrow_gray_pc.png") no-repeat 0 50%;
  padding-left: 10px;
  text-decoration: underline;
}
a.link-arrow:hover {
  background: url("/etc/images/icons/icon_arrow_gray_pc_red.png") no-repeat 0 50%;
}

a.link-blank {
  background: url("/etc/images/icons/icon_external_link.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: underline;
}
a.link-blank:hover {
  background: url("/etc/images/icons/icon_external_link_red.png") no-repeat 100% 50%;
}

a.link-category {
  background: url("/etc/images/icons/icon_other_category_link_pc.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: underline;
}
a.link-category:hover {
  background: url("/etc/images/icons/icon_other_category_link_pc_red.png") no-repeat 100% 50%;
}

a.link-pdf {
  background: url("/etc/images/icons/icon_pdf_pc.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: underline;
}
a.link-pdf:hover {
  background: url("/etc/images/icons/icon_pdf_pc_red.png") no-repeat 100% 50%;
}

a.link-rss {
  background: url("/etc/images/icons/icon_rss_pc.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: underline;
}
a.link-rss:hover {
  background: url("/etc/images/icons/icon_rss_pc_red.png") no-repeat 100% 50%;
}

a.link-mail {
  background: url("/etc/images/icons/icon_mail_pc.png") no-repeat 0% 50%;
  padding-left: 36px;
}
a.link-mail:hover {
  background: url("/etc/images/icons/icon_mail_pc_red.png") no-repeat 0% 50%;
}

a.btn-view-all,
a.btn-back {
  display: inline-block;
  padding-right: 1.5em;
  width: 16.3em;
  height: 2.4em;
  line-height: 2.4em;
  box-sizing: border-box;
  color: white;
  background-color: #333333;
  text-align: center;
}
a.btn-view-all:hover,
a.btn-back:hover {
  background-color: red;
}

a.btn-learn-more,
a.btn-find-out-more {
  display: inline-block;
  padding-right: 0.5em;
  width: 16.3em;
  height: 2.4em;
  line-height: 2.4em;
  box-sizing: border-box;
  color: white;
  background-color: #a3a8b5;
  text-align: center;
}
a.btn-learn-more:hover,
a.btn-find-out-more:hover {
  background-color: red;
}

a.btn-image-link {
  display: inline-block;
  padding-right: 1.5em;
  width: 16.3em;
  height: 2.4em;
  line-height: 2.4em;
  box-sizing: border-box;
  color: #333333;
  background-color: white;
  border: 1px solid #333333;
  text-align: center;
}
a.btn-image-link:hover {
  background-color: #333333;
  color: white;
}
a.btn-image-link:hover span.icon {
  background-position: -65px -245px;
}

a.btn-large {
  font-size: 143.75%;
  font-weight: bold;
  display: inline-block;
  padding: 0 4em 0 2em;
  height: 2.4em;
  line-height: 2.4em;
  box-sizing: border-box;
  color: white;
  background-color: #333333;
  margin-bottom:30px;
}
a.btn-large span.icon {
  margin-right: 1em;
}
a.btn-large:hover {
  background-color: red;
}

span.icon-new {
  display: inline-block;
  background-color: red;
  color: white;
  width: 6em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}

.title-news {
  font-size: 150%;
  background-color: #333333;
  color: white;
  font-weight: bold;
  padding: 25px;
}
.title-news .subtitle {
  font-size: 62.5%;
  font-weight: normal;
  margin: 10px 0 0;
}

.date-news {
  text-align: right;
  margin: 15px 0;
}

.column-gray {
  font-size: 150%;
  background-color: #818181;
  color: white;
  font-weight: bold;
  padding: 25px;
  margin-bottom: 40px;
}
.column-gray .subtitle {
  font-size: 62.5%;
  font-weight: normal;
  margin: 10px 0 0;
}

.column {
  border: 1px solid #333333;
  margin-bottom: 40px;
}
.column .title {
  font-size: 100%;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  padding: 20px 30px;
  margin: 0;
}
.column .column-body {
  padding: 0px 30px;
  overflow: hidden;
}
.column .column-body .contact-left {
  float: left;
  width: 600px;
}
.column .column-body .contact-right {
  width: 215px;
  padding: 15px 0 5px 610px;
}
.column .column-body .contact-right .btn {
  padding: 15px;
}

.column.caution {
  border: 1px solid red;
}
.column.caution .title {
  color: red;
  border-bottom: 1px solid red;
}

.indent-01 {
  padding-left: 2em;
}

.indent-02 {
  padding-left: 4em;
}

span.indent-01,
span.indent-02 {
  display: inline-block;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 87.5%;
}

.text-lead {
  font-weight: bold;
  font-size: 100%;
}

.text-note {
  font-size: 87.5%;
  text-indent: -0.4em;
  padding-left: 4px;
}

ul.list-normal {
  font-size: 87.5%;
  margin: 0 0 30px 1.3em;
}
ul.list-normal li {
  line-height: 1.5em;
  list-style-type: disc;
  list-style-position: outside;
  margin-bottom: 0.75em;
}

ol.list-normal {
  padding-left: 0;
  list-style: none;
  counter-reset: notes;
  margin: 0 0 30px 1.3em;
  font-size: 87.5%;
}
ol.list-normal li {
  line-height: 1.5em;
  text-indent: -1.3em;
  margin-bottom: 0.75em;
}
ol.list-normal li:before {
  counter-increment: notes;
  content: counter(notes) ".";
  font-weight: bold;
  padding-right: 5px;
  font-size: 112.5%;
}

ol.list-note {
  padding-left: 0;
  list-style: none;
  counter-reset: notes;
  margin: 0 0 30px 1.3em;
  font-size: 87.5%;
}
ol.list-note li {
  line-height: 1.5em;
  text-indent: -1.3em;
  margin-bottom: 0.75em;
}
ol.list-note li:before {
  counter-increment: notes;
  content: "*" counter(notes);
  padding-right: 5px;
}

hr.line-dash {
  border: 0;
  border-bottom: 1px dashed #a3a8b5;
  margin: 25px 0;
}

hr.line-normal {
  border: 0;
  border-bottom: 1px solid #333333;
  margin: 25px 0;
}

dl.profile-box {
  display: table;
  border: 1px solid #333333;
  margin-top:0;
  margin-bottom:30px;
}
dl.profile-box dt {
  display: table-cell;
  width: 260px;
  vertical-align: middle;
}
dl.profile-box dd {
  display: table-cell;
  border-left: 1px solid #333333;
  vertical-align: middle;
  padding: 20px;
  line-height: 1.5em;
}

table.table-normal {
  width: 870px;
  border: 1px solid #333333;
}
table.table-normal th {
  background-color: #858585;
  border: 1px solid #333333;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 10px;
}
table.table-normal td {
  border: 1px solid #333333;
  padding: 10px;
  vertical-align:top;
}
table.table-normal .dark {
  background-color: #333333;
  color: white;
  border-bottom: 1px solid white;
}
table.table-normal .dark-light {
  background-color: #cccccc;
  color: #333333;
  border-bottom: 1px solid white;
}
table.table-normal .title-cell {
  text-align: left;
  padding-left: 30px;
  width: 20%;
}

table.no-border {
  border: none;
}
table.no-border th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}
table.no-border td {
  vertical-align: top;
  padding: 6px 10px;
}

.article {
  margin-top:0px;
  margin-bottom:30px;
}
.article .article-text {
  padding-left: 10px;
  font-size: 112.5%;
}
.article .image-wide {
  margin: 1.5em auto;
}
.article .image-wide p {
  margin: 5px 10px;
  font-size: 87.5%;
}
.article .image-right {
  float: right;
  margin-top: 1.5em;
  margin-left: 30px;
  padding-bottom: 20px;
}
.article .image-right p {
  margin: 5px 10px;
  font-size: 87.5%;
}
.article .image-left {
  float: left;
  margin-top: 1.5em;
  margin-right: 30px;
  padding-bottom: 20px;
}
.article .image-left p {
  margin: 5px 10px;
  font-size: 87.5%;
}
.article .image-center {
  width: 425px;
  margin: 1.5em auto 0;
}
.article .image-center p {
  margin: 5px 10px;
  font-size: 87.5%;
  text-align: left;
}

.article.bg-shade {
  background-color: #f5f5f5;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
}

.question-list {
  overflow: hidden;
}
.question-list .question {
  overflow: hidden;
  margin-bottom: 30px;
}
.question-list .question .h-question {
  font-size: 93.75%;
  padding-left: 70px;
  margin: 3px;
}
.question-list .question .h-question a {
  text-decoration: underline;
}

.q-and-a {
  border: 1px solid #333333;
  margin-bottom: 40px;
}
.q-and-a .question {
  font-size: 100%;
  border-bottom: 1px solid #333333;
  padding: 20px;
  margin: 0;
}
.q-and-a .question .h-question {
  font-size: 93.75%;
  padding-left: 70px;
  margin: 3px;
}
.q-and-a .answer {
  padding: 0px 20px;
  overflow: hidden;
}
.q-and-a .answer a {
  text-decoration: underline;
}
.q-and-a .answer .image-right {
  float: right;
  margin-left: 30px;
  padding-bottom: 20px;
}
.q-and-a .answer .image {
  text-align: center;
  margin-bottom: 10px;
}
.q-and-a .answer .caption {
  font-size: 87.5%;
  margin-top: 10px;
}

.icon-question {
  font-size: 100%;
  display: inline-block;
  background-color: #333333;
  color: white;
  float: left;
  height: 28px;
  line-height: 28px;
  width: 50px;
  text-align: center;
}

.movie-area {
  margin-bottom: 40px;
  text-align: center;
}
.movie-area .movie-full {
  width: 870px;
  height: 490px;
}

.movie-area-s {
  margin-bottom: 40px;
}
.movie-area-s .movie-half {
  width: 425px;
  height: 240px;
}

.adobe-reader {
  border: 1px solid #818181;
  display: table;
  margin-top:0;
  margin-bottom:30px;
}
.adobe-reader dt {
  background-color: white;
  padding: 10px 30px;
  display: table-cell;
  vertical-align: middle;
}
.adobe-reader dd {
  padding: 10px 30px;
  background-color: #818181;
  color: white;
  display: table-cell;
  vertical-align: middle;
}

ul.thumbnail-list {
  list-style: none;
  overflow: hidden;
}
ul.thumbnail-list li {
  float: left;
  margin: 10px;
}

#lightbox-image {
  background-color: white;
  border: 1px solid #a3a8b5;
  padding: 40px 45px;
  margin: 0 auto;
  text-align: center;
  width: 650px;
}
#lightbox-image .image {
  margin: 0 0 1.5em;
}
#lightbox-image .lightbox-btn-close a {
  font-size: 112.5%;
  border: 1px solid #333333;
  width: 110px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
}
#lightbox-image .lightbox-btn-close a:hover {
  border: 1px solid red;
}
#lightbox-image .lightbox-icon-prev {
  float: left;
  margin: 0;
}
#lightbox-image .lightbox-icon-next {
  float: right;
  margin: 0;
}

ul.step-navi {
  text-align: center;
  margin-bottom: 80px;
}
ul.step-navi li {
  display: inline-block;
  background-color: black;
  margin-left: 1px;
}
ul.step-navi li a {
  display: block;
  line-height: 32px;
  height: 32px;
  padding: 0 12px;
  color: white;
}
ul.step-navi li a:hover {
  background-color: red;
}
ul.step-navi li.current {
  background-color: red;
}

ul.footer-bnr-area {
  overflow: hidden;
  list-style: none;
  margin-right: -4px;
  margin-bottom: 80px;
}
ul.footer-bnr-area li {
  float: left;
  margin: 4px;
}

/* side-content */
#side-content {
  padding-left: 20px;
}
#side-content .h-side-content {
  font-size: 112.5%;
  background-color: #333333;
  color: white;
  padding: 5px 10px;
  margin: 0;
}
#side-content .h-side-content .icon {
  display: none;
}
#side-content .bg-side-content {
  background-color: #f5f5f5;
}
#side-content ul.location-navi {
  font-size: 93.75%;
  list-style-position: inside;
  padding: 20px;
  margin-left: 1em;
}
#side-content ul.location-navi li {
  padding: 5px 0;
  list-style-type: disc;
  text-indent: -1em;
}
#side-content ul.location-navi li.current {
  color: red;
}
#side-content ul.location-navi li.current a {
  color: red;
  text-decoration: underline;
}
#side-content ul.location-navi li.list-arrow {
  list-style: none;
}
#side-content ul.location-navi li.list-arrow:before {
  content: "> ";
}
#side-content ul.location-navi ul {
  margin-left: 30px;
}
#side-content ul.side-bnr-list {
  list-style: none;
}
#side-content ul.side-bnr-list li {
  margin-bottom: 10px;
}

h2.headline-text {
  font-size: 150%;
  font-weight: bold;
  border-bottom: 1px solid #333333;
}

dl.information-panel {
  border: solid #333333;
  border-width: 1px 1px 1px 3px;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
  display: table;
  margin-top:0;
  margin-bottom:30px;
}
dl.information-panel dt {
  font-size: 112.5%;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  width: 7.8em;
}
dl.information-panel dd {
  font-size: 87.5%;
  display: table-cell;
  vertical-align: middle;
}
dl.information-panel dd a {
  text-decoration: underline;
}
dl.information-panel dd.date {
  border-left: 1px solid #333333;
  padding-left: 1.4em;
  width: 7.1em;
}

dl.category-summary {
  display: table;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  margin-top:0;
  margin-bottom:30px;
}
dl.category-summary dt {
  font-size: 237.5%;
  font-weight: bold;
  width: 9.2em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
dl.category-summary dd {
  padding: 48px 54px;
  border-left: 1px dotted #333333;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5em;
}

.sitemap-h-category {
  font-size: 150%;
  margin: 1em 0;
}

ul.sitemap-list-category li {
  margin-bottom: 1.7em;
  margin-left: 0.7em;
  list-style: none;
}
ul.sitemap-list-category li a {
  text-decoration: underline;
  background: url("/etc/images/icons/icon_arrow_gray_pc.png") no-repeat 0 center;
  padding-left: 1.4em;
}
ul.sitemap-list-category li a:hover {
  background: url("/etc/images/icons/icon_arrow_gray_pc_red.png") no-repeat 0 center;
}

.tab-panel-wrap {
  margin-top: 0;
  margin-bottom: 30px;
}

.tab-panel-wrap ul.tab-btn li {
  display: inline-block;
  text-align: center;
}
.tab-panel-wrap ul.tab-btn li a {
  border: 1px solid #333333;
  margin-bottom: -1px;
  background-color: #f5f5f5;
  display: inline-block;
  padding: 15px 24px;
  font-weight: bold;
}
.tab-panel-wrap ul.tab-btn li a.active {
  border-bottom: 1px solid white;
  color: red;
  background: url("/etc/images/list/bg_tab_active.png") no-repeat center bottom;
  background-color: white;
}
.tab-panel-wrap ul.tab-btn li a span {
  display: none;
}
.tab-panel-wrap ul.tab-btn li .tab-panel {
  display: none;
}
.tab-panel-wrap ul.tab-btn li .tab-panel.active {
  display: none;
}
.tab-panel-wrap .mobile-tab-panel {
  display: none;
}
.tab-panel-wrap .tab-panel {
  display: none;
}
.tab-panel-wrap .tab-panel.active {
  display: block;
  font-size: 87.5%;
  border: 1px solid #333333;
  padding: 30px 20px;
}

.area-tab-panel-wrap .mobile-area-panel {
  display: none;
}
.area-tab-panel-wrap .area-panel {
  display: none;
}
.area-tab-panel-wrap .area-panel.active {
  display: block;
}
.area-tab-panel-wrap .area-panel .panel-country {
  margin-bottom: 40px;
}
.area-tab-panel-wrap .area-panel .panel-country .h-country {
  font-size: 112.5%;
  font-weight: bold;
  border-left: 5px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 20px;
}
.area-tab-panel-wrap .area-panel .panel-country .h-detail {
  font-size: 112.5%;
  font-weight: bold;
  padding-left: 20px;
}
.area-tab-panel-wrap .area-panel .panel-country ul {
  padding-left: 40px;
  list-style: none;
}
.area-tab-panel-wrap .area-panel .panel-country ul li {
  margin-bottom: 10px;
}
.area-tab-panel-wrap .area-panel .panel-country ul li a {
  text-decoration: underline;
}

.category-tab-panel-wrap {
  margin-bottom: 30px;
}
.category-tab-panel-wrap ul.plants-category {
  list-style: none;
  overflow: hidden;
}
.category-tab-panel-wrap ul.plants-category li {
  padding: 0;
}
.category-tab-panel-wrap ul.plants-category li a {
  font-size: 112.5%;
  font-weight: bold;
  background-color: white;
  border: 1px solid #333333;
  padding: 30px 0;
  text-align: center;
  color: #333333;
  display: block;
}
.category-tab-panel-wrap ul.plants-category li a:hover {
  color: red;
}
.category-tab-panel-wrap ul.plants-category li a.active {
  color: white;
  border: 1px solid #818181;
  background-color: #818181;
}
.category-tab-panel-wrap ul.plants-category li a.active:hover {
  color: white;
}
.category-tab-panel-wrap ul.plants-category li a span {
  display: none;
}
.category-tab-panel-wrap ul.plants-category li.center a {
  border-width: 1px 0;
}
.category-tab-panel-wrap ul.plants-category li .category-panel {
  display: none;
}
.category-tab-panel-wrap ul.plants-category li .category-panel.active {
  display: none;
}
.category-tab-panel-wrap .mobile-category-panel {
  display: none;
}
.category-tab-panel-wrap .category-panel {
  display: none;
}
.category-tab-panel-wrap .category-panel.active {
  display: block;
}
.category-tab-panel-wrap .category-panel ul.area-list {
  background-color: #818181;
  padding: 22px 0;
  overflow: hidden;
}
.category-tab-panel-wrap .category-panel ul.area-list li {
  font-size: 87.5%;
  display: inline-block;
  width: 140px;
  text-align: center;
  border-right: 1px solid white;
}
.category-tab-panel-wrap .category-panel ul.area-list li a {
  color: white;
  padding: 4px 6px;
  width: 100%;
}
.category-tab-panel-wrap .category-panel ul.area-list li a.active {
  text-decoration: underline;
  background-color: #666666;
}
.category-tab-panel-wrap .category-panel .category-area-panel {
  display: none;
}
.category-tab-panel-wrap .category-panel .category-area-panel.active {
  display: block;
}
.category-tab-panel-wrap .category-panel .category-area-panel .panel-country {
  margin-bottom: 40px;
}
.category-tab-panel-wrap .category-panel .category-area-panel .panel-country .h-country {
  font-size: 112.5%;
  font-weight: bold;
  border-left: 5px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 20px;
}
.category-tab-panel-wrap .category-panel .category-area-panel .panel-country .h-detail {
  font-size: 112.5%;
  font-weight: bold;
  padding-left: 20px;
}
.category-tab-panel-wrap .category-panel .category-area-panel .panel-country ul {
  padding-left: 40px;
  list-style: none;
}
.category-tab-panel-wrap .category-panel .category-area-panel .panel-country ul li {
  margin-bottom: 10px;
}
.category-tab-panel-wrap .category-panel .category-area-panel .panel-country ul li a {
  text-decoration: underline;
}

ul.area-nav-link {
  font-size: 87.5%;
  border-left: 1px solid #333333;
  margin-bottom: 20px;
  overflow: hidden;
}
ul.area-nav-link li {
  display: inline-block;
  width: 145px;
  border-right: 1px solid #333333;
  text-align: center;
}
ul.area-nav-link li a {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  color: #333333;
  text-decoration: underline;
}
ul.area-nav-link li a span {
  display: none;
}
ul.area-nav-link li a.active {
  color: red;
  text-decoration: none;
}
ul.area-nav-link li a:hover {
  color: red;
}
ul.area-nav-link li .area-panel {
  display: none;
}
ul.area-nav-link li .area-panel.active {
  display: none;
}

ul.products-list {
  overflow: hidden;
}
ul.products-list li {
  list-style: none;
  margin-bottom: 2.8em;
}
ul.products-list li a dl {
  margin: 0;
  position: relative;
  min-height: 160px;
}
ul.products-list li a dl dt {
  font-size: 206.25%;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  padding: 5px 60px 5px 10px;
  margin-left: 145px;
}
ul.products-list li a dl dt span {
  background: url("/etc/images/icons/icon_down_red_pc.png") no-repeat right center;
  padding-right: 30px;
  display: inline-block;
}
ul.products-list li a dl dd {
  font-size: 87.5%;
  margin: 0;
  padding: 0.7em;
  line-height: 1.5em;
  margin-left: 145px;
}
ul.products-list li a dl dd.image {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
ul.products-list li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.event-information {
  margin-bottom: 2.2em;
  overflow: hidden;
}
.event-information a .image {
  float: left;
  margin: 0;
}
.event-information a .text {
  font-size: 150%;
}
.event-information a .text p {
  padding-left: 10px;
  margin: 0.5em 0;
}
.event-information a .text .info {
  font-size: 62.5%;
  margin: 0;
}
.event-information a .text .btn {
  font-size: 62.5%;
  display: block;
  text-align: center;
  width: 80px;
  height: 20px;
  line-height: 20px;
  padding: 10px;
  margin: 2.5em 0.8em;
  color: white;
  background-color: #333333;
}
.event-information a .text span.icon-open {
  background-color: red;
  font-size: 75%;
  color: white;
  font-weight: bold;
  width: 110px;
  height: 2.2em;
  line-height: 2.2em;
  text-align: center;
  display: block;
  margin-bottom: 1.5em;
}
.event-information a .text span.icon-open span.icon-baloon {
  display: inline-block;
  width: 110px;
  height: 8px;
  background: url("/etc/images/list/baloon_open.png") no-repeat 50% 0;
  float: left;
}
.event-information a .text span.icon-close {
  background-color: #999999;
  font-size: 75%;
  color: white;
  font-weight: bold;
  width: 110px;
  height: 2.2em;
  line-height: 2.2em;
  text-align: center;
  display: block;
  margin-bottom: 1.5em;
}
.event-information a .text span.icon-close span.icon-baloon {
  display: inline-block;
  width: 110px;
  height: 8px;
  background: url("/etc/images/list/baloon_close.png") no-repeat 50% 0;
  float: left;
}
.event-information a:hover .btn {
  color: white;
  background-color: red;
}
.event-information a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.image-link,
.image-link-s {
  font-size: 150%;
  font-weight: bold;
  position: relative;
  display: table;
  vertical-align: middle;
  text-align: center;
  height: 375px;
  width: 570px;
  margin-bottom: 60px;
}
.image-link a,
.image-link-s a {
  color: white;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.image-link a img,
.image-link-s a img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.image-link a span.icon,
.image-link a span.icon-sprite,
.image-link-s a span.icon,
.image-link-s a span.icon-sprite {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.image-link a .label,
.image-link-s a .label {
  background: #333333;
  color: white;
  padding: 20px 10px;
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}
.image-link a:hover .label,
.image-link-s a:hover .label {
  background: red;
}
.image-link a:hover img,
.image-link-s a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.image-link-s {
  font-size: 112.5%;
  height: 185px;
  width: 280px;
}
.image-link-s a span.icon {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
.image-link-s a .label {
  text-align: left;
}

.link-set {
  border: 1px solid #333333;
  margin-bottom: 40px;
}
.link-set .title {
  font-size: 100%;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  padding: 20px 30px;
  margin: 0;
}
.link-set .title a {
  color: #333333;
  text-decoration: underline;
}
.link-set .title a:hover {
  color: red;
}
.link-set .title a:hover span {
  background-position: -35px -18px;
}
.link-set .link-set-body {
  padding: 0px 30px;
  overflow: hidden;
}

a.border {
  text-decoration: underline;
}

.ir-info-list {
  display: table;
  margin-bottom: 100px;
}
.ir-info-list li {
  margin-bottom: 0.5em;
}
.ir-info-list li a p {
  display: table-cell;
}
.ir-info-list li a .label {
  font-size: 100%;
  background-color: #333333;
  color: white;
  width: 17.5em;
  text-align: center;
  vertical-align: middle;
  height: 1.75em;
  line-height: 1.75em;
  text-decoration: none;
}
.ir-info-list li a .date {
  width: 8.6em;
  padding-left: 2.85em;
  text-decoration: none;
}
.ir-info-list li a .title {
  text-decoration: underline;
}
.ir-info-list li a:hover .label {
  background-color: red;
}

.btn-link {
  text-align: right;
}
.btn-link a {
  text-align: left;
}

.list-main-visual {
  position: relative;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel {
  position: relative;
  overflow: hidden;
  min-width: 1200px;
  max-width: 1200px;
  height: 400px;
  margin: 0 auto;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel ul {
  width: 10000px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel ul li {
  float: left;
  width: 1200px;
  height: 400px;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel ul li img {
  width: 1200px;
  height: 400px;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic {
  position: absolute;
  top: 140px;
  left: 90px;
  width: 1020px;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic p {
  font-size: 237.5%;
  margin: 15px 0;
  font-weight: bold;
  line-height: 1em;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic p span {
  font-size: 62.5%;
  font-weight: normal;
  margin-top: 10px;
  display: inline-block;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic .btn-top-main-visual {
  font-size: 87.5%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block;
  width: 80px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  color: #333333;
  background-color: white;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic .btn-top-main-visual:hover {
  color: white;
  background-color: #333333;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control {
  position: absolute;
  display: block;
  color: white;
  background-color: red;
  padding: 10px;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control:hover {
  color: white;
  background-color: #333333;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control-left {
  top: 185px;
  left: 30px;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .carousel-control-right {
  top: 185px;
  right: 30px;
}
.list-main-visual .top-main-visual-top .top-main-visual-carousel-text {
  display: none;
}
.list-main-visual .top-main-visual-carousel-navigation {
  text-align: center;
  padding: 10px 0;
}
.list-main-visual .top-main-visual-carousel-navigation ul {
  display: block;
}
.list-main-visual .top-main-visual-carousel-navigation ul li {
  display: inline-block;
}
.list-main-visual .top-main-visual-carousel-navigation ul li.active a {
  color: red;
  background-color: transparent;
}

#simplemodal-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background-color: #333333;
}

.footer {
  display: none;
}