@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: 40px 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: 8px 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;
  padding-top: 2px;
  vertical-align: top;
}
.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;
  vertical-align: top;
  height: 18px;
}
.header .global-search dl dd .SS_searchQuery {
  padding: 1px;
  width: 150px;
}
.header .global-search dl dd .search-icon {
  display: inline-block;
  padding: 2px 2px 0;
  width: 16px;
  height: 16px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  text-align: center;
  position: relative;
}
.header .global-search dl dd .search-icon input[type="submit"] {
  text-indent: -9999px;
  position: absolute;
  right: 50%;
  top: 50%;
  margin: -7px -7px 0 0;
  margin-right: -8px\9;
}
.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 2px;
}
.header .header-container .header-navigation ul li {
  display: inline-block;
  font-weight: bold;
  width: 190px;
  padding: 0 1px 0 0;
  text-align: center;
  position: relative;
}
.header .header-container .header-navigation ul li:first-child {
  padding: 0 1px;
  width: 187px;
}
.header .header-container .header-navigation ul li a {
  display: block;
  width: 100%;
  padding: 0 0 5px 0;
  margin-bottom: 2px;
}
.header .header-container .header-navigation ul li a:after {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  border-right: 1px solid #333333;
  position: absolute;
  right: 0;
  top: 0;
}
.header .header-container .header-navigation ul li:first-child a:before {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  border-left: 1px solid #333333;
  position: absolute;
  left: 0;
  top: 0;
}
.header .header-container .header-navigation ul li:hover a,
.header .header-container .header-navigation ul li.current a {
  border-bottom: 2px solid red;
  margin-bottom: 0;
}
.header .header-container .header-navigation ul li.current a {
  color: red;
}
.header .header-container .header-navigation-megadrop {
  *zoom: 1;
  display: none;
  position: absolute;
  top: 49px;
  left: 40px;
  z-index: 2000;
  color: #333333;
  background: white;
  width: 1084px;
  border: 1px solid #e5e5e5;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-menu {
  display: none;
}
.header .header-container #header-navigation-corporate-megadrop .header-navigation-megadrop-menu {
  padding: 20px 0;
}
.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;
  display:none;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left {
  position: relative;
  width: 361px;
  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 {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left dl ul {
  margin-left: 48px;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-left dl ul li {
  display: inline-block;
  width: 105px;
  font-size: 100%;
  list-style-type: none;
  line-height: 2em;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-center {
  position: relative;
  width: 361px;
  float: left;
  z-index: 2002;
}
.header .header-container .header-navigation-megadrop .header-navigation-megadrop-right {
  position: relative;
  width: 361px;
  float: left;
  z-index: 2002;
}
.header .header-container #header-navigation-products-megadrop .header-navigation-megadrop-left,
.header .header-container #header-navigation-products-megadrop .header-navigation-megadrop-center,
.header .header-container #header-navigation-products-megadrop .header-navigation-megadrop-right {
	padding: 20px 0;	
}

.header .header-container .header-navigation-megadrop .megadrop-column {
  display: table;
  padding: 10px;
  width: 100%;
  height: 77px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.header .header-container .header-navigation-megadrop a.title {
  font-size: 137.5%;
  display: table-cell;
  vertical-align: middle;
  color: #333333;
  padding: 5px 0 0 17px;
  line-height: 44px;
}
.header .header-container .header-navigation-megadrop a.title:hover {
  color: red;
}
.header .header-container .header-navigation-megadrop .icon-megadrop {
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.icon-megadrop.icon-sprite {
  background-image: url('../images/icons_pict.png');
  -webkit-background-size: 396px 352px;
  background-size: 396px 352px;
  width: 44px;
  height: 44px;
  vertical-align: middle;
}
html>/**/body .icon-megadrop.icon-sprite {
  background-image/*\**/: url('../images/icons_pict_legacy.png')\9; 
}
.icon-philosophy { background-position: 0 0; }
.icon-strategy { background-position: -44px 0; }
.icon-profile { background-position: -88px 0; }
.icon-locations { background-position: -132px 0; }
.icon-library { background-position: -176px 0; }
.icon-news { background-position: -220px 0; }
.icon-history { background-position: -264px 0; }
.icon-event-sponsorship { background-position: -308px 0; }
.icon-global-career { background-position: -352px 0; }

.title:hover .icon-philosophy { background-position: 0 -44px; }
.title:hover .icon-strategy { background-position: -44px -44px; }
.title:hover .icon-profile { background-position: -88px -44px; }
.title:hover .icon-locations { background-position: -132px -44px; }
.title:hover .icon-library { background-position: -176px -44px; }
.title:hover .icon-news { background-position: -220px -44px; }
.title:hover .icon-history { background-position: -264px -44px; }
.title:hover .icon-event-sponsorship { background-position: -308px -44px; }
.title:hover .icon-global-career { background-position: -352px -44px; }

.icon-passenger-tires { background-position: 0 -88px; }
.icon-motorcycle-tires { background-position: -44px -88px; }
.icon-commercial-tires { background-position: -88px -88px; }
.icon-specialty-tires { background-position: -132px -88px; }
.icon-diversifield-products { background-position: -176px -88px; }

.title:hover .icon-passenger-tires { background-position: 0 -132px; }
.title:hover .icon-motorcycle-tires { background-position: -44px -132px; }
.title:hover .icon-commercial-tires { background-position: -88px -132px; }
.title:hover .icon-specialty-tires { background-position: -132px -132px; }
.title:hover .icon-diversifield-products { background-position: -176px -132px; }

.icon-csr { background-position: 0 -176px; }
.icon-environment { background-position: -44px -176px; }
.icon-corporate-citizenship { background-position: -88px -176px; }

.title:hover .icon-csr { background-position: 0 -220px; }
.title:hover .icon-environment { background-position: -44px -220px; }
.title:hover .icon-corporate-citizenship { background-position: -88px -220px; }

.icon-message-from-ceo { background-position: 0 -264px; }
.icon-ir-library { background-position: -44px -264px; }
.icon-financial-data { background-position: -88px -264px; }
.icon-shareholders-meeting { background-position: -132px -264px; }
.icon-ir-calendar { background-position: -176px -264px; }
.icon-whats-new { background-position: -220px -264px; }

.title:hover .icon-message-from-ceo { background-position: 0 -308px; }
.title:hover .icon-ir-library { background-position: -44px -308px; }
.title:hover .icon-financial-data { background-position: -88px -308px; }
.title:hover .icon-shareholders-meeting { background-position: -132px -308px; }
.title:hover .icon-ir-calendar { background-position: -176px -308px; }
.title:hover .icon-whats-new { background-position: -220px -308px; }

.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 start 
-----------------------------------------*/
.modal-open {
  overflow: hidden;
}
.modal-open ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px;
  background-color: #eeeeee;
}
.modal-open ::-webkit-scrollbar-thumb {
  background-color: #bbbbbb;
}
.modal-open ::-webkit-scrollbar-corner {
  background-color: #eeeeee;
}
#top #simplemodal-container {
  width: 812px !important;
  left: 50% !important;
  margin: 0 0 0 -406px !important;
}
.top-welcome a.dialog-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
}
.top-welcome .icon-bridgestone-group {
  position: absolute;
  left: 30px;
  top: 26px;
  display: inline-block;
  background: url("/etc/images/icons/icon_bridgestone.png") no-repeat;
  width: 60px;
  height: 54px;
}
.top-welcome .icon-dialog-close {
  display: inline-block;
  background: url("/etc/images/icons/icon_dialog_close.png") no-repeat left top;
  width: 17px;
  height: 17px;
}
/*--- column start ---------*/
.top-welcome {
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  position: relative;
  background-color: white;
  width: 752px;
  padding: 24px 30px 20px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  line-height: 1;
  color: #333;
}
.top-welcome p {
  font-size: 100%; 
}
.top-welcome h2 {
  font-size: 174%;
  font-weight: bold;
  color: red;
  margin: 0 0 10px;
  padding: 0;
  line-height: normal;
}
.top-welcome .description {
  margin: 0;
}
.top-welcome .content {
  margin-top: -10px;
}
.top-welcome-campaign-area {
  margin-top: 12px; 
}
.top-welcome-column {
  text-align: left;
}
.top-welcome-column-left {
  float: left;
  width: 360px;
}
.top-welcome-column-right {
  float: right;
  width: 360px;
}
/*--- column end ------------*/

/*--- section start ------------*/
/* tires */
.top-welcome-tires-information {
  color: #fff;
}
/*--- section end ------------*/

/*--- header start ---------*/
.top-welcome-header {
  margin: 12px 0 3px;
  color: #333333;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.25;
  text-align: left;
}
/* other-products */
.header-other-products {
  margin: 10px 0 0;
  font-size: 120%;
  height: 25px;
}
/*--- header end ---------*/

/*--- content start ---------*/
.top-welcome-content {
  padding: 15px 29px;
  border: 1px solid #bbbbbb;
  display: block;
  min-height: 1%;
}
.top-welcome-content:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
  height: 0; 
}
.top-welcome-content-inner {
}
.top-welcome-content-inner-left {
  float: left;
  width: 337px;
}
.top-welcome-content-inner-right {
  float: right;
  width: 337px;
 }
/* tires */
.top-welcome-column-left .top-welcome-tires-information .top-welcome-content {
  height: 238px;
  background: url("/etc/images/top/bg_lightbox_tires02.jpg") no-repeat left top;
}
.top-welcome-mea .top-welcome-column-left .top-welcome-tires-information .top-welcome-content {
  height: 256px;
}
.top-welcome-tires-information .top-welcome-content {
  height: 150px;
  background-image: url("/etc/images/top/bg_lightbox_tires01.jpg");
}
/* other-products */
.top-welcome-other-products .top-welcome-content {
  padding: 16px 30px;
  background-color: #808080;
}
.top-welcome-other-products .top-welcome-content-inner {
  text-align: center;
}
/* corporate */
.top-welcome-corporate .top-welcome-content {
  background-image: none;
}
.top-welcome-column-right .top-welcome-corporate .top-welcome-content {
  padding-top: 35px;
  height: 344px;
  background-image: url("/etc/images/top/bg_lightbox_corporate01.jpg");
}
/*--- content end ------------*/

.top-welcome h4 {
  margin: 13px 0;
  line-height: 1;
  font-size: 1.2em;
}
.top-welcome h4:first-child {
  margin-top: 0;
}
.top-welcome h4 a {
  color: white;
}
.top-welcome-separater {
  margin-bottom: 15px;  
  padding-bottom: 15px;
  border-bottom: 1px solid #ffffff;
}
.top-welcome-corporate .top-welcome-separater {
  border-bottom: 1px solid #bbbbbb; 
}
/*--- select start ---------*/
.top-welcome-select-country {
  position: relative;
  margin: 5px 0 0;
  color: #333333;
}
.top-welcome-select-country dt {
  position: relative;
  padding: 12px 20px 0;
  height: 27px;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 120%;
}
.top-welcome-select-country-large dt {
  padding: 20px 20px 0;
  height: 35px;
}
.top-welcome-select-country dt:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: #f00;
}
.top-welcome-select-country dt:after {
  position: absolute;
  right: 15px;
  top: 9px;
  display: inline-block;
  content: url(/etc/images/icons/icon_down_gray_s.png);
  width: 9px;
  height: 5px;
}
.top-welcome-select-country dt:hover:after {
  content: url(/etc/images/icons/icon_down_red_s.png);
}
.top-welcome-select-country-large dt:after {
  top: 17px;
}
.top-welcome-select-country dd {
  display: none;
  position: absolute;
  top: 41px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;
  z-index: 10;
  border-right: 1px solid #bbbbbb;
  box-sizing: border-box;
}
.top-welcome-select-country.up dd {
  top: auto;
  bottom: 41px;
}
.top-welcome-select-country-large dd {
  top: 57px;
}
.top-welcome-select-country-large.up dd {
  bottom: 57px;
}
.top-welcome-select-country dd ul {
  max-height: 300px;
  overflow: auto;
  border-bottom: 1px solid #bbbbbb;
}
.top-welcome-select-country.up dd ul {
  border-bottom: none;
}
.top-welcome-select-country dd li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
}
.top-welcome-select-country:not(.up) dd li:first-child {
  border-top: none;
}
.top-welcome-select-country .indent li {
  padding-left: 1em; 
}
.top-welcome-select-country .indent .heading {
  padding: 9px 10px;
  font-weight: bold;
}
.top-welcome-select-country dd li a {
  position: relative;
  display: block;
  margin: 0;
  padding: 9px 10px;
}
.top-welcome-select-country dd li a[target="_blank"]:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
  display: inline-block;
  content: url(/etc/images/icons/icon_external_link_gray.png);
}
.top-welcome-select-country dd li:hover a[target="_blank"]:after {
  content: url(/etc/images/icons/icon_external_link_red.png) ;
}
/*--- select end ---------*/

/*--- button start ------*/
.top-welcome-btn {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px auto 0;
  width: 100%;
  height: 41px;
  border: 1px solid #bbbbbb;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}
.top-welcome-btn.middle { height: 57px; }
.top-welcome-btn.large { height: 77px; }
.top-welcome-btn:first-child { margin-top: 0; }
.top-welcome-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.top-welcome-btn > a {
  display: table-cell;
  vertical-align: middle;
  color: #333;
}
.top-welcome-btn:hover > a { color: #f00; }
.top-welcome-btn > a > span {
  display: inline-block;
  padding-left: 13px;
  text-align: left;
  position: relative;
}
.top-welcome-btn > a > span:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  margin-top: -0.58em;
  width: 4px;
  content: url(/etc/images/icons/icon_arrow_gray_s.png);
  vertical-align: text-top;
  line-height: 1em;
}
.top-welcome-btn:hover > a > span:before { content: url(/etc/images/icons/icon_arrow_red_s.png); }
.top-welcome-btn.arrow-top > a > span:before { top: 0.55em; }
.top-welcome-btn.middle.arrow-top > a > span:before { top: 0.6em; }
.top-welcome-btn > a[target="_blank"] > span:after {
  display: inline-block;
  padding-left: 8px;
  width: 11px;
  content: url(/etc/images/icons/icon_external_link_gray.png);
}
.top-welcome-btn:hover > a[target="_blank"] > span:after { content: url(/etc/images/icons/icon_external_link_red.png); }
.top-welcome-btn .note {
  font-weight: normal;
  font-size: 92.85%;
}
.top-welcome-btn .note.bold {
  display: inline-block;
  padding-top: 3px;
  font-weight: bold;
  font-size: 100%;
}
.top-welcome-btn .txt {
  font-size: 128.57%;
}
/* btn-list */
.top-welcome-btn-list {
  display: block;
  min-height: 1%;  
  margin-left: -5px;
  list-style: none;
}
.top-welcome-btn-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; 
}
* + .top-welcome-btn-list {
  margin: 10px 0 0 -5px;
}
.top-welcome-btn-list .top-welcome-btn {
  float: left;
  margin-left: 5px;
  margin-top: 0;
}
/* btn-global */
.top-welcome-btn-global {
  height: 77px;
  text-align: left;
  border-width: 3px;
}
.top-welcome-btn-global > a {
  padding: 0 20px 0 45px; 
}
.top-welcome-btn-global.high > a {
  height: 107px;
}
.top-welcome-column-right .top-welcome-btn-global > a {
  padding: 0 10px 0 30px; 
}
.top-welcome-btn-global > a > span {
  padding-left: 0;
  background-image: none;
  filter:inherit;
}
.top-welcome-btn-global > a > span:before {
  top: 0.7em;
  left: -20px;
  padding-right: 5px;
  content: ""; 
  width: 15px;
  height: 15px;
  background: url(/etc/images/icons.png) no-repeat -5px -5px;
}
.top-welcome-btn-global:hover > a > span:before {
  content: "";
  background: url(/etc/images/icons/icon_global_over.png) no-repeat 0 0; 
}
.top-welcome-btn-global .note {
  line-height: 1.38;
}
/*--- button end ------*/

/* asia */
.top-welcome-asia .top-welcome-tires-information .top-welcome-content-inner-left,
.top-welcome-asia .top-welcome-tires-information .top-welcome-content-inner-right {
  width: 330px;
}
.top-welcome-btn.btn-asia01 {
  width: 158px;
}
.top-welcome-btn.btn-asia02 {
  width: 200px;
}

/* csamerica */
.top-welcome-csamerica .top-welcome-tires-information .top-welcome-content-inner-left,
.top-welcome-csamerica .top-welcome-tires-information .top-welcome-content-inner-right {
  width: 330px;
}
.top-welcome-csamerica .top-welcome-other-products .top-welcome-btn-list {
  margin-left: -15px;
}
.top-welcome-csamerica .top-welcome-other-products .top-welcome-btn {
  width: 220px;
  margin-left: 15px; 
}
.top-welcome-csamerica .top-welcome-corporate .top-welcome-content-inner-left {
  margin-top: 13px; 
}

/* eu */
.top-welcome-eu .top-welcome-tires-information .top-welcome-content {
  padding: 15px 27px; 
  height: 150px;
  background-position: left center;
}
.top-welcome-eu .top-welcome-tires-information .top-welcome-content-inner-right {
  width: 323px;
}
.top-welcome-eu .top-welcome-tires-information .top-welcome-btn-list {
  display: block;
  margin-top: 15px;
  border-spacing: 0;
}
.top-welcome-btn.btn-eu01 {
  float: left;
  width: 230px;
}
.top-welcome-btn.btn-eu02 {
  float: right;
  width: 100px;
}


/* mea */
.top-welcome-mea .top-welcome-tires-information .top-welcome-btn {
  margin-top: 10px; 
}
.top-welcome-mea .top-welcome-other-products .top-welcome-content {
  padding: 16px 14px;
}
.top-welcome-btn.btn-mea01 {
  width: 174px;
}
.top-welcome-btn.btn-mea02 {
  width: 146px;
}

/* namerica */
.top-welcome-namerica .top-welcome-tires-information .top-welcome-content {
  height: 140px;
}
.top-welcome-namerica .top-welcome-tires-information .top-welcome-content-inner-left,
.top-welcome-namerica .top-welcome-tires-information .top-welcome-content-inner-right {
  width: 330px;
}
.top-welcome-btn.btn-namerica01 {
  float: left;
  width: 184px;
  font-size: 128.5%;
}
.top-welcome-btn.btn-namerica02 {
  float: right;
  width: 127px;
  font-size: 128.5%;
}
.top-welcome-namerica .top-welcome-other-products .top-welcome-btn-list {
  margin-left: -15px;
}
.top-welcome-namerica .top-welcome-other-products .top-welcome-btn {
  width: 220px;
  margin-left: 15px; 
}

/*-----------------------------------------
 * top-welcome end
-----------------------------------------*/

.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 {
  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: 2px 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: 0 0 15px;
  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: 40px 0 50px;
  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 li .mobile-location-detail-container {
  display: none !important;
}

.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: 20px;
  width: 378px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  margin-top:20px;
}
.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: 15px 0;
}
.top-location-map .location-map .location-overlay .location-detail p.h-detail {
  font-size: 125%;
  margin: 0 0 10px;
  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: 15px;
}
.top-location-map .location-map .location-overlay .location-detail ul li {
  font-size: 88%;
  line-height: 2em;
}
.top-location-map .location-map .location-overlay .location-detail a {
  text-decoration: underline;
}

.top-about {
  margin-bottom: 60px;
}
.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: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;
  font-size: 130%;
}
.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: 190%;
  margin: 30px 0 0 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-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: 247px;
}
.top-about ul.about-list .about-list-philosophy a.label,
.top-about ul.about-list .about-list-company-data a.label {
  top: 182px;
}
.top-about ul.about-list .about-list-profile,
.top-about ul.about-list .about-list-our-story {
  height: 247px;
}
.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: 494px;
}
.top-about ul.about-list .about-list-products a.label {
  top: 429px;
}
.top-about ul.about-list .about-list-see-locations {
  height: 110px;
  background-color: #e5e5e5;
  position: relative;
}
.top-about ul.about-list .about-list-see-locations .description {
  font-size: 110%;
  display: block;
  margin: 15px 0 0 40px;
  line-height: 2em;
}
.top-about ul.about-list .about-list-see-locations .description strong {
  font-size: 210%;
  font-weight: normal;
}
.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.twitter a {
  background: url("/etc/images/detail/icon_twitter_pc_on.png") no-repeat -1px 50%;
}
ul.sns-list li.twitter 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;
}
.topics-text-list .text {
  padding: 0 10px;
  font-size: 87.5%;
}
.topics-text-list .text li {
  line-height: 1.5em;
  margin: 0 0 0.75em;
  padding: 0 0 0 10px;
  background: url(/etc/images/icons/icon_arrow_gray_pc.png) no-repeat 0 4px;
}

.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-b {
  background: url("/etc/images/icons/icon_arrow_gray_pc.png") no-repeat 0 50%;
  padding-left: 10px;
  text-decoration: none;
}
a.link-arrow:hover,
a.link-arrow-b: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-b {
  background: url("/etc/images/icons/icon_external_link.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: none;
}
a.link-blank:hover,
a.link-blank-b: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-b {
  background: url("/etc/images/icons/icon_other_category_link_pc.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: none;
}
a.link-category:hover,
a.link-category-b: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-b {
  background: url("/etc/images/icons/icon_pdf_pc.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: none;
}
a.link-pdf:hover,
a.link-pdf-b: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-b {
  background: url("/etc/images/icons/icon_rss_pc.png") no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: none;
}
a.link-rss:hover,
a.link-rss-b: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.0em;
  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, table.table-normal .dark-light-last {
  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;
  margin-bottom:20px;
}
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: 10px;
}
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 0.3em;
  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 0.3em;
}
ul.sitemap-list-category li ul {
  margin: 1.7em 0 0;
}

.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%;
  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;
}


.comprehensive-top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic {
  opacity: 1;
  top: 115px;
  height: auto;
}
.comprehensive-top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic .top-main-visual-topic-bg {
  padding: 0;
}
.comprehensive-top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .top-main-visual-topic .top-main-visual-topic-bg {
  background: none;
}
.comprehensive-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 {
  line-height: normal;
  font-size: 320%;
  font-weight: bold;
}
.comprehensive-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 span {
  font-size: 45%;
  font-weight: normal;
}
.comprehensive-top-main-visual .top-main-visual-top .top-main-visual-carousel .top-main-visual-container .btn-top-main-visual-more {
  font-size: 30%;
  position: static;
  margin: 20px 0 0;
  font-weight: normal;
}
.comprehensive-top-main-visual .top-main-visual-carousel-text2 {
  color: #333333;
}
.comprehensive-top-see-more {
  width: 1160px;
  overflow: hidden;
  margin: 10px auto 0;
}
.comprehensive-top-see-more a {
  float: right;
  width: 228px;
}
.comprehensive-top-see-more a span {
  display: inline-block;
  padding: 0 0 0 15px;
  background: url(/etc/images/icons/icon_arrow_white_pc.png) no-repeat 0 50%;
}
.comprehensive-top-location-list li li {
  float: left;
  width: 386px;
}

.not-found-search input[type="text"] {
  width: 50%;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #333333;
}
.not-found-search input[type="image"] {
  vertical-align: middle;
}
.not-found-list a.link-blank {
  text-decoration: none;
}