/*====================================================
  heading - has no top margin
====================================================*/

#mainAreaPadder p{
  line-height: 1.5;
}


/*  headingL01
------------------------------*/
h2#pilotPageTitle{
  position: relative;
  float: left; /*for IE6 or 7*/
  display:block;
  width: 750px;
  /*line-height:42px !important;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  background:#eae7e3 url(../images/headingL01_bg.gif) repeat-x left bottom;
  font-size:16px;
  }
h2.nostyle{
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  line-height:0 !important;
  }

h2 img{
  vertical-align: middle;
  /*margin-left: 5px;*/
  padding-bottom:4px;
}

/*.headingL01 h2 img{margin:2px 0 0 5px;>margin-top:1px;}*/

/* custom */

  #wrapperNoSbar .headingL01{
    width:auto;
    margin:0 -20px 16px;
  }

/*  headingL01A
------------------------------*/
.headingL01A{
  margin:0 -24px 24px -20px;
  width:555px;
  height:42px;
  min-height:42px;
  background:#eae7e3 url(/common/images/headingL01_bg.gif) repeat-x bottom;
  position:relative;
  zoom:1;
}

.headingL01A h2{
  padding:11px 0 0 20px;
}

/* custom */

  #wrapperNoSbar .headingL01A{
    width:auto;
    margin-right:-20px;
  }

/*  headingL01ImgA
------------------------------*/
.headingL01ImgA{
  margin:0 -24px 16px -20px;
  width:555px;
  height:85px;
  position:relative;
  zoom:1;
}
.headingL01ImgA h2{
  /* off-left */
  position:absolute;
  left:-999px;
  width:999px;
}

/*  headingL01ImgB
------------------------------*/
.headingL01ImgB{
  margin:0 -24px 16px -20px;
  width:555px;
  height:225px;
  position:relative;
  zoom:1;
}
.headingL01ImgB img{
  vertical-align:top;
}
.headingL01ImgB h2{
  /* off-left */
  position:absolute;
  left:-999px;
  width:999px;
}

/*  headingL02A
------------------------------*/
.headingL02A{
  margin:0 0 18px;
  background:url(../images/headingL02A_bg.gif) left top;
  _height:0;
}
.headingL02A h3{
  background:url(../images/headingL02A_h3_bg.gif) no-repeat bottom;
  padding:0.45em 10px 0.3em 11px;
  _height:0;
}

/* custom */

  #wrapperNoSbar .headingL02A{
    background:url(../images/headingL02ANoSbar_bg.gif) left top;
  }
  #wrapperNoSbar .headingL02A h3{
    background:url(../images/headingL02ANoSbar_h3_bg.gif) no-repeat bottom;
  }

/*  headingL02B
------------------------------*/
.headingL02B{
  margin:0 0 18px;
  background:url(../images/headingL02B_bg.gif) left top;
}

.headingL02B .bgCloser{
  background:url(../images/headingL02B_bgCloser_bg.gif) no-repeat center bottom;
  overflow:hidden;
  zoom:1;
  }
  
.headingL02B .heading{
  width:456px;
  float:left;
}
.headingL02B .heading h3{
  padding:0.5em 10px 0.4em 11px;
}
.headingL02B .list{
  width:55px;
  float:left;
}
.headingL02B .list a{
  width:55px;
  display:block;
}
.headingL02B .list a span{
  display:block;
  padding:0.55em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*  headingL02C
    - 2009.3 add TOPPAGE RenewalProject
------------------------------*/
.headingL02C{
  margin:0 0 12px;
  background:url(../images/headingL02C_bg.gif) left top;
}
.headingL02C .bgCloser{
  background:url(../images/headingL02C_bgCloser_bg.gif) no-repeat center bottom;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .headingL02C .bgCloser:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .headingL02C .bgCloser {height: 0.01%;}
  .headingL02C .bgCloser {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.headingL02C .heading{
  width:456px;
  float:left;
}
.headingL02C .heading h3{
  padding:8px 10px 8px 15px;
}
.headingL02C .list{
  width:55px;
  float:left;
}
.headingL02C .list a{
  width:55px;
  display:block;
}
.headingL02C .list a span{
  display:block;
  padding:0.6em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*  headingL02D
------------------------------*/
.headingL02D{
  margin:0 0 12px;
  background:url(../images/headingL02D_bg.gif) left top;
  _height:0;
}
.headingL02D h3{
  background:url(../images/headingL02D_bgCloser_bg.gif) no-repeat bottom;
  padding:8px 10px 9px 15px;
  _height:0;
}


/*  headingL03A
------------------------------*/
.headingL03A{
  margin:0 0 18px;
  background:url(../images/headingL03A_bg.gif) left top;
  _height:0;
}
.headingL03A h4{
  background:url(../images/headingL03A_h4_bg.gif) no-repeat bottom;
  padding:0.45em 10px 0.3em 11px;
  _height:0;
}

/*  headingL03B
------------------------------*/
.headingL03B{
  margin:0 0 18px;
  background:url(../images/headingL03B_bg.gif) left top;
}
.headingL03B .bgCloser{
  background:url(../images/headingL03B_bgCloser_bg.gif) no-repeat center bottom;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .headingL03B .bgCloser:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .headingL03B .bgCloser {height: 0.01%;}
  .headingL03B .bgCloser {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.headingL03B .heading{
  width:456px;
  float:left;
}
.headingL03B .heading h4{
  padding:0.45em 10px 0.3em 11px;
}
.headingL03B .list{
  width:55px;
  float:left;
}
.headingL03B .list a{
  width:55px;
  display:block;
}
.headingL03B .list a span{
  display:block;
  padding:0.55em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*  headingL03C
------------------------------*/
.headingL03C{
  margin:0 0 18px;
  background:url(../images/headingL03C_bg.gif) left top;
}
.headingL03C .bgCloser{
  background:url(../images/headingL03C_bgCloser_bg.gif) no-repeat left bottom;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .headingL03C .bgCloser:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .headingL03C .bgCloser {height: 0.01%;}
  .headingL03C .bgCloser {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.headingL03C .heading{
  width:456px;
  float:left;
}
.headingL03C .heading h4{
  padding:0.45em 10px 0.3em 11px;
}
.headingL03C .list{
  width:55px;
  float:left;
}
.headingL03C .list a{
  width:55px;
  display:block;
}
.headingL03C .list a span{
  display:block;
  padding:0.55em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*  headingL03D
------------------------------*/
.headingL03D{
  background:url(../images/headingL03D_bg.gif) no-repeat 0px 0px #e0e9fa;
  margin:0 0 12px;
}
  .headingL03D .bgCloser{
    background:url(../images/headingL03D_bgCloser_bg.gif) no-repeat center bottom;
    padding:4px 0;
    overflow:hidden;
    zoom:1;
  }

  .headingL03D .heading{
    width:456px;
    float:left;
  }
    .headingL03D .heading h3{
      padding: 0 0 0 8px;
      line-height:1;
      margin-left:4px;
    }
  .headingL03D .list{
    width:55px;
    float:left;
  }
    .headingL03D .list a{
      width:55px;
      display:block;
    }
      .headingL03D .list a span{
        display:block;
        padding:0 0 0 19px;
        background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
      }


/*  headingL05
------------------------------*/
.headingL05{
  margin:-2px 0 8px;
}

/*====================================================
  heading - has top margin
====================================================*/

/*  headingL02A
------------------------------*/
.headingL02AhasTopM{
  margin:32px 0 18px;
  background:url(../images/headingL02A_bg.gif) left top;
  _height:0;
}
.headingL02AhasTopM h3{
  background:url(../images/headingL02A_h3_bg.gif) no-repeat bottom;
  padding:0.45em 10px 0.3em 11px;
  _height:0;
}

/* custom */

  #wrapperNoSbar .headingL02AhasTopM{
    background:url(../images/headingL02ANoSbar_bg.gif) left top;
  }
  #wrapperNoSbar .headingL02AhasTopM h3{
    background:url(../images/headingL02ANoSbar_h3_bg.gif) no-repeat bottom;
  }

/*  headingL02B
------------------------------*/
.headingL02BhasTopM{
  margin:32px 0 18px;
  background:url(../images/headingL02B_bg.gif) left top;
}

.headingL02BhasTopM .bgCloser{
  background:url(../images/headingL02B_bgCloser_bg.gif) no-repeat center bottom;
  
  /* ### clear float ### */
  display: inline-table;
  }
  .headingL02BhasTopM .bgCloser:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .headingL02BhasTopM .bgCloser {height: 0.01%;}
  .headingL02BhasTopM .bgCloser {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.headingL02BhasTopM .heading{
  width:456px;
  float:left;
}
.headingL02BhasTopM .heading h3{
  padding:0.45em 10px 0.3em 11px;
}
.headingL02BhasTopM .list{
  width:55px;
  float:left;
}
.headingL02BhasTopM .list a{
  width:55px;
  display:block;
}
.headingL02BhasTopM .list a span{
  display:block;
  padding:0.55em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*  headingL03A
------------------------------*/
.headingL03AhasTopM{
  margin:32px 0 18px;
  background:url(../images/headingL03A_bg.gif) left top;
  _height:0;
}
.headingL03AhasTopM h4{
  background:url(../images/headingL03A_h4_bg.gif) no-repeat bottom;
  padding:0.45em 10px 0.3em 11px;
  _height:0;
}

/*  headingL03B
------------------------------*/
.headingL03BhasTopM{
  margin:32px 0 18px;
  background:url(../images/headingL03B_bg.gif) left top;
}
.headingL03BhasTopM .bgCloser{
  background:url(../images/headingL03B_bgCloser_bg.gif) no-repeat center bottom;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .headingL03BhasTopM .bgCloser:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .headingL03BhasTopM .bgCloser {height: 0.01%;}
  .headingL03BhasTopM .bgCloser {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.headingL03BhasTopM .heading{
  width:456px;
  float:left;
}
.headingL03BhasTopM .heading h4{
  padding:0.45em 10px 0.3em 11px;
}
.headingL03BhasTopM .list{
  width:55px;
  float:left;
}
.headingL03BhasTopM .list a{
  width:55px;
  display:block;
}
.headingL03BhasTopM .list a span{
  display:block;
  padding:0.55em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*  headingL03C
------------------------------*/
.headingL03ChasTopM{
  margin:32px 0 18px;
  background:url(../images/headingL03C_bg.gif) left top;
}
.headingL03ChasTopM .bgCloser{
  background:url(../images/headingL03C_bgCloser_bg.gif) no-repeat left bottom;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .headingL03ChasTopM .bgCloser:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .headingL03ChasTopM .bgCloser {height: 0.01%;}
  .headingL03ChasTopM .bgCloser {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.headingL03ChasTopM .heading{
  width:456px;
  float:left;
}
.headingL03ChasTopM .heading h4{
  padding:0.45em 10px 0.3em 11px;
}
.headingL03ChasTopM .list{
  width:55px;
  float:left;
}
.headingL03ChasTopM .list a{
  width:55px;
  display:block;
}
.headingL03ChasTopM .list a span{
  display:block;
  padding:0.55em 0 0.55em 19px;
  background:url(../images/headingLXX_list_bg.gif) no-repeat left center;
}

/*====================================================
  imgBlock
====================================================*/

/*  imgBlockA01
------------------------------*/
.imgBlockA01{
  margin:0 0 16px;
}
.imgBlockA01 img{
  vertical-align:bottom;
}

/*  imgBlockB01
------------------------------*/
.imgBlockB01{
  margin:0 0 20px;
  overflow:hidden;
  zoom:1;
}

.imgBlockB01 img{
  vertical-align:top;
}
.imgBlockB01 .textArea{
  width:337px;
  padding:2px 0 0;
  float:left;
}
.imgBlockB01 .imgArea{
  width:163px;
  float:right;
}
.imgBlockB01 .textArea .heading{
  margin:-2px 0 7px;
}
.imgBlockB01 .textArea .text{
  margin:-2px 0 13px;
}
.imgBlockB01 .textArea .textLast{
  margin:-2px 0 -3px;
}
.imgBlockB01 .imgArea .caption{
  margin:-1px 0 0;
}
.imgBlockB01 .imgArea .img{
  margin:0 0 8px;
}

/*  imgBlockC01
------------------------------*/
.imgBlockC01{
  margin:0 0 9px;
}
.imgBlockC01 .img img{
  vertical-align:bottom;
  margin:0 0 8px;
}
.imgBlockC01 .caption{
  margin:-1px 0 0;
}

/*  imgBlockD01
------------------------------*/
.imgBlockD01{
  margin:0 0 20px;
}
.imgBlockD01 .heading{
  margin:-2px 0 8px;
}
.imgBlockD01 img{
  vertical-align:bottom;
}
.imgBlockD01 .img{
  margin:0 0 12px;
  text-align:center;
}
.imgBlockD01 .btn{
  background:#e2ded9 url(../images/imgBlockD_btnArea_bg.gif) repeat-x bottom;
}
.imgBlockD01 .btn img{
  margin:4px 8px 5px 8px;
}
.imgBlockD01 .text{
  padding:6px 8px 6px;
  background-color:#f0eeeb;
}

/*  imgBlockD02
------------------------------*/
.imgBlockD02{
  margin:-20px -11px 20px 0;
}
.imgBlockD02 table{
  width:522px;
}
.imgBlockD02 table td{
  width:261px;
}
.imgBlockD02 img{
  vertical-align:bottom;
}

/*  prodDetailItemA01
------------------------------*/
.prodDetailItemA01{
  width:250px;
  margin:18px 11px 0 0;
}
.prodDetailItemA01 .heading{
  margin:0 0 8px;
}
.prodDetailItemA01 img{
  vertical-align:bottom;
}
.prodDetailItemA01 .img{
  margin:0 0 12px;
  text-align:center;
}
.prodDetailItemA01 .btn{
  background:#e2ded9 url(/common/images/imgBlockD_btnArea_bg.gif) repeat-x bottom;
}
.prodDetailItemA01 .btn img{
  margin:4px 8px 5px;
}
.prodDetailItemA01 .text{
  padding:6px 8px 6px;
  background-color:#f0eeeb;
}

/*  imgBlockD03
------------------------------*/
.imgBlockD03{
  margin:-20px -11px 20px 0;
}
.imgBlockD03 table{
  width:522px;
}
.imgBlockD03 img{
  vertical-align:bottom;
}

/*  prodDetailItemA02
------------------------------*/
.prodDetailItemA02{
  width:163px;
  margin:18px 11px 0 0;
}
.prodDetailItemA02 .heading{
  margin:0 0 8px;
}
.prodDetailItemA02 img{
  vertical-align:bottom;
}
.prodDetailItemA02 .img{
  margin:0 0 12px;
  text-align:center;
}
.prodDetailItemA02 .btn{
  background:#e2ded9 url(/common/images/imgBlockD_btnArea_bg.gif) repeat-x bottom;
}
.prodDetailItemA02 .btn img{
  margin:4px 8px 5px 8px;
}
.prodDetailItemA02 .text{
  padding:6px 8px 6px;
  background-color:#f0eeeb;
}

/*  imgBlockE01
------------------------------*/
.imgBlockE01{
  margin:0 0 12px;
}
.imgBlockE01 img{
  vertical-align:bottom;
}

/*  imgBlockF01
------------------------------*/
.imgBlockF01{
  margin:0 0 20px;
}
.imgBlockF01 .img{
  width:250px;
}
.imgBlockF01 .img table td{
  background-repeat:no-repeat;
  background-position:left top;
  border-bottom:1px solid #6880c9;
  vertical-align:middle;
  width:250px;
  height:66px;
}
.imgBlockF01 .img table td a{
  display:block;
  width:250px;
}
.imgBlockF01 .img table td a em{
  display:block;
  padding:1px 120px 0 22px;
  background:url(/common/images/imgBlockF01_em_bg.gif) no-repeat left center;
  _height:0;
}
.imgBlockF01 .text{
  width:261px;
  padding:2px 0 0;
}
.imgBlockF01 .text p{
  margin:-2px 0 -3px 11px;
}

/*  imgBlockG01
------------------------------*/
.imgBlockG01{
  margin:-17px -11px 17px 0;
}
.imgBlockG01 table{ 
  width:522px;
}
.imgBlockG01 table td{
  width:261px;
  padding:2px 0 0;
}

/*  imgItemA01
------------------------------*/
.imgBlockG01 .imgItemA01{
  width:250px;
  margin:15px 11px 0 0;
}
.imgBlockG01 .imgItemA01 img{
  vertical-align:bottom;
}
.imgBlockG01 .imgItemA01 .heading{
  margin:0 0 8px;
}
.imgBlockG01 .imgItemA01 .img{
  margin:0 0 7px;
}

/*  imgBlockH01
------------------------------*/
.imgBlockH01{
  width:100%;
  margin:-2px 0 0;
  padding:2px 0 0;
}
.imgBlockH01 .heading{
  margin:-2px 0 6px;
}
.imgBlockH01 .imgArea{
  float:left;
  width:163px;
  margin:0 7px 0 0;
  padding:2px 0 0;
}

.imgBlockH01 .textArea{
  float:left;
  width:337px;
  margin:0 0 0 0;
  padding:2px 0 0;
}

.imgBlockH01 .list{
  margin:0 0 8px 0;
}

.imgBlockH01 .list li{
  margin:0 0 0 0;
}

.imgBlockH01 .list .name{
  margin:0 0 5px 0;
}
.imgBlockH01 .text{
  margin:0 0 8px 0;
}
.clear{
  clear:both;
}

/*  imgBlockI01
------------------------------*/
.imgBlockI01{
  width:100%;
  margin:0 0 15px 0;
}
.imgBlockI01 .imgArea{
  float:left;
  width:50px;
  margin:0 7px 0 0;
}
.imgBlockI01 .caption{
  padding:5px 0 0 0;
  text-align:center;
}
.imgBlockI01 .textArea{
  float:left;
  width:250px;
}

/*  imgBlockI02
------------------------------*/
.imgBlockI02{
  width:100%;
  margin:0 0 15px 0;
}
.imgBlockI02 .imgArea{
  float:left;
  width:50px;
  margin:0 7px 0 0;
}
.imgBlockI02 .caption{
  padding:5px 0 0 0;
  text-align:center;
}
.imgBlockI02 .textArea{
  float:left;
  width:450px;
}

/*  imgBlockJ02
------------------------------*/
.imgBlockJ01{
  width:100%;
  }
.imgBlockJ01 .imgArea{
  float:left;
  width:130px;
  margin:0 8px 0 0;
  }
.imgBlockJ01 .textArea{
  float:left;
  width:373px;
  }


/*====================================================
  textBlock
====================================================*/

/*  textBlockA01  下マージン20px
------------------------------*/
.textBlockA01{
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 17px;
  margin-left: 0;
}

/*  textBlockA02  下マージン8px
------------------------------*/
.textBlockA02{
  margin:-2px 0 5px;
}

/*  textBlockA03  下マージン24px
------------------------------*/
.textBlockA03{
  margin:-2px 0 21px;
}

/*  textBlockA04  下マージン12px
------------------------------*/
.textBlockA04{
  margin:-2px 0 9px;
}

/*  textBlockA05  下マージン30px
------------------------------*/
.textBlockA05{
  margin:-2px 0 27px;
}

/*====================================================
  notationBlock
====================================================*/

/*  notationBlockA01
------------------------------*/
.notationBlockA01{
  margin:-1px 0 16px;
}
.notationBlockA01 dd{
  margin:-1.25em 0 5px 1em;
}

/*  notationBlockA02
------------------------------*/
.notationBlockA02{
  margin:-1px 0 16px;
}
.notationBlockA02 dd{
  margin:-1.25em 0 5px 2em;
}


/*====================================================
  dataTable
====================================================*/

/*  dataTableA01
------------------------------*/
.dataTableA01{
  margin:0 0 16px;
}
.dataTableA01{
  border:1px solid #999999 !important;
  margin:0 0 8px;
}
.dataTableA01 td,
.dataTableA01 th{
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  padding:6px 8px 5px;
  font-size:13px !important;
  vertical-align:middle;
}

.dataTableA01 .lvl01{
  background:#ebf1fb;
}
.dataTableA01 .lvl02{
  background:#c8d6ed;
}
.dataTableA01 .lvl03{
  background:#d9e6ff;
}

.dataTableA01 .noborder{
  border-right:0px;
}




/*  dataTableA02
------------------------------*/
.dataTableA02{
  margin:0 0 16px;
  border-top:1px solid #999999;
  border-left:1px solid #999999;
}
.dataTableA02 .main{
  width:511px;
  
  margin:0 0 8px;
}
.dataTableA02 td,
.dataTableA02 th{
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  text-align:center;
  font-size:11px !important;
}
.dataTableA02 p{
  margin:5px 1px;
}
.dataTableA02 .lvl01{
  background:#ebf1fb;
}
.dataTableA02 .lvl02{
  background:#c8d6ed;
}

/*  dataTableA03
------------------------------*/
.dataTableA03 td,
.dataTableA03 th{
  font-size:11px !important;
}

/*  dataTableB01
------------------------------*/
.dataTableB01{
  margin:0 0 8px;
  border-top:2px solid #6880c9;
  border-bottom:2px solid #6880c9;
  border-collapse: collapse;
}
table.dataTableB01 td,
table.dataTableB01 th{
  /*background:url(../images/dataTableB01_dotBorder_bg.gif) repeat-x left bottom;*/
  padding:8px 0;
  border-bottom: 1px dotted #6880c9;
}

table.dataTableB01 th.noline,
table.dataTableB01 td.noline{
  background:none !important;
} 

table.dataTableB01 th p{
  /*padding:8px 0;*/
}
table.dataTableB01 td p{
  /*padding:8px 0;*/
}

div.dataTableB01 table p{
  padding:8px 0;
}

/*  dataTableB02
------------------------------*/
table.dataTableB02{
  margin:0 0 8px;
  border-top:2px solid #6880c9;
  border-bottom:2px solid #6880c9;
  border-collapse: collapse;
}

table.dataTableB02 tr.noline{
  border-bottom:none !important;
}

table.dataTableB02 th{
  padding: 10px 1px 10px 5px;
  background-color:#c8d6ed;
  border-right:1px solid #c8d6ed;
  border-bottom:1px solid #6880c9;
}

table.dataTableB02 td{
  padding: 10px 5px 10px 10px;
  border-left:1px solid #6880c9;
  border-bottom:1px solid #6880c9;
}

table.dataTableB02 td.dot{
  /*background:url(../images/dataTableB01_dotBorder_bg.gif) repeat-x left bottom;
  border-bottom:none;*/
  border-bottom: 1px dotted #6880C9;
}

table.dataTableB02 td.Lline{
  /*border-left:1px solid #6880c9;*/
}

/*  dataTableB03
------------------------------*/
.dataTableB03{
  margin:0 0 16px;
}
.dataTableB03 .main{
  margin:0 0 8px;
  border-top:2px solid #6880c9;
  border-bottom:2px solid #6880c9;
}
.dataTableB03 .main .text{
  text-align:center;
}
.dataTableB03 .main .text p{
  padding:6px 0 6px 0;
}
.dataTableB03 .main .dotBorder{
  background:url(/common/images/dataTableB01_dotBorder_bg.gif) repeat-x left bottom;
}
.dataTableB03 .main .solidBorder{
  background:#6880c9;
}
.dataTableB03 .main th{
  background:#c8d6ed;
}
.dataTableB03 .main th p{
  padding:10px 0 11px 9px;
}
.dataTableB03 .main td p{
  padding:10px 3px 11px 9px;
}

/*.dataTableB03 .main td dl{
  margin:10px 0 10px 9px;
}
.dataTableB03 .main td dl dt{
  width:5.5em;
}
.dataTableB03 .main td dl dd{
  margin:-1.3em 0 5px 5.5em;
}*/

/*imgBlock*/

.dataTableB03 .main .imgBlock{
  /* ### clear float ### */
  display: inline-table;
  }
  .dataTableB03 .main .imgBlock:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .dataTableB03 .main .imgBlock {height: 0.01%;}
  .dataTableB03 .main .imgBlock {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.dataTableB03 .main .imgBlock .textArea{
  padding:10px 0 0 9px;
}

.dataTableB03 .main .imgBlock .imgArea{
  width:174px;
}
.dataTableB03 .main .imgBlock .imgArea .img{
  margin:10px 0 12px 11px;
}

/*  dataTableB04
------------------------------*/
.dataTableB04{
  margin:0 0 16px;
}
.dataTableB04 .main{
  margin:0 0 8px;
  border-top:2px solid #6880c9;
  border-bottom:2px solid #6880c9;
}
.dataTableB04 th{
  padding:6px 0 8px 0;
}
.dataTableB04 td{
  /*padding:0 0 4px 0;*/
  padding:6px 0 8px 0;
}
.dataTableB04 .main td.dotBorder{
  padding: 0px;
  background:url(/common/images/dataTableB01_dotBorder_bg.gif) repeat-x left bottom;
}
.dataTableB04 .link{
  /*margin:6px 0 4px 0;*/
}
.dataTableB04 .text{
  margin:0 0 4px 10px;
}
.dataTableB04 .list{
  margin:0 0 2px 10px;
}
.dataTableB04 .list li{
  margin:0 0 0 1em;
  position:relative;
}
.dataTableB04 .list li span{
  top:0;
  left:-1em;
  width:1em;
  position:absolute;
}


/*  .dataTableB05
------------------------------*/
.dataTableB05 td{
  padding: 10px;
}

/*====================================================
  itemListBlock
====================================================*/

/*  itemListBlockA01
------------------------------*/
.itemListBlockA01{
  width: 522px;
  margin-bottom: 8px;
  margin-left: 0;
}
.itemListBlockA01 table{
  background-position:top left;
  background-repeat:repeat-y;
}
.itemListBlockA01 td{
  width:261px;
  height:52px;
}

.prodItemA01{
  margin:8px 0px 0 0;
  width:250px;
  background:url(../images/prodItemA01_bg.gif) left top;
  border-bottom:1px solid #6880c9;
  font-size:13px;
  float:left;
}

.prodItemA01 span{
  display:block;
  width:94px;
  float:right;
}
.prodItemA01 a{
  display:block;
  padding:0 94px 0 22px;
}
.prodItemA01 em{
  display:block;
  padding:1em 0 1em 0;
  background:url(../images/prodItemA01_em_bg.gif) no-repeat left center;
}
.prodItemA02{
  margin:8px 0px 0 0;
  width:250px;
  float:left;
}

/*  prodItemX01
------------------------------*/

.prodItemX01 {
    display: block;
}
.prodItemX01 {
    background: url(/common/images/com_bg0001.gif) repeat left top !important;
    border-bottom: 1px solid #6880C9;
    margin: 8px 11px 0 0 !important;
  padding:0px 0 7px 0;
    width: 500px;
}

.prodItemX01 span {
    display: block;
    float: left;
    width: 94px;
}

.prodItemX01 ul {
    display: block;
    list-style-image: url(/common/images/com_bt0002.gif);
    padding: 5px 0 0 100px !important;
}



/*  itemListBlockB01
------------------------------*/
.itemListBlockB01{
  margin:-12px 0 8px 0;
  background:url(../images/itemListBlockB01_bg.gif) repeat-y left;
}
.itemListBlockB01 .itemCell{
  width:163px;
  height:196px;
  border-bottom:1px solid #666666;
}
.itemListBlockB01 .emptyCell{
  width:163px;
  background:#ffffff url(../images/itemListBlockB01_emptyCell.gif);
  
}
.itemListBlockB01 .areaMargin{
  width:11px;
}
.itemListBlockB01 .prodItemB01{
  padding:12px 0 0;
  background:url(../images/prodItemB01_bg.gif) repeat-x left top;
}
.itemListBlockB01 .prodItemB01 img{
  vertical-align:bottom;
}
.itemListBlockB01 .prodItemB01 .link{
  margin:4px 7px 8px 9px;
  padding:0 4px 0 0;
  background:url(../images/prodItemB01_link_bg.gif) no-repeat left top;
}
.itemListBlockB01 .prodItemB01 .link a{
  display:block;
}
.itemListBlockB01 .prodItemB01 .link a em{
  display:block;
  padding:0 0 0 10px;
  word-break: break-all;
}
.itemListBlockB01 .prodItemB01 .link a em img{
  margin:0 0 1px 5px;
  >margin-bottom:0;
}
.itemListBlockB01 .prodItemB01 .text{
  width:146px;
  margin:-2px 0 0 9px;
  padding:0 0 5px;
}

/*  itemListBlockB02
------------------------------*/
.itemListBlockB02{
  width:701px;
  margin:0 12px 12px;
  background:url(../images/itemListBlockB02_bg.gif) repeat-y left;
}
.itemListBlockB02 .itemCell{
  width:163px;
  height:184px;
  border-bottom:1px solid #666666;
}
.itemListBlockB02 .emptyCell{
  width:163px;
  background:#ffffff url(../images/itemListBlockB01_emptyCell.gif);
}
.itemListBlockB02 .areaMarginA{
  width:16px;
}
.itemListBlockB02 .areaMarginB{
  width:17px;
}
.itemListBlockB02 .prodItemB01{
  background:url(../images/prodItemB01_bg.gif) repeat-x left top;
}
.itemListBlockB02 .prodItemB01 img{
  vertical-align:bottom;
}
.itemListBlockB02 .prodItemB01 .link{
  margin:4px 7px 8px 9px;
  padding:0 4px 0 0;
  background:url(../images/prodItemB01_link_bg.gif) no-repeat left top;
}
.itemListBlockB02 .prodItemB01 .link a{
  display:block;
}
.itemListBlockB02 .prodItemB01 .link a em{
  display:block;
  padding:0 0 0 10px;
}
.itemListBlockB02 .prodItemB01 .text{
  width:146px;
  margin:-2px 0 0 9px;
  padding:0 0 5px;
}

/*  itemListBlockB03
------------------------------*/
.itemListBlockB03{
  width:338px;
  margin:0 12px 12px;
  background:url(../images/itemListBlockB03_bg.gif) repeat-y left;
}
.itemListBlockB03 .itemCell{
  width:163px;
  height:184px;
  border-bottom:1px solid #666666;
}
.itemListBlockB03 .emptyCell{
  width:163px;
  background:#ffffff url(../images/itemListBlockB01_emptyCell.gif);
}
.itemListBlockB03 .areaMargin{
  width:12px;
}
.itemListBlockB03 .prodItemB01{
  background:url(../images/prodItemB01_bg.gif) repeat-x left top;
}
.itemListBlockB03 .prodItemB01 img{
  vertical-align:bottom;
}
.itemListBlockB03 .prodItemB01 .link{
  margin:4px 7px 8px 9px;
  padding:0 4px 0 0;
  background:url(../images/prodItemB01_link_bg.gif) no-repeat left top;
}
.itemListBlockB03 .prodItemB01 .link a{
  display:block;
}
.itemListBlockB03 .prodItemB01 .link a em{
  display:block;
  padding:0 0 0 10px;
}
.itemListBlockB03 .prodItemB01 .text{
  width:146px;
  margin:-2px 0 0 9px;
  padding:0 0 5px;
}

/*  itemListBlockC01
------------------------------*/
.itemListBlockC01 table{
  width:520px;
  margin:-8px -9px 0 0;
}
.itemListBlockC01 .prodItemC01{
  padding:8px 9px 0 0;
}

/*  itemListBlockC02
------------------------------*/
.itemListBlockC02{
  margin-bottom:24px;
}
.itemListBlockC02 table{
  width:520px;
  margin:-8px -9px 8px 0;
}
.itemListBlockC02 .prodItemC01{
  padding:8px 9px 0 0;
}

  .itemListBlockC02 table.threeCols{
    width:518px;
  }
  .itemListBlockC02 table.threeCols .prodItemC01{
    padding:8px 8px 0 0;
  }


/*  itemListBlockC03
------------------------------*/
.itemListBlockC03{
  margin-top:-20px;
  margin-bottom:24px;
}
.itemListBlockC03 table{
  width:520px;
  margin:-8px -9px 0 0;
}
.itemListBlockC03 .prodItemC01{
  padding:8px 9px 0 0;
}

/*  itemListBlockC04
------------------------------*/
.itemListBlockC04{
  margin-top:4px;
  margin-bottom:24px;
}
.itemListBlockC04 table{
  width:520px;
  margin:-8px -9px 0 0;
}
.itemListBlockC04 .prodItemC01{
  padding:8px 9px 0 0;
}

/*  itemListBlockD01
------------------------------*/

.itemListBlockD01 .imgArea{
  background:url(/common/images/employment/prodItemB02_bg.jpg) no-repeat left top;
  padding:5px 0 0 0;
  border-bottom:1px solid #6880c9;
  _height:0;
}
.itemListBlockD01 .imgArea div{
  width:247px;
  _height:88px;
  min-height:88px;
}
.itemListBlockD01 .link{
  margin:5px 7px 8px 9px;
  padding:0 0 0 10px;
  background:url(/common/images/sColumnTop_headingArea_list.gif) no-repeat 0 .3em;
  _height:0;
}
.itemListBlockD01 .link a{
  display:block;
  margin-left:-12px;
  padding-left:12px;
  _height:0;
}

.itemListBlockD01 .read{
  margin:4px 7px 5px 9px;
  padding:0 4px 0 10px;
  width:120px;
  _width:135px;
}

.itemListBlockD01 .areaMargin{
  width:33px;
}


.prodItemD01{
  margin:0 11px 0 0;
  width:163px;
  border-bottom:1px solid #6880c9;
  }

.prodItemD02{
  width:163px;
  border-bottom:1px solid #6880c9;
}

/*====================================================
  linkBlock
====================================================*/

/*  linkBlock
------------------------------*/




.linkBlockStrong .list{
  margin:0px 0 10px;
  background:url(../images/linkBlockStrong_list.gif) no-repeat left top;
  _height:0;
}
.linkBlockStrong .list a{
  display:block;
}
.linkBlockStrong .list em{
  display:block;
  padding:0 0 0 17px;
}

/*  linkBlockMiddle
------------------------------*/
.linkBlockMiddle .arrow{
  margin:-2px 0 10px;
  background:url(../images/linkBlockMiddle_arrow.gif) no-repeat left top;
  _height:0;
}
.linkBlockMiddle .arrow a{
  display:block;
  _height:0;
}
.linkBlockMiddle .arrow a span{
  display:block;
  padding:0 0 0 17px;
}

/*  linkBlockMiddleStrong
------------------------------*/
.linkBlockMiddleStrong .arrow{
  margin:-2px 0 10px;
  background:url(../images/linkBlockMiddle_arrow.gif) no-repeat left top;
  _height:0;
}
.linkBlockMiddleStrong .arrow a{
  /*display:block;*/
  _height:0;
  padding:0 0 0 17px;
}
.linkBlockMiddleStrong .arrow a em{
  /*display:block;
  padding:0 0 0 17px;*/
}

/*  linkBlockSmall
------------------------------*/
.linkBlockSmall{
  margin:-1px 0 10px;
}
.linkBlockSmall .arrow{
  margin:-1px 0 8px;
  background:url(../images/linkBlockSmall_arrow.gif) no-repeat left top;
  _height:0;
}
.linkBlockSmall .arrow a{
  display:block;
  _height:0;
}
.linkBlockSmall .arrow a span{
  display:block;
  padding:0 0 0 17px;
}

/*  linkTextMiddle
------------------------------*/
.linkTextMiddle{
  margin:-2px 0 10px;
}
.linkTextMiddle a{
  display:block;
  _height:0;
}

/*  linkTextMiddlePDF
------------------------------*/
.linkTextMiddlePDF a{
  background:url(../images/linkTextMiddlePDF.gif) no-repeat left top;
  padding:3px 0 3px 18px;
} 


/*  linkBlockMiddleB01
------------------------------*/
.linkBlockMiddleB01{
  margin:5px 0 16px -5px;
}
.linkBlockMiddleB01 .arrow{
  margin:0 0 5px;
  width:100%;
}
.linkBlockMiddleB01 .arrow span{
  background:url(/common/images/linkBlockMiddle_arrow.gif) no-repeat left top;
  padding:0 0 0 17px;
  _height:0;
}
.linkBlockMiddleB01 .arrow a{
  display:block;
  _height:0;
  cursor:pointer;
}

/*====================================================
  toSameLevelLinkBlock
====================================================*/

.toSameLevelLinkBlock{
  margin:0 0 12px;
}
table.toSameLevelLinkBlock {
  width:511px;
}
table.toSameLevelLinkBlock td{
  text-align:center;
}
table.toSameLevelLinkBlock td p{
  display:block;
  padding:5px 15px 5px 8px;
}
table.toSameLevelLinkBlock .on{
  background:#ebf1fb url(../images/toSameLevelLinkBlock_on.gif) no-repeat right top;
}
table.toSameLevelLinkBlock .off{
  background:#b7d0f1 url(../images/toSameLevelLinkBlock_off.gif) no-repeat right top;
}

/*====================================================
  listBlock
====================================================*/

/*  listBlockA01
------------------------------*/
.listBlockA01{
  margin:0 0 17px;
}

/*listA*/

.listBlockA01 .listA{
  margin:18px 0 17px 6px;
}
.listBlockA01 .listA dd{
  margin:-1.25em 0 15px 1.1em;
}

/*listB*/

.listBlockA01 .listB{
  margin:-2px 0 9px 27px;
}
.listBlockA01 .listB dd{
  margin:-1.25em 0 7px 1.1em;
}

/*listC*/

.listBlockA01 .listC{
  margin:-2px 0 9px 28px;
}
.listBlockA01 .listC li{
  margin:0 0 7px;
  padding:0 0 0 13px;
  background:url(/common/images/listBlockA01_listC.gif) no-repeat left top;
  _height:0;
}
  
/*listD*/

.listBlockA01 .listD{
  margin:-2px 0 9px 66px;
}
.listBlockA01 .listD li{
  margin:0 0 7px;
  padding:0 0 0 12px;
  background:url(/common/images/listBlockA01_listD.gif) no-repeat left top;
  _height:0;
}

/*listE*/

.listBlockA01 .listE{
  margin:-2px 0 9px 96px;
}
.listBlockA01 .listE li{
  margin:0 0 7px;
  padding:0 0 0 8px;
  background:url(/common/images/listBlockA01_listE.gif) no-repeat left top;
  _height:0;
}

/*listF*/

.listBlockA01 .listF{
  margin:-2px 0 9px 41px;
}
.listBlockA01 .listF li{
  margin:0 0 7px;
}

/*  listBlockB01
------------------------------*/
.listBlockB01{
  margin:0 0 12px;
}
.listBlockB01 dt{
  margin:-2px 0 0;
  font-weight:bold;
  width:23px;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.listBlockB01 dd{
  margin:-1.25em 0 10px 23px;
  padding:2px 0 0;
}
.listBlockB01 dd .textBold{
  margin:-2px 0 6px;
}
.listBlockB01 dd .textA{
  margin:-2px 0 5px;
}
.listBlockB01 dd .textB{
  margin:-2px 0 9px;
}
.listBlockB01 dd .textC{
  margin:-2px 0 17px;
}
.listBlockB01 dd .subHeading{
  margin:18px 0 8px;
}
.listBlockB01 dd .link{
  margin:-2px 0 10px;
}
.listBlockB01 dd .link li{
  margin:0 0 4px;
  background:url(/common/images/listBlockB01_link_bg.gif) no-repeat left top;
}
.listBlockB01 dd .link li a{
  width:488px;
  display:block;
}
.listBlockB01 dd .link li a em{
  display:block;
  padding:0 0 0 18px;
}
.listBlockB01 dd .img{
  margin:0 0 12px 0;
}
.listBlockB01 dd .imgBlockB01{
  margin:0 0 12px 0;
}
.listBlockB01 dd .imgBlockB01 .textArea{
  width:314px;
  float:left;
}
.listBlockB01 dd .imgBlockB01 .imgArea{
  width:163px;
  float:right;
}


/*  listBlockB02
------------------------------*/
.listBlockB02{
  margin:0 0 17px;
}
.listBlockB02 dt{
  margin:-2px 0 0;
  width:2.3em;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.listBlockB02 dd{
  margin:-1.25em 0 9px 2.7em;
}


/*  textList-date
------------------------------*/
.textList-date{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  zoom:1;
  
}
  .textList-date th.date{
    background:url(../images/textlist_date/bg1.gif) repeat-x 0px 100%;
    padding:6px 40px 0 0;
    white-space:nowrap;
    font-size:13px !important;
  }

  .textList-date td.detail{
    background:url(../images/textlist_date/bg1.gif) repeat-x -1px 100%;
    padding:6px 0 10px;
    line-height:1.3;
    width:100%;
    font-size:13px !important;
  }

/*====================================================
  columnBlock
====================================================*/

/*  columnBlockA01
------------------------------*/
.columnBlockA01{
  margin:0 0 12px;
}
.columnBlockA01 .heading{
  padding:7px 8px 5px;
  background:#d7d7d7;
}
.columnBlockA01 .main{
  padding:8px 8px 0 8px;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .columnBlockA01 .main:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .columnBlockA01 .main {height: 0.01%;}
  .columnBlockA01 .main {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.columnBlockA01 .main .text{
  margin:-2px 0 0;
  padding:0 0 8px;
}
.columnBlockA01 .main .link li{
  margin:-2px 0 6px;
  background:url(/common/images/columnBlockA01_link_bg.gif) no-repeat left top;
}
.columnBlockA01 .main .link li a{
  display:block;
  width:493px;
}
.columnBlockA01 .main .link li a em{
  display:block;
  padding:0 0 0 18px;
}
.columnBlockA01 .main .additionalInfo{
  padding:5px 0 5px;
}
.columnBlockA01 .main .additionalInfo dt{
  width:12.7em;
}
.columnBlockA01 .main .additionalInfo dd{
  margin:-1.25em 0 1px 12.7em;
}

/*  columnBlockA02
------------------------------*/
.columnBlockA02{
  margin:32px 0;
}
.columnBlockA02 .heading{
  padding:7px 8px 5px;
  background:#d7d7d7;
}
.columnBlockA02 .main{
  padding:8px 8px 0;
  border:1px solid #d7d7d7;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .columnBlockA02 .main:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .columnBlockA02 .main {height: 0.01%;}
  .columnBlockA02 .main {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.columnBlockA02 .main .textArea .link li a span{
  display:block;
  padding:0 0 0 9px;
}
.columnBlockA02 .main .additionalInfo{
  margin:0 0 4px;
  padding:5px 0 0;
}
.columnBlockA02 .main .additionalInfo dt{
  width:163px;
}
.columnBlockA02 .main .additionalInfo dd{
  width:330px;
  margin:-1.25em 0 1px 163px;
}
.columnBlockA02 .main table .textArea{
  width:389px;
}
.columnBlockA02 .main table .textArea .text{
  margin:-2px 0 0;
  padding:0 0 8px;
}
.columnBlockA02 .main table .textArea .link li{
  margin:-2px 0 0;
  padding:0 0 6px;
  background:url(/common/images/columnBlockA01_link_bg.gif) no-repeat left top;
}
.columnBlockA02 .main table .textArea .link li a{
  display:block;
  width:389px;
}
.columnBlockA02 .main table .textArea .link li a span{
  display:block;
  padding:0 0 0 17px;
}
.columnBlockA02 .main table .imgArea{
  width:104px;
  vertical-align:middle;
  text-align:center;
}
.columnBlockA02 .main table .imgArea a{
  display:block;
  margin:0 8px 8px 0;
}
/*  columnBlockA03
------------------------------*/
.columnBlockA03{
  margin:0 0 12px;
}
.columnBlockA03 .heading{
  padding:7px 8px 5px;
  background:#d7d7d7;
}
.columnBlockA03 .main{
  padding:8px 8px 0 8px;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
  
  /* ### clear float ### */
    display: inline-table;
  }
  .columnBlockA03 .main:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .columnBlockA03 .main {height: 0.01%;}
  .columnBlockA03 .main {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */
  
.columnBlockA03 .main .text{
  margin:-2px 0 0;
  padding:0 0 8px;
}
.columnBlockA03 .main .link li{
  margin:-2px 0 6px;
  background:url(/common/images/columnBlockA01_link_bg.gif) no-repeat left top;
}
.columnBlockA03 .main .link li a{
  display:block;
  width:493px;
}
.columnBlockA03 .main .link li a em{
  display:block;
  padding:0 0 0 18px;
}
.columnBlockA03 .main .additionalInfo{
  padding:5px 0 5px;
}
.columnBlockA03 .main .additionalInfo dd{
  margin:0 0 1px 12.7em;
}

/*  columnBlockA04 - A03 for DWT
------------------------------*/
.columnBlockA04{
  margin:0 0 12px;
}
.columnBlockA04 .heading{
  padding:7px 8px 5px;
  background:#d7d7d7;
}
.columnBlockA04 .main{
  padding:8px 8px 0 8px;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
}
  
.columnBlockA04 .main .text{
  margin:-2px 0 0;
  padding:0 0 8px;
}
.columnBlockA04 .main .link li{
  margin:-2px 0 6px;
  background:url(/common/images/columnBlockA01_link_bg.gif) no-repeat left top;
}
.columnBlockA04 .main .link li a{
  display:block;
  width:493px;
}
.columnBlockA04 .main .link li a em{
  display:block;
  padding:0 0 0 18px;
}
.columnBlockA04 .main .additionalInfo{
  margin:5px 0 5px;
}
.columnBlockA04 .main .additionalInfo dd{
  margin:0 0 1px 12.7em;
}

/*  columnBlockB01
------------------------------*/
.columnBlockB01{
  margin:0 0 20px;
  padding:8px 10px;
  background:#e6e6e6;
}
.columnBlockB01 li{
  padding:2px 0 0 20px;
  _height:16px;
  background:url(/common/images/columnBlockB01LiBg.gif) no-repeat left top;
}


/*  importantBlockA01
------------------------------*/
.importantBlockA01{
  border:1px solid #900;
  margin-bottom:20px;
}
  .importantBlockA01 h3{
    background:url(../images/important_block/bg1.gif) repeat-x 0px 100%;
    padding:5px 10px;
    color:#900;
  }
  .importantBlockA01 ul{
    padding:1px 10px 10px;
    zoom:1;
  }
    .importantBlockA01 li{
      overflow:hidden;
      margin-top:10px;
      >margin-top:8px;
      zoom:1;
    }
      .importantBlockA01 li span.date{
        font-weight:bold;
        display:block;
        float:left;
        margin-right:10px;
        width:90px;
      }
      .importantBlockA01 li.with-date span.txt{
        display:block;
        float:right;
        width:389px;
      }
      .importantBlockA01 li.only-txt span.txt{
      }



/*====================================================
  separatorA01
====================================================*/

/*  separatorA01
------------------------------*/
.separatorA01{
  margin:0 0 12px;
  background:url(/common/images/separatorA01_bg.gif) left;
  _height:0;
}

/*  separatorA02
------------------------------*/
.separatorA02{
  /*margin:32px 0 12px;*/
  margin: 13px 0px 17px 0px;
  /*background:url(/common/images/separatorA01_bg.gif) left;*/
  height:1px;
  border-bottom: 1px dotted #6880c9;
}

/*====================================================
  formBlock
====================================================*/

/*  formBlockA01
------------------------------*/
.formBlockA01{
  width:730px;
  margin:0 0 12px;
}
.formBlockA01 .mainTable{
  width:730px;
  border:1px solid #366ad5;
  background:#ecf3ff;
}
.formBlockA01 .errorCell{
  padding:0 6px 0 0;
  width:33px;
  border-left:1px solid #366ad5;
  text-align:right;
}
.formBlockA01 .headingCell{
  padding:0 0 0 14px;
  width:166px;
  font-weight:normal;
}
.formBlockA01 .dataCell{
  padding:0 14px 8px 0;
}
.formBlockA01 .dataCellText{
  padding:0 13px 8px 0;
}
.formBlockA01 .firstLine .errorCell{
  padding-top:14px;
}
.formBlockA01 .firstLine .headingCell{
  padding-top:12px;
}
.formBlockA01 .firstLine .dataCell{
  padding-top:13px;
}
.formBlockA01 .firstLine .dataCellText{
  padding-top:12px;
}
.formBlockA01 .lastLine .dataCell{
  padding-bottom:13px;
}
.formBlockA01 .lastLine .dataCellText{
  padding-bottom:15px;
}
.fomrBlockA01 .notationText{
  _padding:2px 0 0 0;
}
.formBlockA01 .radio2row .itemCell{
  width:4.5em;
}
.formBlockA01 .radio2row .layoutTable{
  _margin:-4px 0 0 -8px;
}
.formBlockA01 .radio2row td{
  _padding:2px 0 0 3px;
}
.formBlockA01 .nameTable th,
.formBlockA01 .nameTable td,
.formBlockA01 .zipTable td,
.formBlockA01 .telTable td{
  vertical-align:middle;
  font-weight:normal;
}
.formBlockA01 .nameTable{
  _margin:0 0 0 -1px;
}
.formBlockA01 .nameTable th{
  padding:1px 6px 0 0;
}
.formBlockA01 .nameTable td{
  padding:0 10px  0 0;
}
.formBlockA01 .zipTable{
  _margin:-2px 0 0 0;
}
.formBlockA01 .zipTable a{
  _height:0;
  display:block;
  padding-left:9px;
  margin:0 0 0 8px;
  background:url(/common/images/formBlockA01DataCellZipABg.gif) no-repeat 0 0.45em;
}

/*====================================================
  btnBlock
====================================================*/

/*  btnBlockA01
------------------------------*/
.btnBlockA01{
  width:730px;
  background:#e6e6e6;
}
.btnBlockA01 .spacer{
  width:100%;
}
.btnBlockA01 input{
  width:10em;
}
.btnBlockA01 td{
  padding:8px 14px 8px 19px;
}
.btnBlockA01 .strong{
  background:#6d84d7;
}


/*====================================================
  linkTop
====================================================*/



/* custom */

  #wrapperNoSbarBrand01 .linkTop{
    margin:0 0 12px;
  }

/*====================================================
  bnrRikunavi
====================================================*/
.bnrRikunavi{
  background:#e6e8ec;
}
.bnrRikunavi dt img{
  margin:0 0 12px;
  vertical-align:top;
}
.bnrRikunavi dd a{
  display:block;
  margin:0 0 3px 0;
}
.bnrRikunavi dd{
  padding:0 17px 5px 16px;
}


/*====================================================
  brandContents
====================================================*/


/*  brandTopNavi
------------------------------*/
.brandTopNavi table{
  width:727px;
}
.brandTopNavi td{
  padding:0 0 0 2px;
}
.brandTopNavi .spacer{
  width:100%;
}

/*  brandContainerB
------------------------------*/
.brandContainerB{
  padding:6px 22px 18px 21px;
}
.brandContainerB .headContainer{
  _height:0;
}
.brandContainerB .headContainer .lead{
  width:397px;
  margin:10px 0 15px 18px;
}
.brandContainerB .headContainer .leadNaviBlock{
  margin:0 0  20px 18px;
  width:397px;
  background-position:left top;
  background-repeat:no-repeat;
}
.brandContainerB .headContainer .leadNaviBlock h3{
  padding:1px 0 10px 16px;
}
.brandContainerB .headContainer .leadNaviBlock p{
  margin:0 163px 0 16px;
  padding:0 0 15px;
}
.brandContainerB .headContainer .leadNaviBlock p a{
  display:block;
  padding:0 0 0 20px;
  background:url(/common/images/brdContBLeadNaviBlkPBg.gif) no-repeat 0 0.15em;
  _height:0;
}
.brandContainerB .bodyContainer{
  background-color:#fff;
  _height:0;
}

/*  brandContainerA
------------------------------*/
.brandContainerA{
  padding:6px 22px 18px 21px;
}
.brandContainerA h2{
  border-bottom:1px solid #a6a8a7;
}
.brandContentsWrapper{
  background:#fff;
  _height:0;
}
.brandBodyArea{
  margin:18px 0 0;
  background:url(/common/images/brdBodyAreaBg.gif);
  
  /* ### clear float ### */
    display: inline-table;
  }
  .brandBodyArea:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height:0%;
    clear: both; 
    visibility: hidden;
  }
  /* Hides from IE-mac \*/
  * html .brandBodyArea {height: 0.01%;}
  .brandBodyArea {display: block;}
  /* End hide from IE-mac */
  /* ### /clear float ### */

.brandBodyAreaMain{
  width:531px;
  float:left;
}
.brandBodyAreaMainPadder{
  margin:0 0 40px;
  padding:0 24px 0 20px;
}
.brandBodyAreaSbar{
  width:194px;
  float:left;
}
.brandBodyAreaSbarPadder{
  padding:0 20px 0 21px;
}

/*  brandHeadingLv03A
------------------------------*/
.brandHeadingLv03A{
  margin:0 -24px 18px -7px;
}

/*  brandHeadingLv04A
------------------------------*/
.brandHeadingLv04A{
  margin:-2px 0 5px 0;
}

/*  brandColumnBlockA01
------------------------------*/
.brandColumnBlockA01{
  margin:0 -2px 34px 2px;
  padding:8px 10px 0;
  border-bottom:1px solid #fff;
}
.brandColumnBlockA01 p{
  margin:-2px 0 12px;
}

/*  brandImgBlockA01
------------------------------*/
.brandImgBlockA01{
  margin:-2px -24px 0 0;
}
.brandImgBlockA01 .mainTable{
  widdth:511px;
}
.brandImgBlockA01 .text{
  width:100%;
  padding:0 0 17px;
}
.brandImgBlockA01 .text p{
  margin:0 0 15px;
}
.brandImgBlockA01 .img{
  padding:2px 0 35px 10px;
}
.brandImgBlockA01 .img img{
  vertical-align:bottom;
}

/*  brandImgBlockB01
------------------------------*/
.brandImgBlockB01{
  margin:-2px 0 35px;
}
.brandImgBlockB01 .text p{
  margin:0 0 15px;
}
.brandImgBlockB01 .img{
  margin:-10px 0 0;
}
.brandImgBlockB01 img{
  vertical-align:bottom;
}

/*  brandImgBlockC01
------------------------------*/
.brandImgBlockC01{
  margin:-2px -10px 0 0;
}
.brandImgBlockC01 .mainTable{
  width:497px;
}
.brandImgBlockC01 .text{
  width:100%;
  padding:0 10px 2px 0;
}
.brandImgBlockC01 .text h5{
  font-weight:normal;
}
.brandImgBlockC01 .text p{
  margin:0 0 15px;
}
.brandImgBlockC01 .img{
  padding:2px 10px 20px 0;
}
.brandImgBlockC01 .img img{
  vertical-align:bottom;
}

/*  brandTextBlockA01
------------------------------*/
.brandTextBlockA01{
  margin:-2px 0 32px;
}
.brandTextBlockA01 p{
  margin:0 0 15px;
}

/*  brandSImgBlockGroupA
------------------------------*/
.brandSImgBlockGroupA img{
  vertical-align:bottom;
}
.brandSImgBlockGroupA h4{
  margin:5px 0 0;
}
.brandSImgBlockGroupA h4 a{
  font-weight:normal;
}
.brandSImgBlockGroupA p{
  margin:0 0 15px;
  padding:0 0 13px;
  background:url(/common/images/brdSImgBlkGrpAPBg.gif) repeat-x left bottom;
}
.brandSImgBlockGroupA p.last{
  margin-bottom:0;
  padding-bottom:0;
  background:none;
}

/*  brandPageNaviA
------------------------------*/
.brandPageNaviA{
  margin:0 0 40px;
  text-align:right;
}
.brandPageNaviA img{
  vertical-align:bottom;
}


/*====================================================
  InlineLabel
====================================================*/

/*  newLabel
------------------------------*/
span.newLabel{
  color:#f00;
  font-weight:normal;
}


/*====================================================
  figureBox
====================================================*/

/*  figureBox-serviceList
------------------------------*/
.figureBox-serviceList{
  margin-bottom:24px;
  zoom:1;
}
  .figureBox-serviceList .figureBox-table{
    width:100%;
  }
    .figureBox-serviceList .img{
      padding:0 8px 8px 0;
    }
    .figureBox-serviceList .contents{
      width:100%;
    }
      /* Exception */
      .figureBox-serviceList .contents ul.textNavList{
        font-weight:bold;
        margin-bottom:5px;
      }
      .figureBox-serviceList .contents p{
        margin-bottom:5px;
      }
      .figureBox-serviceList .contents p.indent{
        padding-left:9px;
      }


/*  figureBox
------------------------------*/
.figureBox{
  margin-bottom:24px;
  margin-right:-10px;
  zoom:1;
}
  .figureBox-table{
    width:100%;
  }
    .figureBox .img{
      padding:0 10px 10px 0;
    }
    .figureBox .contents{
      width:100%;
      padding:0 10px 0 0;
    }
      /* Exception */
      .figureBox .contents ul.textNavList{
        margin-bottom:10px;
      }
      .figureBox .contents p{
        margin-bottom:10px;
      }


/*====================================================
  textNavList
====================================================*/

/*  textNavList
------------------------------*/
ul.textNavList{
  margin:-4px 0 5px;
}
  ul.textNavList li{
    background:url(../images/text_navlist/listmark1.jpg) no-repeat 0px 0.4em;
    padding-left:9px;
    text-indent:-9px;
    margin-top:4px;
  }
    ul.textNavList a{
      padding-left:9px;
    }

/*====================================================
  .mainPromotion-home
====================================================*/
.mainPromotion-home{
  background:url(../images/mainpromotion_home/bg1.gif) repeat-x 0px 0px #fff;
  overflow:hidden;
  padding:8px 20px 35px 8px;
  zoom:1;
}
  .mainPromotion-home .promotion-left{
      float: left;
      width: 531px; height: 200px;
      padding: 3px;
      background-color: #ffffff;
      border: 1px solid #F0E4BF;
  }
    .mainPromotion-home .promotion-left #wrap{
      /*border:1px solid #f0e4bf;
      background:#fff;
      padding:3px;*/
    }
    

  .mainPromotion-home .promotion-right{
    width:195px;
    float:right;
  }
      .mainPromotion-home .promotion-right .base img{
        display:block;
      }
    .mainPromotion-home .promotion-right .button{
      text-align:center;
      margin:-61px 0 0;
    }


/*====================================================
  .linkTgElement01
====================================================*/

.slideListLink01A a {
  padding:0.55em 0 0.55em 10px;
  background-image:url(/common/images/headingLXX_list_bg.gif);
  background-position:-8px center;
  background-repeat:no-repeat;
  >zoom:1;
}

.slideListLink01B a {
  display:block;
  padding:0.55em 0 0.55em 14px;
  background:url(/common/images/headingOC_list_bg02.gif) no-repeat 0 center;
  >zoom:1;
}

.slideListLink01C a {
  display:block;
  padding:0.55em 0 0.55em 14px;
  background:url(/common/images/headingOC_list_bg01.gif) no-repeat 0 center;
  >zoom:1;
}
  .slideListLink01B{
    margin : 0 0 0 0;
  }
  .slideListLink01C{
    margin : 0 0 10px 0;
  }
.slideList{
  margin:-10px 0 0 0;
  >zoom:1;
}
.slideListContent{
  >zoom:1;
}

/*====================================================
  .contentsFlWrap01
====================================================*/
.contentsFlWrap01 table{
    border-collapse:border-collapse;
}
.contentsFlWrap01 .contentTextArea{
  width:100%;
  padding : 2px 0 0 10px;
}
  .contentsFlWrap01 .caption{
    margin :10px 0 10px 0;
  }




/*====================================================
  0118追加
====================================================*/



/* 詳細ページ（最下層）
====================================================*/


/*商品紹介*/

h3.ttlLarge{
  background: #6d83d3 url(../images/title01_large.gif) right top no-repeat;
  color:#ffffff;
  /*font-size:13px;*/
  font-size: 120%;
  margin:0px 0 20px 0;
  /*padding:6px 11px 6px 11px;*/
  padding: 0.45em 10px 0.3em 11px;
  border-bottom:#3755cc solid 1px;
  border-left: 4px solid #3b51bc;
  line-height: 1.2;
}

h4.ttlLarge{
  background: #dae5ff url(../images/title02_large.gif) right top no-repeat;
  color:#333333;
  font-size:13px;
  padding:6px 11px 6px 11px;
  margin-bottom:17px;
  border-bottom:#6d84db solid 1px;
  border-left: 4px solid #6475cc;
}

.productsPic{
  text-align:center;
  margin:13px 0;
}

.colorTxt{
  padding:6px 8px 6px;
  margin-bottom:20px;
  background-color:#f0eeeb;
}

table.dataTableA01{
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  margin:0 0 8px;
  
}


/*プライバシーポリシー以下　リスト*/

ol.number{
  padding:0 0 0 20px;
}

ol.number li{
  margin-bottom:15px;
}

ol.number2{
  list-style: outside lower-alpha;
  padding:15px 0 5px 20px;
}

ol.number li{
  margin-bottom:8px;
}


/*採用情報*/

.recruit{
  width:555px;
  height:305px;
  position:relative;
  margin-bottom:20px;
}

.recruit .btn{
  position:absolute;
  top:203px;
  left:20px;
}

ul.notesList{
  list-style: none;
}

ul.notesList li{
    padding-left: 1em; 
    text-indent: -1em;
}


/*  採用詳細（募集要項）
------------------------------*/
.dataTable_recruit{
  margin:0 0 16px;
}

table .dotBorder{
  height: 1px;
  background:url(../images/dataTableB01_dotBorder_bg.gif) repeat-x left bottom;
}
table.dataTable_recruit th p,
table.dataTable_recruit td p{
  padding:8px 0;
}

/*  採用詳細（お知らせ一覧）
------------------------------*/

.dataTable_recInfo{
  margin:0 0 16px;
}

table.dataTable_recInfo th p,
table.dataTable_recInfo td p{
  /*padding:8px 0;*/
}

/*  採用詳細（よくある質問と回答）
------------------------------*/
.pdb10{
  padding:0 0 10px 0 !important;
}


/* 会社情報
====================================================*/

/*株式*/


.memoTable01{
  border:dashed 1px #000000;
}
.memoTable01 td{
  padding:10px;
}
.memoTable02{
  border:#cccccc 1px solid;
  padding:3px;
}
.memoTable02 td{
  padding: 6px 8px 5px;
}

.memoTable02 td td{
  padding: 0px;
}

/*IR情報*/

.hyo_table {
    background-color: #AAAAAA;
}

table.hyo_table td {
    padding: 2px;
    vertical-align: middle;
  border:1px solid #999;
  font-size:10px !important;
}
.kamoku {
    background-color: #D7D7D7;
    font-size: 10px;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
  font-size:10px !important;
}

.kamoku2 {
    background-color: #D7D7D7;
    font-size: 10px;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
  font-size:10px !important;
}

.suuchi {
    background-color: #FFFFFF;
    font-size: 10px;
    line-height: 120%;
    text-align: right;
}

.suuchi_konki {
    background-color: #EEEEEE;
    font-size: 10px;
    line-height: 120%;
    text-align: right;
  font-size:10px !important;
}

.kamoku3 {
    background-color: #D7D7D7;
    font-size: 10px;
    line-height: 120%;
    text-align: right;
    vertical-align: middle;
}

/* 製品情報
====================================================*/
ul.board_nemu{
  background:url(../../im_div/images/boad_ph0001.jpg) no-repeat left top;
  overflow:hidden;
  zoom:1;
  text-align:center;
  padding:72px 8px 7px;
}

ul.board_nemu li{
  float:left; 
}


/*====================================================
  130314 add
====================================================*/
ul.listC{
  margin-bottom: 1.5em;
}
ul.listC li{
    background: url("../images/listBlockA01_listC.gif") no-repeat scroll left top transparent;
    margin: 0 0 7px 20px;
    padding: 0 0 0 13px;  
}

ul.listG{
  margin-bottom: 1.5em;
}
ul.listG li{
    list-style: disc outside;
    margin: 0 0 1em 18px;
}

table.small td{
  font-size: 9px !important;
}

table.small2 td{
  font-size: 11px !important;
}

table.noPadding td{
  padding-left: 1px;
  padding-right: 1px;
}

table.smallPadding td{
  padding-left: 4px;
  padding-right: 4px;
}



/*====================================================
  130415 add
====================================================*/
#mainAreaPadder div.btn{
  background-color: #e2ded9;
  padding: 5px;
  margin-bottom: 2px;
}








/*====================================================
  130430 add
====================================================*/
/*  p.arrow
------------------------------*/
p.arrow{
  margin:-2px 0 10px;
  background:url(../images/linkBlockMiddle_arrow.gif) no-repeat left top;
  _height:0;
}
p.arrow a{
  _height:0;
  padding:0 0 0 17px;
}



/*====================================================
  130513 add
====================================================*/
#mainArea{
  clear: both;
}


/*====================================================
  180522 add
====================================================*/
body{
  /*background-color: #f1f1f1;*/
}

#wrapper{
/*  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;*/
}

#footerAreaPadder{
  /*border-top: 1px solid #cccccc;*/
}

.mainPromotion-home{
  /*background: #e1e1e1;*/
  /*background: #f1e5ba;*/
/*  height: 254px;
  padding: 8px 20px 10px 8px;
  box-sizing: border-box;
  border-bottom: 10px solid #ffffff;*/
  padding-bottom: 10px;
}

.mainPromotion-home .promotion-left{
  position: relative;
  /*width: 538px;*/
  height: 228px;
/*  padding: 0;
  box-sizing: border-box;*/
  /*overflow: hidden;*/
  border: none;
}

/**
* left right button
*/
.slide-btn-left{
  position: absolute;
  top: 80px; left: 0;
  display: block;
  width: 23px;
  height: 48px;
  cursor: pointer;
}
.slide-btn-left > span{
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
/*  background-color: #063796;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.5);
  border-right: 1px solid rgba(255,255,255,0.5);*/
  transition-property: opacity left background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.slide-btn-left:hover > span{
  /*background-color: #004ee5;*/
  transition-duration: 0.1s;
  opacity: 0.8;
}
.slide-btn-left > span:before{
  content: " ";
  position: absolute;
  top: 50%; left: 25%;
  display: block;
  width: 1px;
  height: 40%;
  margin-left: 2px;
  border-right: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,0.8);
  transform: rotate(210deg);
  transform-origin: top left;
}
.slide-btn-left:active > span{
  margin-left: -2px;
}
.slide-btn-left > span:after{
  content: " ";
  position: absolute;
  top: 50%; left: 25%;
  display: block;
  width: 1px;
  height: 40%;
  margin-left: 1px;
  border-left: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,0.8);
  transform: rotate(-30deg);
  transform-origin: top left;
}
.slide-btn-left.hide{
  pointer-events: none;
}
.slide-btn-left.hide > span{
  opacity: 0;
  /*left: -100%;*/
  left: -50%;
}
.slide-btn-left.show{
  pointer-events: auto;
}
.slide-btn-left.show > span{
  opacity: 1;
  left: 0;
}

.slide-btn-right{
  position: absolute;
  top: 80px; right: 0;
  display: block;
  width: 23px;
  height: 48px;
  cursor: pointer;
  /*mix-blend-mode: overlay;*/
}
.slide-btn-right.hide{
  pointer-events: none;
}
.slide-btn-right > span{
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
/*  background-color: #063796;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.5);
  border-left: 1px solid rgba(255,255,255,0.5);*/
  transition-property: opacity left background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.slide-btn-right:hover > span{
  /*background-color: #004ee5;*/
  transition-duration: 0.1s;
  opacity: 0.8;
}
.slide-btn-right:active > span{
  margin-left: 2px;
}
.slide-btn-right > span:before{
  content: " ";
  position: absolute;
  top: 50%; left: 75%;
  display: block;
  width: 1px;
  height: 40%;
  border-right: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,0.8);
  transform: rotate(-210deg);
  transform-origin: top left;
}
.slide-btn-right > span:after{
  content: " ";
  position: absolute;
  top: 50%; left: 75%;
  display: block;
  width: 1px;
  height: 40%;
  margin-left: -1px;
  border-left: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,0.8);
  transform: rotate(30deg);
  transform-origin: top left;
}
.slide-btn-right.hide > span{
  opacity: 0;
  /*left: 100%;*/
  left: 50%;
}
.slide-btn-right.show{
  pointer-events: auto;
}
.slide-btn-right.show > span{
  opacity: 1;
  left: 0;
}



/**
* slide container
*/
.mainPromotion-home .promotion-left > div.slide-container{
/*  position: absolute;
  top: -1px; left: -1px;*/
  position: relative;
  width: 100%; height: 200px;
  background-color: #063796;
  overflow: hidden;
}

.mainPromotion-home .slide-container ul{
/*  position: absolute;
  top: 0; left: 0;*/
  width: 100%; height: 100%;
}
.mainPromotion-home .slide-container ul li{
  position: absolute;
  top: 0; left: 1000%;
  /*width: 538px; height: 202px;*/
  width: 100%; height: 200px;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  pointer-events: none;
  opacity: 0;
}
.mainPromotion-home .slide-container ul li:nth-child(1){
  display: block;
}
.mainPromotion-home .slide-container ul li a{
  display: block;
  width: 100%; height: 100%;
  background-color: #ffffff;
}
.mainPromotion-home .slide-container ul li a img{
  display: block;
  width: 100%; height: auto;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  opacity: 1;
}
.mainPromotion-home .slide-container ul li a:hover img{
  opacity: 0.8;
}
.mainPromotion-home .slide-container ul li.active{
  left: 0;
  display: block;
  opacity: 1;
  pointer-events: auto;
}


/**
* slide-paginate
*/
.slide-paginate{
  position: absolute;
  left: 0; bottom: 2px;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
.slide-paginate li{
  position: relative;
  display: inline-block;
  width: 20px; height: 20px;
  cursor: pointer;
}
.slide-paginate li:after{
  content: " ";
  display: block;
  width: 10px; height: 10px;
  margin: 5px auto 0 auto;
  background-color: #cccccc;
  border-radius: 10px;
}
.slide-paginate li.active:after,
.slide-paginate li:hover:after{
  content: " ";
  display: block;
  width: 10px; height: 10px;
  margin: 5px auto 0 auto;
  background-color: #063796;
  border-radius: 10px;
}

/**
* slide-bar
*/
.slide-bar{
  position: absolute;
  bottom: 0; left: 0;
  /*width: 100%;*/
  height: 2px;
  opacity: 0.6;
  border-top: 1px solid #063796;
  background-color: #ffffff;
  /*mix-blend-mode: overlay;*/
  transition-property: width;
  transition-duration: 0.5s;
}
.slide-bar.hide{
  transition-duration: 0s;
}

/**
* promotion-right
*/
.mainPromotion-home .promotion-right{
  height: 204px;
  background-color: #ffffff;
  border: 1px solid #F0E4BF;
  padding: 10px;
  box-sizing: border-box;
}

.new-Product img{
  display: block;
  width: 100%; height: auto;
}

.mainPromotion-home .promotion-right .sns{
  margin-top: -7px;
  font-size: 0;
  line-height: 1;
  text-align: center;
}

.mainPromotion-home .promotion-right .sns > img{
  display: block;
  margin: 20px auto 10px auto;
}

.mainPromotion-home .promotion-right .sns a{
  display: inline-block;
  margin: 0 8px;
}







