@charset "utf-8";

#guidance{}
#guidance .guidanceNav li ul,
#guidance .guidanceNav li h4{ display:none;}

#guidance.rate .guidanceNav li.rateNav ul,
#guidance.support .guidanceNav li.supportNav ul,
#guidance.construction .guidanceNav li.constructionNav ul,
#guidance.rate.katei .guidanceNav li.kateiNav ul,
#guidance.rate.account .guidanceNav li.accountNav,
#guidance.rate.credit .guidanceNav li.creditNav,
#guidance.rate.payment .guidanceNav li.paymentNav,
#guidance.safety .guidanceNav li.safetyNav ul,
#guidance.procedure .guidanceNav li.procedureNav ul,
#guidance.safety .guidanceNav li.safetyNav h4{ display:block;}

#guidance  nav#categoryNav ul li ul li:hover{ background:rgba(242,246,251,1);}


/*RATE*/
#guidance.rate nav#categoryNav ul li.rateNav:hover{ background:rgba(242,246,251,0);}
#guidance.rate.menu #categoryNav li.menuNav,
#guidance.rate.assess #categoryNav li.assessNav,
#guidance.rate.calculate #categoryNav li.calculateNav,
#guidance.rate.katei #categoryNav li.kateiNav,
#guidance.rate.account #categoryNav li.accountNav,
#guidance.rate.credit #categoryNav li.creditNav,
#guidance.rate.payment #categoryNav li.paymentNav,
#guidance.rate.payment_app #categoryNav li.payment_appNav,
#guidance.rate.meter #categoryNav li.meterNav,
#guidance.rate.material #categoryNav li.materialNav{ background:rgba(242,246,251,1);}

#guidance.rate.menu #plan dl dt{ width:50%;}
#guidance.rate.menu #plan dl dd{ text-align:right; margin-left:50%;}

 /*rate meter*/
#guidance.meter .olList li,
#guidance.payment .olList li{ margin-bottom:20px;}
 /*rate katei*/
#guidance.katei .columnWrap .column2{ width:300px;}
#guidance.katei span.capMark{ line-height:180%;}
@media screen and (max-width:767px){
	#guidance.katei .columnWrap .column2{ width:auto;}
}


/*SUPPORT*/
#guidance.support nav#categoryNav ul li.supportNav:hover{ background:rgba(242,246,251,0);}
#guidance.support.gas #categoryNav li.gasNav{ background:rgba(242,246,251,1);}
#guidance.support.trouble #categoryNav li.troubleNav{ background:rgba(242,246,251,1);}
#guidance.support.meter #categoryNav li.meterNav{ background:rgba(242,246,251,1);}
#guidance.support.breakdown #categoryNav li.breakdownNav{ background:rgba(242,246,251,1);}
#guidance.support.earthquake #categoryNav li.earthquakeNav{ background:rgba(242,246,251,1);}
#guidance.support.freeze #categoryNav li.freezeNav{ background:rgba(242,246,251,1);}
/*support gas*/
#guidance.support.gas section.listSection .list,#guidance.support.gas section.listSection .list:first-child{ border:none;}
#guidance.support.gas section.listSection .list{ padding-bottom:0;}
#guidance.support.gas .listSection{ background:url(../img/arrow_under.svg) no-repeat 50% 100%;}
#guidance.support.gas .listSection .fl{ padding-right:20px;}
#guidance.support.gas .listSection .fr{ padding-left:20px;}
#cont .fl h3.check:before{ content:"Check!!1";}#cont .fr h3.check:before{ content:"Check!!2";}
/*support meter*/
#guidance.support.meter .flow .fl{ width:410px;}
#guidance.support.trouble dl.dlTable dt{ width: 50%;}
/*support freeze*/
#guidance.support.freeze .flow .fl{ width:410px;}

@media screen and (max-width:767px){
#guidance.support.meter .flow .fl,
#guidance.support.freeze .flow .fl{ width:auto;}
}

/*CONSTRUCTION*/
#guidance.construction nav#categoryNav ul li.constructionNav:hover{ background:rgba(242,246,251,0);}
#guidance.construction.yakkan #categoryNav li.yakkanNav{ background:rgba(242,246,251,1);}
#guidance.construction.new #categoryNav li.newNav{ background:rgba(242,246,251,1);}
#guidance.construction.contractor #categoryNav li.contractorNav{ background:rgba(242,246,251,1);}
/*construction contractor*/
#guidance.contractor .flow .fl,#guidance.contractor .flow .fr{ width:320px;}
#guidance.contractor table.standard thead th { width:20%;}
#guidance.contractor table.standard thead th:last-child { width:30%;}
#guidance.contractor #cont .contactInfoArea{ background:none; padding-bottom:0; margin:0;}
#guidance.contractor .flowWrap .contactInfoArea .num h3:before{ background:#E79213;}
#guidance.construction table.standard th{ width:25%;}

@media screen and (max-width:767px){
#guidance.contractor .flow .fl, #guidance.contractor .flow .fr{ width:auto; display:block;}
}

/*SAFETY*/
#guidance.safety nav#categoryNav ul li.safetyNav:hover{ background:rgba(242,246,251,0);}
#guidance.safety.gas #categoryNav li.gasNav{ background:rgba(242,246,251,1);}
#guidance.safety.connection #categoryNav li.connectionNav{ background:rgba(242,246,251,1);}
#guidance.safety.chouki #categoryNav li.choukiNav{ background:rgba(242,246,251,1);}
#guidance.safety.ventilation #categoryNav li.ventilationNav{ background:rgba(242,246,251,1);}
#guidance.safety.winter #categoryNav li.winterNav{ background:rgba(242,246,251,1);}
#guidance.safety.meter #categoryNav li.meterNav{ background:rgba(242,246,251,1);}
#guidance.safety.hoan #categoryNav li.hoanNav{ background:rgba(242,246,251,1);}
#guidance.safety.inspection #categoryNav li.inspectionNav{ background:rgba(242,246,251,1);}

@media screen and (max-width:767px){
#guidance.safety.chouki .w460{ width:65%;}
#guidance.safety.chouki .w220{ width:30%;}
}
/*PROCEDURE*/
#guidance.procedure nav#categoryNav ul li.procedureNav:hover{ background:rgba(242,246,251,0);}
#guidance.procedure.moving #categoryNav li.movingNav{ background:rgba(242,246,251,1);}
#guidance.procedure.start #categoryNav li.startNav{ background:rgba(242,246,251,1);}
#guidance.procedure.stop #categoryNav li.stopNav{ background:rgba(242,246,251,1);}
/*procedure moving*/
#guidance.procedure .btnM{width: 260px;}
#guidance.procedure .btnM span{letter-spacing:-0.01em; margin:0 15px 0 0;}



@media screen and (max-width:767px){
	#guidance.support.trouble dl.dlTable dt,
	#guidance.rate.menu #plan dl dt{ width:100%;}
	#guidance.support.trouble dl.dlTable dd.t-right,
	#guidance.rate.menu #plan dl dd.t-right{ margin-left:0; text-align:left!important;}
	#guidance.procedure.moving #contents .box.YerrowBox{ margin-bottom:20px;}
}