@charset "UTF-8";

.clearfix:after,
.panel:after {
  content:" ";
  display:block;
  clear:both;
}

/* TOP */
ul.panel {
  margin: 0 0 0 -10px;
  padding: 0;
}
ul.panel li {
  display: inline-block;
  float: left;
  margin: 0 0 10px 10px;
  padding: 0;
  vertical-align: middle;
}
ul.panel li a,
ul.panel li span.comingsoon {
  padding: 0 0 0 20px;
  background: no-repeat 0 0;
  width: 320px;
  height: 140px;
  vertical-align: middle;
  display: table-cell;
  text-decoration: none !important;
  color: #528200;
  font-weight: bold;
  font-size: 160%;
  line-height: 2;
  overflow: hidden;
  text-indent:-9999px;
}
ul.panel li span.comingsoon {
  color: #555555;
}
ul.panel li a:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
ul.panel li.liberalization a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/top_panel_liberalization.png);
}
ul.panel li.stracture a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/top_panel_stracture.png);
}
ul.panel li.spec a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/top_panel_spec.png);
}
ul.panel li.ratesystem a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/top_panel_ratesystem.png);
}
ul.panel li.smartmeter a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/top_panel_smartmeter.png);
}
ul.panel li.newplan a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/top_panel_newplan.png);
}

.liberalization_box {
  border: 5px solid #528200;
  margin: 0 0 30px 0;
}
.liberalization_box h4 {
  width: 680px;
  height: 42px;
  padding: 15px 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  line-height: 100%;
}
.liberalization_box.after h4 {
  background: #528200 !important;
  padding: 15px 0 20px 0 !important;
  margin-bottom: 0 !important;
}
.liberalization_box .section {
  padding: 0 15px 0 15px;
  margin: 0;
}
.liberalization_box.after .section {
  padding: 15px 15px 15px 15px;
  margin: 0;
}
.liberalization_box h5 {
  background: #528200 !important;
  line-height: 30px;
  color: #ffffff !important;
  text-align: center;
  font-size: 95%;
  width: 100%;
  margin: 0 auto 20px auto !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.liberalization_box h6 {
  border: none !important;
  font-weight: bold;
  color: #528200;
  font-size: 110% !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
.liberalization_box strong {
  border: none !important;
  font-weight: bold;
  font-size: 110% !important;
  line-height: 1.3;
  padding: 0 0 0 0 !important;
  margin: 30px 0 -5px 0 !important;
  display: inline-block;
}
.liberalization_box .article {
  padding: 30px 0 0 0 !important;
  margin: 30px 15px 0 15px;
  border-top: 1px dashed #bcbcbc;
}

.section h4 {
  background: #528200 !important;
  margin-top: 40px !important;
}


/* localnavi */
.localnavi {
  border-top: 1px dashed #bcbcbc;
  padding: 30px 0 0 0;
  margin: 0 0 0 0;
}
.localnavi ul {
  margin: 0 0 0 -15px;
  padding: 0;
}
.localnavi ul li {
  float: left;
  margin: 0 0 15px 15px;
  padding: 0;
  position: relative;
}
.localnavi ul li a,
.localnavi .btn a,
.localnavi span.comingsoon {
  width: 220px;
  height: 80px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.localnavi .btn {
  clear: both;
  width: 220px;
  margin: 0 auto;
  position: relative;
}
.localnavi .btn a {
  height: 60px;
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_totop.png);
}
.localnavi .btn a:hover {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_totop_a.png);
}
.localnavi ul li.liberalization_btn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_liberalization.png);
}
.localnavi ul li.liberalization_btn a:hover,
.localnavi ul li.liberalization_btn.activebtn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_liberalization_a.png);
}
.localnavi ul li.stracture_btn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_stracture.png);
}
.localnavi ul li.stracture_btn a:hover,
.localnavi ul li.stracture_btn.activebtn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_stracture_a.png);
}
.localnavi ul li.spec_btn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_spec.png);
}
.localnavi ul li.spec_btn a:hover,
.localnavi ul li.spec_btn.activebtn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_spec_a.png);
}
.localnavi ul li.newplan_btn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_newplan.png);
}
.localnavi ul li.newplan_btn a:hover,
.localnavi ul li.newplan_btn.activebtn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_newplan_a.png);
}
.localnavi ul li.ratesystem_btn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_ratesystem.png);
}
.localnavi ul li.ratesystem_btn a:hover,
.localnavi ul li.ratesystem_btn.activebtn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_ratesystem_a.png);
}
.localnavi ul li.smartmeter_btn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_smartmeter.png);
}
.localnavi ul li.smartmeter_btn a:hover,
.localnavi ul li.smartmeter_btn.activebtn a {
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/localnavi_smartmeter_a.png);
}
ul.calculation {
  margin: 0 0 0 -9px;
  position: relative;
}
ul.calculation li {
  float: left;
  margin: 0 0 0 9px;
  padding: 10px 0 0 0;
  font-size: 115%;
  font-weight: bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  line-height: 1.3;
  height: 64px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
ul.calculation.brBox li {
  height: 84px;
}
ul.calculation li span {
  display: inline-block;
  padding-top: 3px;
  font-size: 80%;
}
ul.calculation li.cal_panel {
  background: #efefef;
}
ul.calculation li.cal_panel.sizeS {
  width: 116px;
}
ul.calculation li.cal_panel.sizeL {
  width: 245px;
}
ul.calculation li.symbol img {
  display: inline-block;
  margin-top: 15px;
}
ul.calculation.brBox li.symbol img {
  margin-top: 25px;
}
ul.calculation li.panel_equal {
  width: 216px;
  background: #ffffff;
  border: 2px solid #69ab00;
  color: #528200;
}
ul.calculation li.lines {
  padding-top: 20px;
}
p.attention {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 80%;
}
p.attention strong {
  color: #528200;
  display: inline !important;
}
.right {
  float: right;
  padding-left: 20px;
}

.customCell1 {
  border-right: none !important;
  border-bottom: none !important;
}
.customCell2 {
  border-left: none !important;
}
.customCell3 {
  border-top: none !important;
}
.minusIndent {
  padding-left: 1em;
  text-indent: -1em;
}