@charset "utf-8";

/* ========== parking ==========

overrides /common/css/content.css

*/


/* ========== heading ========== */
.headingA01{
margin-bottom:15px;
padding-top:10px;
background:url(../images/heading-a01_bg01.gif) no-repeat left top #efedea;
}
.headingA01 h2,
.headingA01 h3{
padding:0 14px 8px;
background:url(../images/heading-a01_bg02.gif) no-repeat left bottom;
color:#5e5143;
font-size:133%;
font-weight:bold;
}

.headingB01{
margin-bottom:15px;
padding:0 10px 10px;
background:url(../images/heading-b01_bg01.gif) no-repeat right bottom;
}
.headingB01 h3,
.headingB01 h4{
color:#5e5143;
font-size:116%;
font-weight:bold;
}

.headingC01{
margin-bottom:10px;
padding-left:18px;
background:url(../images/heading-c01_bg01.gif) no-repeat left 50%;
}
.headingC01 h4,
.headingC01 h5{
color:#5e5143;
font-size:116%;
font-weight:bold;
}

.headingD01{
margin-bottom:15px;
padding:5px 8px;
border-left:1px solid #a5a5a5;
background:#e9e9e9;
zoom:1;
}
.headingD01 h2,
.headingD01 h3{
font-size:133%;
font-weight:bold;
}

.headingE01{
margin-bottom:15px;
border:1px solid #dadada;
border-bottom:2px solid #dadada;
padding:0 1px;
background:#fbfbfb;
position:relative;
zoom:1;
}
.headingE01:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.headingE01 h2,
.headingE01 h3,
.headingE01 h4,
.headingE01 h5,
.headingE01 h6{
border-top:2px solid #2a4068;
padding:10px 320px 10px 12px;
font-size:150%;
font-weight:bold;
}
.headingE01 ul{
margin-bottom:0;
position:absolute;
top:15px;
right:6px;
/* right:0px; */
text-align:right;
}
.headingE01 ul li{
padding-right:4px;
/* padding-right:10px; */
display:-moz-inline-box;
display:inline-block;
/* display:inline; */
zoom:1;
}

.headingF01{
margin-bottom:15px;
border-bottom:1px solid #cbcbcb;
padding:10px;
background:#f4f4f4;
}
.headingF01 h2,
.headingF01 h3,
.headingF01 h4,
.headingF01 h5,
.headingF01 h6{
padding-left:6px;
border-left:4px solid #2a4068;
color:#2a4068;
font-weight:bold;
font-size:150%;
}

.headingG01{
margin-bottom:15px;
padding:1px;
border:1px solid #dadada;
}
.headingG01 h2,
.headingG01 h3,
.headingG01 h4,
.headingG01 h5,
.headingG01 h6{
padding:5px 26px;
border-top:1px solid #ececec;
background:url(../images/heading-c01_bg01.gif) no-repeat 7px 50%;
font-size:113%;
font-weight:bold;
}

/* ========== headingIndex ========== */
.headingIndexA01{
margin-bottom:15px;
border:1px solid #f0f2f5;
background:url(../images/heading-index-a01_bg01.gif) repeat-x left top #f4f2ef;
}
.headingIndexA01 h2,
.headingIndexA01 h3,
.headingIndexA01 h4,
.headingIndexA01 h5,
.headingIndexA01 h6{
border-bottom:1px solid #fff;
padding:10px 23px;
background:url(../../../common/images/ico_arrow04_right.gif) no-repeat 7px 50%;
color:#5e5143;
font-size:116%;
font-weight:normal;
}




/* tables
--------------------------------------------------------------- */
.parkingColorA01 thead th {
background:#e1dcd4;
text-align:center;
color:#5e5143;
font-weight:bold;
}

.parkingColorA01 th {
background:#f3f2f1;
font-weight:normal;
text-align:left;
}

.parkingColorA01 caption { text-align:left; }

.parkingColorA02 thead th {
background:#e1dcd4;
text-align:center;
color:#5e5143;
font-weight:bold;
white-space:nowrap;
padding-left:0px; padding-right:0px;
}

.parkingColorA02 th {
background:#f3f2f1;
font-weight:normal;
text-align:left;
}

.parkingColorA02 td {
text-align:center;
vertical-align:middle;
padding-left:10px; padding-right:10px;
}

td.alignLcell,
th.alignLCell { text-align:left; }
.parkingColorA02 caption { text-align:left; }

.parkingColorA02 th {
background:#f3f2f1;
color:#5e5143;
}

.parkingColorA03 tbody th {
background:#e1dcd4;
text-align:left;
color:#5e5143;
font-weight:bold;
}

/* faq navi buttons */
ul.imageNavA01 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left:-5px;
  margin-right:-6px;
  margin-bottom:14px; 
}
ul.imageNavA01 li img {
  width: 100%;
  height: auto;
}

/* ===== pdf button-icon link ===== */
.parkingColorA02 td p { margin:0; padding:0; }

/* 	boxes
---------------------------------------------------------------- */
.genericBlockA02 {
margin-bottom:10px;
padding:14px 14px 4px;
/* border:1px solid #eae8e6; */
background:#eae8e6;
color:#666;
}

/*  inquiry banner link
---------------------------------------------------------------- */
p.inqBnrLink { margin:22px -10px; padding:0; }

/*  seriesListBlockA01
---------------------------------------------------------------- */

div.seriesListBlockA01 {
border:1px solid #dcdcdc;
}

ul.seriesListA01 {
background:url(../images/fourclmn_bg01.gif);
margin:0;
}
ul.seriesListA01:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
* html ul.seriesListA01{
display:inline-block;
}
*:first-child+html ul.seriesListA01{
display:inline-block;
}


ul.seriesListA01{
padding-left:1px;
}
ul.seriesListA01 li {
float:left;
width:166px;
margin-right:1px;
}

ul.seriesListA01 li p {
margin:0 6px 9px 9px;
}
/*
ul.seriesListA01 li ul {
margin-left:9px;
margin-bottom:2em;
}
*/

p.listA02 {
background:url(../../../common/images/ico_arrow01_right.gif) no-repeat left 0.5em;
padding:0 14px 0 10px;
}

ul.seriesListA01:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}


/* tabinterface -- nLP */
ul.tabInterfaceA01 {
display: grid;
grid-template-columns: 1fr 1fr;
margin:0;
padding:0;
}

ul.tabInterfaceA01 li img {
  width: 100%;
  height: auto;
}

div.tabInterfaceBlockA01 {
width:691px;
border:1px solid #dadada;
margin-bottom:20px;
}

div.tabInterfaceBlockA01 p {
padding:9px;
margin:0;
}


/* showcase */
.enlargeNote {
padding-left:18px;
background:url(../images/ico_enlarge.gif) no-repeat left center;
}

ul.listImageA02 {
margin-left:-10px;
margin-right:-11px;
}

ul.listImageA02:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
* html ul.listImageA02{
display:inline-block;
}
*:first-child+html ul.listImageA02{
display:inline-block;
}

ul.listImageA02 li {
float:left;
padding:10px;
width:153px;
}

ul.listImageA02 li img {
margin-bottom:4px;
/*display:block;*/
}

ul.listImageA02 li a {
line-height:140%;
text-decoration:none;
}

ul.listImageA02 li a:hover span {
text-decoration:underline;
}

ul.listImageA02 li span {
/*display:block;*/
padding-left:18px;
background:url(../images/ico_enlarge.gif) no-repeat left center;
}

ul.listImageA02:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}


p.anchorLinkDescription {
margin-bottom:15px;
}



/* afterservice before->after */
.columnLayoutA01Inner.right01 {
padding-left:57px;
width:auto;
}

div.centerArrowBlockA01 {
background:url(../../afterservice/images/index_bg_arrow01.gif) no-repeat center 75px;
color:#5e5143;
font-weight:bold;
}
div.centerArrowBlockA01 .columnLayoutA01Inner{
color:#5e5143;
font-weight:bold;
}
div.centerArrowBlockA01 .columnLayoutA01Inner p img{
display:block;
margin-bottom:5px;
}


/* three column layout */
div.columnLayoutD01 {
margin-left:-29px;
}
div.columnLayoutD01:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
* html div.columnLayoutD01{
display:inline-block;
}
*:first-child+html div.columnLayoutD01{
display:inline-block;
}
div.columnLayoutD01 div.columnLayoutD01InnerA01 {
float:left;
width:204px;
padding-left:29px;
}


/* main visual */
div.mainVisual {
margin-bottom:20px;
}


/* greybox */
body#greybox{
position:relative;
border:#FFF 1px solid;
}

body#greybox h1{
color:#69522a;
font-weight:bold;
font-size:116%;
}

body#greybox #gbMain{
width:600px;
margin:0 auto;
padding:10px 19px;
border-top:#69522a 2px solid;
}
body#greybox #gbMain div.gbHead{
position:relative;
min-height:20px;
width:600px;
margin-bottom:5px;
}
body#greybox #gbMain div.gbHead h1{
color:#69522a;
font-weight:bold;
font-size:116%;
margin:0;
padding:0;
}
body#greybox #gbMain div.gbHead p.close{
position:absolute;
top:-5px;
right:0;
height:29px;
width:67px;
margin:0;
padding:0;
}

body#greybox #gbMain div.photoArea{
position:relative;
height:400px;
width:600px;
margin-bottom:8px;
}
body#greybox #gbMain div.photoArea p{
margin:0;
padding:0;
}
body#greybox #gbMain div.photoArea p.btnBack{
position:absolute;
top:0;
left:0;
}
body#greybox #gbMain div.photoArea p.btnNext{
position:absolute;
top:0;
right:0;
}

body#greybox #gbMain ul.gbNavi{
margin-bottom:3px;
text-align:center;
font-size:1%;
line-height:1;
zoom:1;
}
body#greybox #gbMain ul.gbNavi li{
display:inline;
margin-left:5px;
zoom:1;
}

body#greybox #gbMain p.caption{
margin-bottom:5px;
text-align:center;
font-size:83%;
color:#666;
}

@media screen and (max-width: 767px) {
  div.tabInterfaceBlockA01 {
    width: auto;
  }
  ul.tabInterfaceA01 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  ul.tabInterfaceA01 li img {
    width: 100%;
    height: auto;
  }
  div.tabInterfaceBlockA01 p img {
    width: 100%;
    height: auto;
  }

  ul.seriesListA01 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  ul.seriesListA01 li {
    width: auto;
    float: none;
    margin-right: 0;
  }

  .sectionLv02.productList div.seriesListBlockA01 {
    border: none;
  }
  .sectionLv02.productList ul.seriesListA01 {
    background: none;
  }

  ul.imageNavA01 {
    grid-template-columns: 1fr 1fr;
    margin: 0 0 15px 0;
  }
  ul.imageNavA01 li {
    padding: 0;
  }

  p.inqBnrLink {
    display: none;
  }

  div.columnLayoutD01 div.columnLayoutD01InnerA01 {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  .columnLayoutA01Inner.right01 {
    padding-left: 0;
  }

  ul.listImageA02 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
  }
  ul.listImageA02 li {
    float: none;
    width: auto;
  }

  body#greybox #gbMain,
  body#greybox #gbMain div.gbHead {
    width: 100%;
  }
  body#greybox #gbMain div.photoArea,
  body#greybox #gbMain div.photoArea img {
    width: 100%;
    height: auto;
  }
  body#greybox #gbMain div.photoArea p.btnNext,
  body#greybox #gbMain div.photoArea p.btnBack {
    width: 50%;
  }
}