﻿/* 汚染水対策の状況 */

/* IE11対応 */

#content-body-wrapper .ly-column2-horizontal-wrapper .ly-column2-horizontal,
.inline-wrap-inner .ly-column2-horizontal-wrapper .ly-column2-horizontal {
  table-layout: fixed;
}

/* 3カラム */
#content-body-wrapper .nav-column3-type08.box-watermanagement .txt-column {
  padding: 0;
}
#content-body-wrapper .nav-column3-type08.box-watermanagement .hdg-level3 {
  color: #fff;
  text-align: center;
  padding: 15px 0;
  background-repeat: no-repeat;
  background-position: left 20px center;
}
#content-body-wrapper .nav-column3-type08 .txt-column.box-watermanagement-01 {
  border-color: #E7859C;
}
#content-body-wrapper .box-watermanagement-01 .hdg-level3  {
  background-color: #E7859C;
  background-image: url(/decommission/common/images/progress/watermanagement/icon_index-j_03.png);
}
#content-body-wrapper .nav-column3-type08 .txt-column.box-watermanagement-02 {
  border-color: #428FCF;
}
#content-body-wrapper .box-watermanagement-02 .hdg-level3  {
  background-color: #428FCF;
  background-image: url(/decommission/common/images/progress/watermanagement/icon_index-j_01.png);
}
#content-body-wrapper .nav-column3-type08 .txt-column.box-watermanagement-03 {
  border-color: #46B7BA;
}
#content-body-wrapper .box-watermanagement-03 .hdg-level3  {
  background-color: #46B7BA;
  background-image: url(/decommission/common/images/progress/watermanagement/icon_index-j_02.png);
}
.box-watermanagement-content {
  padding: 20px 30px;
}

/* 2カラムリンク */
#content-body-wrapper .nav-column2-type02 .list-parent.list-watermanagement li {
  border: none;
}
.list-watermanagement-01 .list-watermanagement-inner {
  background-color: #E7859C;
  background-image: url(/decommission/common/images/progress/watermanagement/icon_index-j_03.png);
}
.list-watermanagement-02 .list-watermanagement-inner {
  background-color: #428FCF;
  background-image: url(/decommission/common/images/progress/watermanagement/icon_index-j_01.png);
}
.list-watermanagement-03 .list-watermanagement-inner {
  background-color: #46B7BA;
  background-image: url(/decommission/common/images/progress/watermanagement/icon_index-j_02.png);
}
.list-watermanagement-inner, a.list-watermanagement-inner {
  display: block;
  color: #fff;
  padding: 10px 35px 10px 90px;
  background-repeat: no-repeat;
  background-position: left 20px center;
  position: relative;
}
.list-watermanagement-inner span {
  display: block;
  font-size: 12px;
}
.list-watermanagement-arrow:after {
  margin: 0 5px 0 5px;
  display: inline-block;
  vertical-align: middle;
  min-height: 10px;
  content: "";
  background:
  transparent url(/decommission/common/images/progress/watermanagement/icon_index-j_04.png) no-repeat 0 0;
  background-size: 10px 12px;
  vertical-align: 1%;
  width: 10px;
  height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
}
.img-column-border {
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

@media (max-width: 768px) {
  #content-body-wrapper .nav-column3-type08.box-watermanagement .hdg-level3{
    background-position: 10% 50%;
  }
  #content-body-wrapper .nav-column2-type02 .list-parent li.hdg-level3,
  .inline-wrap-inner .nav-column2-type02 .list-parent li.hdg-level3 {
    margin-top: 20px;
  }
  #content-body-wrapper .hdg-level3-pc{
    display: none!important;
  }
  .list-watermanagement-inner span {
    display: none;
  }
  .list-watermanagement-inner,
  a.list-watermanagement-inner {
    padding: 20px 33px 20px 80px;
    background-size:  14%;
    background-position: 4% 50%;
  }

  #content-body-wrapper .relation-column-type02 ul li .txt-column .doc-text{
    display: block;
  }
}

/* STEP current */
.step-current {
  border-color: #003893 !important;
}
#content-body-wrapper .doc-img.doc-img-scal img, .inline-wrap-inner .doc-img.doc-img-scal img {
  width: 100%;
}

/* decommission/progress/about/index-j.html */

#content-body-wrapper .nav-column2-type50 ul li,
.inline-wrap-inner .nav-column2-type50 ul li
{ margin: 0 0 30px 0; border: 1px solid #ededed; letter-spacing: -0.4em; }

#content-body-wrapper .nav-column2-type50 ul li .img-column,
#content-body-wrapper .nav-column2-type50 ul li .txt-column,
.inline-wrap-inner .nav-column2-type50 ul li .img-column,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column
{ display: inline-block; letter-spacing: normal; vertical-align: top; width: 50%; }

#content-body-wrapper .nav-column2-type50 ul li .img-column,
.inline-wrap-inner .nav-column2-type50 ul li .img-column
{ width: 50%; font-size: 0; line-height: 0; margin: 0; }

#content-body-wrapper .nav-column2-type50 ul li .img-column img,
.inline-wrap-inner .nav-column2-type50 ul li .img-column img
{ width: 100%; height: auto; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner
{ padding: 30px; position: relative; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-disc,
#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-mark,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-disc,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-mark
{ margin-bottom: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-disc li,
#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-mark li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-disc li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-mark li
{ border: none; margin-bottom: 5px; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-mark,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-mark
{ margin-bottom: 0; margin-top: 5px; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-mark li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-mark li
{ border: none; margin-bottom: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .doc-text,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .doc-text
{ margin: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .link-btn-type01,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .link-btn-type01
{ text-align: left; margin: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal
{ margin: 15px 0 0; text-align: left; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal li
{ border: none; margin: 0; padding: 0 30px 0 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link
{ padding-top: 20px; margin-bottom: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link li
{ border: none; margin: 10px 0 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner ul li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner ul li
{ letter-spacing: normal; }

#content-body-wrapper .doc-text.doc-text-watm, .inline-wrap-inner .doc-text.doc-text-watm
{
  height: 10.8em;
  margin-bottom: 0;
}

@media (max-width: 768px) {
#content-body-wrapper .doc-text.doc-text-watm, .inline-wrap-inner .doc-text.doc-text-watm {
  height: auto;
}

#content-body-wrapper .nav-column2-type50 ul li,
.inline-wrap-inner .nav-column2-type50 ul li
{ margin: 0 0 20px 0; }

#content-body-wrapper .nav-column2-type50 ul li .img-column,
#content-body-wrapper .nav-column2-type50 ul li .txt-column,
.inline-wrap-inner .nav-column2-type50 ul li .img-column,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column
{ display: block; vertical-align: top; width: 100%; }

#content-body-wrapper .nav-column2-type50 ul li .img-column,
.inline-wrap-inner .nav-column2-type50 ul li .img-column
{ width: 100%; font-size: 0; line-height: 0; margin: 0; text-align: center; }

#content-body-wrapper .nav-column2-type50 ul li .img-column img,
.inline-wrap-inner .nav-column2-type50 ul li .img-column img
{ width: 100%; max-width: 266px; height: auto; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner
{ padding: 10px; position: relative; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .hdg-level2,
#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .hdg-level3,
#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .hdg-level4,
#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .hdg-level5,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .hdg-level2,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .hdg-level3,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .hdg-level4,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .hdg-level5
{ margin-top: 5px; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-disc,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-disc
{ margin-bottom: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-disc li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-disc li
{ border: none; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .doc-text,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .doc-text
{ display: none; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .link-btn-type01,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .link-btn-type01
{ text-align: left; margin: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal
{ margin: 0; text-align: left; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link-horizontal li
{ border: none; display: table; margin: 0; padding: 10px 10px 0 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link
{ padding-top: 10px; margin-bottom: 0; }

#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .list-link li,
.inline-wrap-inner .nav-column2-type50 ul li .txt-column-inner .list-link li
{ border: none; margin: 5px 0 0; }
}
.purification-guide {
  display: table;
}
.purification-guide-dt,
.purification-guide-dd {
  layout-grid-line: 50px;
  display: table-cell;
}
.purification-guide-dt {
  width: 40px;
  position: relative;
}

.purification-guide-dt img{
    position: absolute;
    top: 50%;
    margin-top:-15px;
    left: 0;
}


#content-body-wrapper .tbl-type01-transform-purification td,
.inline-wrap-inner .tbl-type01-transform-purification td { padding: 15px 5% 13px; width: 65%; }

/* sp */
@media (max-width: 768px) {
#content-body-wrapper .tbl-type01-transform-purification tr,
.inline-wrap-inner .tbl-type01-transform-purification tr { display: block; }
#content-body-wrapper .tbl-type01-transform-purification td,
#content-body-wrapper .tbl-type01-transform-purification th,
.inline-wrap-inner .tbl-type01-transform-purification td,
.inline-wrap-inner .tbl-type01-transform-purification th { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; }
#content-body-wrapper .tbl-type01-transform-purification td.empty,
#content-body-wrapper .tbl-type01-transform-purification th.empty,
.inline-wrap-inner .tbl-type01-transform-purification td.empty,
.inline-wrap-inner .tbl-type01-transform-purification th.empty { display: none; }
#content-body-wrapper .nav-column2-type50 ul li .txt-column-inner .doc-text {display: block; }
}

/* font */
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.tbl-type03  {
  table-layout: fixed;
}
