@charset "UTF-8";
/* CSS Document */

/*=============================
#works common
=============================*/
#leadArea { height: 152px;}
#leadTxt{ font-size:20px; text-align:center; line-height: 1.6; color:#333333; height:152px;}
#leadTxt_02 { font-size:22px; text-align: center; line-height:1.6; color:#333333; margin-bottom:40px;}
#leadTxt_02 { font-size:22px; text-align: center; line-height:1.6; color:#333333; margin-bottom:40px;}
#leadTxt_03 { font-size:14px; text-align: center; line-height:1.4; color:#333333; }
.linkAreaBox { background-color:#0168b7; width:1120px;}
.linkAreaBox dl:hover { background-color:#0287d1;}
.linkAreaBox .linkAreaTtl, .linkAreaBox .linkAreaTtl img { width:360px; line-height: 0;}
.linkAreaBox a { width:360px; display:inline-block;}
.linkAreaBox p#playMovie a { width:760px; display:inline-block;}
.linkAreaBox dl dd { width:300px; padding:30px; height:256px; position:relative;}
.linkAreaBox dl dd p.linkAreaTxt { color:#ffffff; font-size:13px; line-height: 1.4; position:absolute; bottom:55px; left:30px; width:300px;}
.linkAreaBox dl dd p.linkAreaBtn { color:#d2a003; font-size:13px; position:absolute; bottom:30px; left:30px; width:300px;}

/* marinebusiness */
.contents_02 h2.ttl {
  width: 880px;
}

.contents_02 h2.ttl img {
  width: 873px;
}
.marin{
  overflow: hidden;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.marin li {
  margin: 0 auto;
  width: 99%;
  height: 445px;
  border: 1px solid #d5d5d5;
}

.fl.left {
  width: 32%;
  height: 445px;
  display: flex;
  flex-direction: column;
  background-color: #0168b7;
}

.fl.mobility a:hover {
  background-color: #0287d1;
}

.fl.left.a {
  display: block;
  cursor: pointer;
}

.fl.left p {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1.3px;
  line-height: 20px;
  padding: 0 21px;
}

.fl.left p:nth-of-type(1) {
  padding-top: 30px;
}

.marin li:nth-of-type(2),
.marin li:nth-of-type(3) {
  margin: 40px auto 0 auto;
}

.marin li:nth-of-type(1) img {
  width: 240px;
}

.marin li:nth-of-type(2) img {
  width: 238px;
}

.marin li:nth-of-type(3) img {
  width: 127px;
}

.marin li:nth-of-type(1) .fl.left p:nth-of-type(2) {
  padding-top: 103px;
}

.marin li:nth-of-type(1) .fl.left p:nth-of-type(3) {
  padding-top: 22px;
  color:#d2a003; 
}

.marin li:nth-of-type(2) .fl.left p:nth-of-type(2) {
  padding-top: 120px;
}

.marin li:nth-of-type(2) .fl.left p:nth-of-type(3) {
  padding-top: 20px;
  color:#d2a003; 
}

.marin li:nth-of-type(3) .fl.left p:nth-of-type(2) {
  padding-top: 155px;
}

.marin li:nth-of-type(3) .fl.left p:nth-of-type(3) {
  padding-top: 22px;
  color:#d2a003; 
}

.fl.right {
  width: 68%;
  height: 445px;
  overflow: hidden;
}


.fl.mobility {
  display: flex;
}

.fl.right span {
  display: block;
  height: 445px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.fl.mobility:nth-of-type(1) .fl.right span {
  background-image: url(../img/img_XTURISMO_Limited_Edition.png);
}

.fl.mobility:nth-of-type(2) .fl.right span {
  background-image: url(../img/img_palmerjohnsonyachts.png);
}

.fl.mobility:nth-of-type(3) .fl.right span {
  background-image: url(../img/img_japang.png);
}

p.ship {
  margin: 35px auto 0 auto;
  font-size: 13px;
  line-height: 18px;
  width: 720px;
  text-align: center;
}

.ship span:last-of-type { 
  margin-left: 10px;
} 


/*=============================
#importcar
=============================*/
#importcar .importcarLst { overflow:hidden; margin-top:20px;}
#importcar .importcarLst:first-child { margin-top:0px;}
#importcar .importcarLst li dl.carBrand { display:table; table-layout: fixed; width:540px;}
#importcar .importcarLst li dl.carBrand dt,#importcar .importcarLst li dl.carBrand dd { display:table-cell; vertical-align: top;}
#importcar .importcarLst li dl.carBrand dt,#importcar .importcarLst li dl.carBrand dt img {width:350px; height:236px;}
#importcar .importcarLst li dl.carBrand dd {height:234px; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
#importcar .importcarLst li dl.carBrand dd, #importcar .importcarLst li dl.carBrand dd img{ width:189px;}
#importcar p.btn { margin-top:40px; line-height:1.4;}

#importcar p.btn a {
    /*background-image: url("../../aoicommon/img/bg_btn_01.gif");*/
    font-size:13px;
    /*border: 1px solid #e7e7e7;*/
    color: #222222;
    display: inline-block;
    /*padding: 8px;*/
    text-decoration: none;
}

#importcar p.btn a:hover { text-decoration: underline; color:#0168b7;}
/*=============================
#carparts
=============================*/
#carparts{
  position: relative;
  z-index: auto;
}
#carparts .linkAreaBox {
	background-image:url('../img/bg_carparts.png');
	background-repeat: no-repeat;
}
#carparts .linkAreaBox dl dd { width:300px; padding:30px; height:196px; position:relative;}
#carparts .linkAreaBox a { width:300px;}
#carparts .linkAreaBox dl:hover { background-color:transparent !important;}
#carparts .linkAreaBox dl dd p.linkAreaTxt_01 { color:#ffffff; font-size:14px; line-height: 1.4; position:absolute; bottom:55px; left:30px; width:300px;}
#carparts .linkAreaBox dl dd p.linkAreaBtn_01 { color:#ffffff; font-size:14px; position:absolute; bottom:30px; left:30px; width:300px;}
#carparts .linkAreaBox dl dd p.linkAreaBtn_01:hover { background-color:#0287d1;}
#carparts .linkAreaBox dl dd p.linkAreaBtn_01 a { color:#d2a003; }
#carparts .linkAreaBox dl dd p.linkAreaBtn_02 { font-size:14px; position:absolute; bottom:30px; left:30px; width:300px;}
#carparts .linkAreaBox dl dd p.linkAreaBtn_02:hover { background-color:#0287d1;}
#carparts .linkAreaBox dl dd p.linkAreaBtn_02 a { color:#d2a003; }
#carparts #tabLst { overflow:hidden; margin-top:100px;}
#carparts #tabLst li { line-height: 0; float:left; margin-left:12px;}
#carparts #tabLst li:first-child {margin-left:0px;} 
#carparts .carpartsTabContents { background-color:#f6f6f6; padding:50px 32px; display: table; table-layout: fixed; width:1054px;}
#carparts .carpartsTabContents dl , #carparts .carpartsTabContents p{ display:table-cell; vertical-align: top;}
#carparts .carpartsTabContents dl { width:584px; padding-right:50px;}
#carparts .carpartsTabContents p { margin-left:13px;}
#carparts .carpartsTabContents p,#carparts .carpartsTabContents p img { width:408px;}
#carparts .carpartsTabContents dl dt { font-size:28px; font-weight:bold; line-height:1.4; margin-bottom:30px;}
#carparts .carpartsTabContents dl dd { font-size:16px; line-height: 1.4;}

#carparts #tabLst li span {display: block; width:214px; height:112px; text-indent:-200px; overflow:hidden;}
#carparts #tabLst li#btnTire span{ background-image:url('../img/btn_tire_static.png'); background-repeat:no-repeat;}
#carparts #tabLst li#btnNavigation span { background-image:url('../img/btn_navigation_static.png'); background-repeat:no-repeat;}
#carparts #tabLst li#btnProducts span { background-image:url('../img/btn_battery_static.png'); background-repeat:no-repeat;}
#carparts #tabLst li#btnOriginalparts span { background-image:url('../img/btn_originalwheel_static.png'); background-repeat:no-repeat;}
#carparts #tabLst li#btnWarehouse span { background-image:url('../img/btn_warehouse_static.png'); background-repeat:no-repeat;}

#carparts #tabLst li#btnTire span.active { background-image:url('../img/btn_tire_dynamic.png');}
#carparts #tabLst li#btnNavigation span.active { background-image:url('../img/btn_navigation_dynamic.png');}
#carparts #tabLst li#btnProducts span.active { background-image:url('../img/btn_battery_dynamic.png');}
#carparts #tabLst li#btnOriginalparts span.active { background-image:url('../img/btn_originalwheel_dynamic.png');}
#carparts #tabLst li#btnWarehouse span.active { background-image:url('../img/btn_warehouse_dynamic.png');}

span.active {
	display:block !important;
      display: block;
      opacity: 1;
      animation-duration: 1.0s;
      animation-name: fade-in;
      -moz-animation-duration: 1.0s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 1.0s;
      -webkit-animation-name: fade-in;
      cursor:auto;
    }
    @keyframes fade-in {
      0% { display: none; opacity: 0;}
      1% { display: block; opacity: 0;}
      100% { display: block; opacity: 1;}
    }
    @-moz-keyframes fade-in {
      0% { display: none; opacity: 0;}
      1% { display: block; opacity: 0;}
      100% { display: block; opacity: 1;}
    }
    @-webkit-keyframes fade-in {
      0% { display: none; opacity: 0;}
      1% { display: block; opacity: 0;}
      100% { display: block; opacity: 1;}
    }

  #works #lean_overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;

}
.modal {
    display: none;
    width: 500px;
    background: #FFF;
    z-index: 3000;
    position:relative;
}
.modal h4 { font-size:18px; background-color:#0168b7; padding:20px; color:#ffffff;}
.modal .modalTxt { font-size:14px; line-height:1.4; padding:20px;}
.modal .modalTxt dl dt { font-size: 16px;}
.modal .modalTxt dl dd>dl{ margin-bottom: 5px; font-size: 13px;}
.modal .modalTxt dl dd>dl dt{ font-size: 13px; margin-top: 5px; color:#E40421;}
.modal p.mgT15B15 { margin: 15px 0;}
.modal p.mgT15B15 a:hover { text-decoration: underline}
.modal ul li:first-child { margin-top:0px;}
.modal ul li {margin-top:15px;}
#carparts #parentdiv p.modal_close {
    border: 1px solid #cccccc;
    cursor: pointer;
    display: table;
    font-size: 36px;
    height: 30px;
    line-height: 0.7;
    padding: 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 30px;
    color:#ffffff;
    }


/*=============================
#energysolution
=============================*/
#energysolution .linkAreaBox {
  background-image:url('../img/bg_energysolution.png');
  background-repeat: no-repeat;
}

/*=============================
#usedcar
=============================*/
#usedcar .linkAreaBox {
  background-image:url('../img/bg_usedcar.png');
  background-repeat: no-repeat;
}
/*=============================
#energystation
=============================*/
#energystation .linkAreaBox {
  background-image:url('../img/bg_energystations.png');
  background-repeat: no-repeat;
}
#energystation .linkAreaBox .leftCol { width: 360px; }
#energystation .linkAreaBox .leftCol dl dd { padding-bottom: 0; }
#energystation .linkAreaBox .rightCol { width: 760px; }
#energystation .linkAreaBox #playMovie {line-height:0;}


#lean_overlay {	
  position: fixed; z-index:9999;	
  top: 0px;	
  left: 0px;	
  height: 100%;	
  width: 100%;	
  background: #000;	
  display: none;	
  }	
  #movie-cm {	
  background: none repeat scroll 0 0 #FFFFFF;	
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);	
  display: none;	
  padding: 10px;	
  width: 780px;	
  }	
  #movie-cm video { width: 100%; }	
  #movie-cm span{	
  height: 439px !important;	
  width: 780px !important;	
  }



/*=============================
#tire
=============================*/
#tire #leadTxt { font-size:36px; font-weight:bold; height:100px;}

#tire ul#tireImg li , #tire ul#tireImg li img { width:960px; line-height:0;}

#tire .tireTtl { color: #0168b7; font-size: 20px; padding-bottom: 40px; text-align: center;}
#tire .tireTxt { font-size:16px; text-align:center; line-height:1.4; margin-bottom:40px;}

#tire #shopLst .clear { margin-bottom:10px;}
#tire #shopLst .leftCol , #tire #shopLst .rightCol { border:1px solid #d3d8de; font-size:16px;}
#tire #shopLst h4 { background-color:#555555; color:#fff; border:1px solid #d3d8de; padding:8px; font-size:16px;}
#tire #shopLst ul li { background-color:#d3d8de;}
#movie-cm video { width: 100%;}
#tire #shopLst ul li dl { overflow:hidden;}
#tire #shopLst ul li dl dt { width:300px;}
#tire #shopLst ul li dl dd { text-align: center;}
#tire #shopLst ul li dl dt,#tire #shopLst ul li dl dd { float:left; border:1px solid #d3d8de; padding:8px; background-color:#ffffff;}

#tire #shopLst_02 { /*width:765px;*/ border:1px solid #d3d8de; font-size:16px;}
#tire #shopLst_02 h4 { background-color:#555555; color:#fff; border:1px solid #d3d8de; padding:8px; font-size:16px;}
#tire #shopLst_02 ul li { background-color:#d3d8de;}
#tire #shopLst_02 ul li dl { overflow:hidden;}
#tire #shopLst_02 ul li dl dt { width:300px;}
#tire #shopLst_02 ul li dl dd { text-align: center; width:120px;}
#tire #shopLst_02 ul li dl dd.first { /*width:291px;*/ width:484px; text-align:left;}
#tire #shopLst_02 ul li dl dt,#tire #shopLst_02 ul li dl dd { float:left; border:1px solid #d3d8de; padding:8px; background-color:#ffffff;}
#tire .btn_pdf { text-align:center; margin-top:20px;}
#tire .btn_pdf a{
    background-image: url("../../aoicommon/img/bg_btn_01.gif");
    border: 1px solid #e7e7e7;
    color: #555555;
    display: inline-block;
    padding: 8px;
    text-decoration: none;
    font-size:16px;
    cursor:pointer;
    }
/*=============================
#maintenance
=============================*/
#maintenance .ttl2  {width:739px;margin:60px auto}
#maintenance #mainte_img  {float:left; overflow:hidden;}
#maintenance .company_info  {float:right; height:444px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
#maintenance .c_info dl {display:table; width:274px; height:30px; padding:3px 0px;}
#maintenance .c_info dt {display:table-cell; width:72px; font-size:16px;}
#maintenance .c_info dd {display:table-cell; width:150px; font-size:16px; line-height:1.4 }
#maintenance .company {position:relative;overflow:hidden;}
#maintenance .c_info {position:absolute; bottom:10px; right:54px;}

/**#lean_overlay {
    position: fixed; z-index:9999; 
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
#movie-cm {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 10px;
    width: 780px;
}
#movie-cm video { width: 100%; }
#movie-cm span{
  height: 439px !important;
  width: 780px !important;
}**?