@charset "UTF-8";
/*2016/10/4改訂*/

/*default
-----------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
form,
input,
textarea,
fieldset,
ul,
ol,
dl,
li,
dt,
dd,
address,
caption {
  margin: 0;
  padding: 0;
}

a {
  color: #0066cc;
}

#main {
  font-size: 16px !important;
  margin-bottom: 30px;
}

#PathArea {
  border: none;
}

.charttable {
  border-collapse: collapse;
}

p {
  margin-bottom: 0px;
}

/*link
-----------------------------------*/
a {}

a:hover,
a:active {}

a:visited {}



.red {
  color: #F00;
}


/*clearfixハック
-----------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac ¥*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */



#content p.windows {
  font-size: 19px;
  line-height: 1;
  margin: 0 auto;
  margin-top: 34px;
  margin-bottom: 78px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pro_Head {
  width: 950px;
  margin: 15px auto;
  text-align: left;
  position: relative;
  zoom: 1;
}

#pro_Head h1 {
  font-weight: bold;
  font-size: 125%;
}

#pro_Head h1 span .small {
  font-size: 85%;
  vertical-align: baseline;
}

#pro_Head h1 span.Ns {
  color: #00806b !important;
}

#pro_Head h1 span.Hz {
  color: #096f8e !important;
}

#pro_Head h1 span.Hf {
  color: #0488ad !important;
}

#pro_Head h1 span.Ha {
  color: #072f75 !important;
}

#pro_Head h1 span.Da {
  color: #de6c35 !important;
}

#pro_Head h1 span.Dt {
  color: #86548f !important;
}

/* 151Q �lj� �����܂� ---------------------------------------------------------------- */

/* 152Q �lj� -------------------------------------------------------------------------- */
#pro_Head h1 span.Hs {
  color: #342958 !important;
}

#pro_Head h1 span.Tw {
  color: #b31f2b !important;
}

/* 152Q �lj� �����܂� ---------------------------------------------------------------- */

/* 152QLTE �lj� -------------------------------------------------------------------------- */
#pro_Head h1 span.Te {
  color: #339966 !important;
}

#pro_Head #mda {
  position: absolute;
  right: 0;
  z-index: 1000;
}

#pro_Head .fright {
  float: right !important;
  position: relative;
}

#pro_Head .path {
  margin: 0;
  padding: 0 0 15px;
}

#pro_Head .path li {
  font-size: 85%;
}

#pro_Head ul.path li {
  display: inline;
}


#content {
  padding: 0 20px;
}

h2 {
  margin-bottom: 15px;
  padding: 3px 0 3px 10px;
  font-size: 117%;
  line-height: 1;
  border-left: 3px #000 solid;
}



#tablewrapper .charttable tbody tr .kome,
#tablewrapper .charttable tbody td .kome {
  font-size: 0.54em;
  line-height: 1;
  vertical-align: 0.75em;
}



.charttable {
  width: 95%;
  margin: 0 auto;
  max-width: 951px;
  border-collapse: collapse;
  border: 2px solid #ccc;
  font-size: 12px;
}

#cNote {
  display: block;

  width: 95%;
  margin: 8px auto;
  max-width: 951px;
  font-size: 11px;
  text-align: left !important;
}

.charttable td,
.charttable th {
  padding: 15px 0;
  border: 1px solid #ccc;
  line-height: 1rem;
  text-align: center;
  font-weight: normal;
}

.charttable th {
  background: #f4f4f4;
  vertical-align: middle;
}

.charttable td {
  height: 50px;

}


.charttable thead th {}


.charttable .clri {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}

.charttable .clrp {
  display: inline-block;
  vertical-align: middle;
}

.charttable .cellimg {
  margin: 8px 0px;
}

.charttable .cellimg2 {
  margin: 3px 0px;
}




#ctable1 .cts_h,
.tab10 {
  display: table-cell;
}

#ctable1 .cte_h,
.tab8 {
  display: table-cell;
}

#ctable1 .ctw_h,
.tab7 {
  display: table-cell;

}


.charttable .ctw_h {
  background: #444;
  color: #fff;
}

.charttable .cte_h {
  background: #777;
  color: #fff;
}

.charttable .cts_h {
  background: #999;
  color: #fff;
}



.charttable img.pcphoto {
  width: 100%;
  max-width: 100px;
  height: auto;
}

.charttable img.pcphoto.pcphoto2 {
  max-width: 100px;
}

.charttable img.pcphoto.pcphoto3 {
  max-width: 32px;
}

.charttable img.pcphoto.pcphoto4 {
  max-width: 32px;
}

.charttable img.pcphoto.pcphoto5 {
  max-width: 29px;
}

.charttable tbody th {
  width: 15%;
  font-size: 100%;

}

.nSP {
  display: none;
}



/*base and common css*/

#pro_Head {
  max-width: 950px;
}

#pro_Head #naviAreaCat1 {
  position: relative;
  margin-top: 30px;
  height: 55px;

}

#pro_Head #naviAreaCat1 .catBt {
  position: absolute;
  top: 0;
  left: 0;
}

#pro_Head #naviAreaCat1 .cusBt {
  position: absolute;
  top: 0;
  left: 263px;
}

#pro_Head .path {
  margin: 0;
  padding: 0 0 15px;
}

#pro_Head .path li {
  font-size: 85%;
}


#lnkbox {
  margin: 15px auto 10px auto;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  max-width: 951px;


}

#lnkbox p {
  padding: 10px 0px;
}

#lnkbox ul {
  padding: 10px 0px;
  border-top: 1px solid #666666;
}

#lnkbox li {
  padding: 1px 0px;
}

/*ie10対応*/

#tr2 .ctw,
#tr2 .cte,
#tr3 .cte,
#tr4 .cte,
#tr5 td,
#tr6 td,
#tr7 td,
#tr8 td,
#tr9 .ctw {
  border-top: none;
}



@media only screen and (max-width:700px) {

  .sp_only {
    display: block;
  }

  #lnkbox {
    padding: 0 7px;
  }

  .nSP {
    display: block;
    font-size: 90%;

  }

  #content {
    padding: 0 7px;
  }

  .charttable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 30px 0;
  }

  #cNote {
    width: 100%;
    margin: 8px auto;
    max-width: 951px;
    text-align: left;
  }

  .charttable img.pcphoto {
    min-width: 80px;
    width: 90%;
    max-width: 100px;
    height: auto;
  }

  .charttable table tr td {
    display: table-cell;

  }

  #tablewrapper {
    /*overflow:scroll;*/
  }

  #ctable1 .cts_h,
  #ctable1 .cts {
    display: none;
  }

  #ctable1 .ctw_h,
  #ctable1 .ctw {
    display: table-cell;
    width: 40%;
  }






  #ctable2 .ctw_h,
  #ctable2 .ctw {
    display: none;

  }

  #ctable2 .cte_h {
    display: none;
  }

  #ctable1 .cte {
    display: table-cell;
    width: 26.66%;
  }



  #ctable3 .ctw_h,
  #ctable3 .ctw {
    display: none;
  }

  #ctable2 .cte_h,
  #ctable2 .cte {
    display: none;
  }

  #ctable2 .cte {
    display: none;
  }

  #ctable2 .cts {
    display: table-cell;
  }

  #ctable3 .cts_h,
  #ctable3 .cts {
    display: table-cell;
    width: 80%;
  }

  .charttable tbody th,
  .charttable thead th.line_h {
    width: 20%;
    font-size: 90%;

  }

  #ctable2 .tab10,
  #ctable1 .tab8,
  #ctable1 .tab7 {
    display: none;
  }

  #ctable1 .tab10,
  #ctable2 .tab8,
  #ctable2 .tab7 {
    display: table-cell;
  }




  /*base and common css*/
  #pro_Head {
    width: auto;
    margin: 15px auto;
    text-align: left;
    position: relative;
    zoom: 1;
    padding: 0 7px;
    box-sizing: border-box;
  }

  #pro_Head #mda {
    position: static;
    text-align: right;
    z-index: 1000;
  }

  #pro_Head h1 {
    z-index: 100;
    zoom: 1;
  }

  #pro_Head h1 img {
    display: block;
    float: none;
    margin-top: 10px !important;
  }

  #pro_Head #mda {
    position: static;
    text-align: right;
    z-index: 1000;
  }


  #mda img {
    max-width: 100%;
    height: auto;
    width
    /****/
    : auto;
    /*IE8のみ適用*/
  }
}

#tablewrapper .charttable tbody #tr9 td .kome.sp_only {
  display: none;
}

#tablewrapper .charttable tbody #tr9 td .kome.pc_only {
  display: inline-block;
}

.th_inner {
  display: inline-block;
}

#tablewrapper .charttable tbody tr .kome.kome2 {
  vertical-align: 2.5em;
}

@media screen and (max-width:700px) {

  #tablewrapper .charttable tbody #tr9 td .kome.sp_only {
    display: inline-block;
  }

  #tablewrapper .charttable tbody #tr9 td .kome.pc_only {
    display: none;
  }

  #ctable2 #tr5 td:nth-of-type(1),
  #ctable2 #tr5 td:nth-of-type(2),
  #ctable2 #tr10 td:nth-of-type(1),
  #ctable2 #tr10 td:nth-of-type(2) {
    display: none;
  }
}

@media screen and (max-width:480px) {

  #tablewrapper .charttable tbody #tr9 td .kome.sp_only {
    display: inline-block;
  }

  #tablewrapper .charttable tbody #tr9 td .kome.pc_only {
    display: none;
  }

  #wrapper {
    overflow: visible;
  }

  .charttable {
    font-size: 60%;
  }

  .charttable * {}

  #main {
    padding-left: 8px;
    padding-right: 8px;
    min-width: 320px;
  }

  .charttable img.pcphoto {
    min-width: initial;
  }

  #tablewrapper .charttable tbody tr .kome,
  #tablewrapper .charttable tbody td .kome.pc_only {
    display: none;
  }

  #tablewrapper .charttable tbody tr .kome,
  #tablewrapper .charttable tbody td .kome.sp_only {
    display: block;
  }
}