@charset "UTF-8";


/* -- Base and Reset
-------------------------------------------------------------------------------- */
body,html{
  height:100%;
  width:100%;
}

html{
  overflow-y:auto;
}

body{
  font:14px/1.2 arial,helvetica,sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ;
  text-align:left;
  letter-spacing:0;
  color:#333;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}

caption,th,td{
  font-weight:normal;
  text-align:left;
}

input,textarea,select{
  vertical-align:middle;
}

textarea{
  resize:vertical;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
}

ul,ol{
  list-style:none;
}

fieldset,img{
  border:0;
  vertical-align:top;
}

iframe{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

a{
  text-decoration:none;
  color:inherit;
}

h2{
  font-size:24px;
  font-weight:normal;
  display:inline-block;
  position:relative;
}

h2:before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:-13px;
  width:100%;
  height:1px;
  background:#2996cc;
}

.contentTitle{
  padding:25px 15px 15px;
}

.contentTitle .contentTitleBlock{
  max-width:950px;
  margin:0 auto;
  padding-bottom:12px;
  border-bottom:solid 1px #e0e0e0;
}


/* -- Clear_fix
-------------------------------------------------------------------------------- */
.cf:after{
  content:"";
  display:block;
  clear:both;
  height:0!important;
}


/* -- wrapper
-------------------------------------------------------------------------------- */
.wrapper{
  width:1024px;
}


/* -- tab
-------------------------------------------------------------------------------- */
.tab{
  border-top:solid 1px #e0e0e0;
}

.tab ul{
  max-width:860px;
  margin:0 auto;
  padding:0 15px;
  padding-left:105px;
}

.tab li{
  float:left;
  width:25%;
  margin-left:30px;
}

.tab li:first-child{
  margin-left:-90px;
}

.tab li a{
  display:block;
  text-align:center;
  text-decoration:none;
  font-size:16px;
  color:#555;
  padding:16px 0 16px;
  position:relative;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.tab li a:before{
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  left:50%;
  width:0;
  height:3px;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.tab li a:hover{
  color:#888;
}

.tab li a:hover:before{
  left:0;
  width:100%;
  background:#888;
}

.tab li a.active{
  color:#2996cc;
}

.tab li a.active:before{
  left:0;
  width:100%;
  background-color:#2996cc;
}

.tab li.notice{
  display:none;
}

.tab.menu_five ul{
  max-width:830px;
  padding-left:135px;
}

.tab.menu_five li{
  width:19.96%;
}

.tab.menu_five li:first-child{
  margin-left:-120px;
}

.tab.menu_four ul{
  max-width:860px;
  padding-left:105px;
}

.tab.menu_four li{
  width:25%;
}

.tab.menu_four li:first-child{
  margin-left:-90px;
}

.tab.menu_three ul{
  max-width:890px;
  padding-left:75px;
}

.tab.menu_three li{
  width:33.33%;
}

.tab.menu_three li:first-child{
  margin-left:-60px;
}

.tab.menu_two ul{
  max-width:920px;
  padding-left:45px;
}

.tab.menu_two li{
  width:50%;
}

.tab.menu_two li:first-child{
  margin-left:-30px;
}


/* -- map
-------------------------------------------------------------------------------- */
.map{
  background: url('../img/parts_bg.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}

.mapContainer{
  height:580px;
  padding:0 35px;
  margin:0 auto;
  position:relative;
}

.mapContainer:before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:580px;
  background-image:url('../img/parts_global.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  -moz-transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  opacity:0;
}

.mapContainer.active:before{
  opacity:1;
}

.mapBlock{
  padding:40px 0;
}

.mapInner{
  position:relative;
  height:500px;
}

.link-map .box,
.market-map .box{
  width:240px;
  height:110px;
  background:#f4f6f7;
  background:rgba(255,255,255,0.9);
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.6);
  -ms-box-shadow:0 0 2px rgba(0,0,0,0.6);
  box-shadow:0 0 2px rgba(0,0,0,0.6);
  position:absolute;
  -moz-transition:background-color 300ms ease-in-out;
  -webkit-transition:background-color 300ms ease-in-out;
  transition:background-color 300ms ease-in-out;
  opacity:0;
}

.link-map .box:before,
.market-map .box:before{
  content:"";
  display:block;
  position:absolute;
  width:238px;
  height:108px;
  border:solid 2px transparent;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.link-map .box:hover,
.market-map .box:hover{
  background:#fff;
}

.link-map .box:hover:before,
.market-map .box:hover:before{
  border-color:#2996cc;
}

.link-map .box .boxInner,
.market-map .box .boxInner{
  padding:15px;
}

.market-map .box .flag {
  position:absolute;
  bottom:14px;
  right:15px;
}

.market-map .box .title {
  font-size:16px;
  font-weight:bold;
  margin-bottom:9px;
}

.market-map .box .date {
  font-size:12px;
  color:#888;
}

.market-map .box dl{
  margin-bottom:7px;
}

.market-map .box dt{
  float:left;
  font-size:28px;
  font-family:'Open Sans', sans-serif;
  line-height:28px;
  margin-right:10px;
}

.market-map .box dd{
  float:left;
  padding-top:8px;
}

.link-map .box a,
.market-map .box a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.link-map .box{
  height:80px;
}

.link-map .box:before{
  height:76px;
}

.link-map .box .boxInner{
  padding: 20px;
  position:relative;
}

.link-map .box .boxInner:before{
  content:"";
  display:block;
  width:13px;
  height:2px;
  background:#888;
  position:absolute;
  right:15px;
  top:50%;
  margin-top:-5px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -moz-transition: background-color 300ms ease-in-out;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}

.link-map .box .boxInner:after{
    content:"";
    display:block;
    width:13px;
    height:2px;
    background:#888;
    position:absolute;
    right:15px;
    bottom:50%;
    margin-bottom:-5px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -moz-transition: background-color 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.link-map .box:hover .boxInner:before,
.link-map .box:hover .boxInner:after{
    background:#2996cc;
}

.link-map .box .title {
    font-size:18px;
    font-weight:normal;
    margin-bottom:3px;
}

.link-map .box .english{
    font-size:14px;
    font-family:'Open Sans', sans-serif;
    color:#2996cc;
    text-indent:1px;
}

.link-map .box{
    top:auto;
    right:auto;
    left:auto;
    bottom:auto;
}


/* -- content
-------------------------------------------------------------------------------- */
.content{
    background:#fafafa;
}
.content .contentBlock{
    max-width:950px;
    padding:40px 15px;
    margin:0 auto;
}
.content .contentTitle + .contentBlock{
    padding-top:0;
}

.content .tableWrap{
}

.content .tableWrap table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.content .tableWrap th{
    padding: 10px 0px 10px;
    font-size:18px;
    line-height: 31px;
}

.content .tableWrap th:before{
    content:"";
    display:block;
    float:left;
    width:5px;
    height:24px;
    margin-right:13px;
    background:#2996cc;
}

.content .tableWrap td{
    text-align:center;
    border:solid 1px #e0e0e0;
    background:#fff;
}

.content .tableWrap a{
    display:block;
    padding:14px 15px;
    background:#fff;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.content .tableWrap a:hover{
    color:#2996cc;
    background:#fafafa;
}


/* -- newsBox
-------------------------------------------------------------------------------- */
.newsBox{
  border-bottom:solid 1px #e0e0e0;
}

.newsBox .newsTitle{
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle p{
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle:hover p{
  color:#2996cc;
}

.newsBox:first-child{
  border-top:solid 1px #e0e0e0;
}

.newsBox .newsTitle{
  padding:18px 25px;
  background:#fff;
  position:relative;
}

.newsBox.active .newsTitle{
  background:#e4e7eb;
}

.newsBox .newsTitle .date{
  float:left;
  color:#888;
  line-height:24px;
  margin-right:15px;
}

.newsBox .newsTitle .title{
  font-size:15px;
  line-height:24px;
}

.newsBox .newsTitle .title span{
  float:left;
  font-size:12px;
  width:110px;
  text-align:center;
  font-weight:bold;
  color:#2996cc;
  padding:4px 6px;
  border:solid 1px #2996cc;
  margin-right:15px;
  border-radius:2px;
  line-height:1.2;
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle:hover .title span{
  background:#2996cc;
  color:#fff;
}

.newsBox .newsTitle a{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.newsBox .newsTitle a:before{
  content:"";
  display:block;
  width:13px;
  height:2px;
  background:#999;
  position:absolute;
  right:29px;
  top:50%;
  margin-top:-5px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle a:after{
  content:"";
  display:block;
  width:13px;
  height:2px;
  background:#999;
  position:absolute;
  right:29px;
  bottom:50%;
  margin-bottom:-5px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox.active .newsTitle a:before{
  background:#2996cc;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.newsBox.active .newsTitle a:after{
  background:#2996cc;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.newsBox .newsTitle:hover a:before,
.newsBox .newsTitle:hover a:after{
  background:#2996cc;
}