@charset 'utf-8';
.area_section {
  position: fixed;
  z-index: 9999;
  top: 32px;
  left: 0;

  display: none;

  width: 100%;
  min-height: 350px;
  padding-bottom: 30px;

  background: #DBDBDB;
}

.area_inner {
  position: relative;

  width: 950px;
  margin: 0 auto;
  padding: 30px 0;
}

.area_inner .close {
  position: absolute;
  top: 30px;
  right: 0;

  cursor: pointer;
}

.area_inner .areamap {
  position: absolute;
  top: 70px;
  left: 384px;

  width: 460px;
  height: 260px;

  cursor: pointer;
}

.area_inner .areamap.asia_jp {
  background: url(../../images/areamap_base.png) no-repeat 0 0;
}

.area_inner .areamap.asia_ch {
  background: url(../../images/areamap_base.png) no-repeat 0 -280px;
}

.area_inner .areamap.asia_en {
  background: url(../../images/areamap_base.png) no-repeat 0 -560px;
}

.area_inner .areamap.america_en {
  background: url(../../images/areamap_base.png) no-repeat 0 -840px;
}

.area_inner .areamap.america_sp {
  background: url(../../images/areamap_base.png) no-repeat 0 -1120px;
}

.area_inner .areamap.euro_en {
  background: url(../../images/areamap_base.png) no-repeat 0 -1400px;
}

.area_inner h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.0;

  margin: 0 0 10px;

  color: #005BAC;
}

.area_inner dt {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;

  position: relative;

  box-sizing: border-box;
  padding: 20px 0;

  cursor: pointer;

  border-bottom: 1px solid #999;
}

.area_inner dt:last-child {
  border: none;
}

.area_inner dt.open {
  border: none;
}

.area_inner dt:after {
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 30px!important;

  position: absolute;
  right: 0;

  content: '+';
}

.area_inner dt.open:after {
  position: absolute;
  top: 45px;
  right: 1px;

  display: block;

  width: 15px;
  height: 2px;

  content: '';

  background: #000;
}

.lang_change {
  width: 330px;
}

.area_inner dd {
  display: none;

  padding-bottom: 20px;

  border-bottom: 1px solid #999;
}

.area_inner dd:last-child {
  border: none;
}

.area_inner dd li {
  list-style: none;
}

.area_inner dd li a {
  display: block;

  padding: 5px 20px;

  text-decoration: none;

  color: #000;
  border-radius: 2px;
}

.area_inner dd li a:hover {
  color: #005BAC;
  background: #FFF;
}

.area.on {
  display: block;
}

#container {
  width: 900px;
  margin: 0 auto 100px;
}

#container:after {
  display: block;
  visibility: hidden;
  clear: both;

  height: 0;

  content: '.';
}

.container {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.container:after {
  display: block;
  visibility: hidden;
  clear: both;

  height: 0;

  content: '.';
}

#bread {
  width: 1000px;
  margin: 150px auto 35px;
}

#bread:after {
  display: block;
  visibility: hidden;
  clear: both;

  height: 0;

  content: '.';
}

#bread a {
  text-decoration: none;

  color: #333;
}

#bread a:hover {
  text-decoration: underline;

  color: #005BAC;
}

#bread li {
  font-size: 13px;

  float: left;

  margin-right: 10px;

  list-style: none;
}

#bread li:after {
  font-family: FontAwesome;

  padding-left: 6px;

  content: ' \f105';
  text-decoration: none;
}

#bread li:last-child:after {
  display: none;

  padding: 0;
}

.aligncenter {
  text-align: center!important;
}

.alignright {
  text-align: right!important;
}

.alignleft {
  text-align: left!important;
}

.aligntop {
  vertical-align: top!important;
}

.alignmiddle {
  vertical-align: middle;
}


/*　rate */

.rate05 {
  width: 5%!important;
}

.rate10 {
  width: 10%!important;
}

.rate15 {
  width: 15%!important;
}

.rate20 {
  width: 20%!important;
}

.rate30 {
  width: 30%!important;
}

.rate40 {
  width: 40%!important;
}

.rate45 {
  width: 45%!important;
}

.rate50 {
  width: 50%!important;
}

.rate60 {
  width: 60%!important;
}

.rate70 {
  width: 70%!important;
}

.rate80 {
  width: 80%!important;
}

.rate85 {
  width: 85%!important;
}

.rate90 {
  width: 90%!important;
}

.rate95 {
  width: 95%!important;
}


/*　margin-bottom */

.mgnb00 {
  margin-bottom: 0!important;
}

.mgnb05 {
  margin-bottom: 5px!important;
}

.mgnb10 {
  margin-bottom: 10px!important;
}

.mgnb15 {
  margin-bottom: 15px!important;
}

.mgnb20 {
  margin-bottom: 20px!important;
}

.mgnb25 {
  margin-bottom: 25px!important;
}

.mgnb30 {
  margin-bottom: 30px!important;
}

.mgnb35 {
  margin-bottom: 35px!important;
}

.mgnb40 {
  margin-bottom: 40px!important;
}

.mgnb45 {
  margin-bottom: 45px!important;
}

.mgnb50 {
  margin-bottom: 50px!important;
}

div.separate {
  clear: both;

  margin-bottom: 60px;

  border-bottom: 1px solid #CCC;
}

div.lead {
  margin-bottom: 50px;
}

.lead p {
  margin-bottom: 1em;
}

div.lead h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 46px;
  font-weight: 700;

  margin: 50px 0 60px;

  text-align: center;
}

div.lead_block {
  padding-bottom: 50px;

  border-bottom: 1px solid #CCC;
}

div.lead_block p {
  width: 90%;
  margin: 0 auto 1em;
}

div.separate {
  clear: both;

  margin-bottom: 60px;

  border-bottom: 1px solid #CCC;
}

.lead a,
a.tolink {
  text-decoration: underline;

  color: #000;
}

a.tolink:after {
  font-family: FontAwesome;
  font-size: 20px;

  display: inline-block;

  padding-left: 15px;

  content: ' \f105';
  vertical-align: -2px;
  text-decoration: none;

  color: #005BAC;
}

.lead a:hover,
a.tolink:hover {
  text-decoration: none;
}

.figureR {
  float: right;

  margin: 0 0 25px 25px;
}