﻿/* margin */
.hp-marginL10{ margin-left: 10px !important; }
.hp-marginL20{ margin-left: 20px !important; }
.hp-marginL30{ margin-left: 30px !important; }
.hp-marginL40{ margin-left: 40px !important; }
.hp-marginL50{ margin-left: 50px !important; }
.hp-marginL60{ margin-left: 60px !important; }
.hp-marginL70{ margin-left: 70px !important; }
.hp-marginL80{ margin-left: 80px !important; }
.hp-marginL90{ margin-left: 90px !important; }
.hp-marginL100{ margin-left: 100px !important; }

.hp-marginT5{ margin-top: 5px !important; }
.hp-marginT10{ margin-top: 10px !important; }
.hp-marginT20{ margin-top: 20px !important; }
.hp-marginT30{ margin-top: 30px !important; }
.hp-marginT40{ margin-top: 40px !important; }
.hp-marginT50{ margin-top: 50px !important; }
.hp-marginT60{ margin-top: 60px !important; }
.hp-marginT70{ margin-top: 70px !important; }
.hp-marginT80{ margin-top: 80px !important; }
.hp-marginT90{ margin-top: 90px !important; }
.hp-marginT100{ margin-top: 100px !important; }

.hp-marginB5{ margin-bottom: 5px !important; }
.hp-marginB10{ margin-bottom: 10px !important; }
.hp-marginB20{ margin-bottom: 20px !important; }
.hp-marginB30{ margin-bottom: 30px !important; }
.hp-marginB40{ margin-bottom: 40px !important; }
.hp-marginB50{ margin-bottom: 50px !important; }
.hp-marginB60{ margin-bottom: 60px !important; }
.hp-marginB70{ margin-bottom: 70px !important; }
.hp-marginB80{ margin-bottom: 80px !important; }
.hp-marginB90{ margin-bottom: 90px !important; }
.hp-marginB100{ margin-bottom: 100px !important; }

/* padding */
.hp-paddingL5{ padding-left: 5px !important; }
.hp-paddingL10{ padding-left: 10px !important; }
.hp-paddingL20{ padding-left: 20px !important; }
.hp-paddingL30{ padding-left: 30px !important; }
.hp-paddingL40{ padding-left: 40px !important; }
.hp-paddingL50{ padding-left: 50px !important; }
.hp-paddingL60{ padding-left: 60px !important; }
.hp-paddingL70{ padding-left: 70px !important; }
.hp-paddingL80{ padding-left: 80px !important; }
.hp-paddingL90{ padding-left: 90px !important; }
.hp-paddingL100{ padding-left: 100px !important; }

.hp-paddingT5{ padding-top: 5px !important; }
.hp-paddingT10{ padding-top: 10px !important; }
.hp-paddingT20{ padding-top: 20px !important; }
.hp-paddingT30{ padding-top: 30px !important; }
.hp-paddingT40{ padding-top: 40px !important; }
.hp-paddingT50{ padding-top: 50px !important; }
.hp-paddingT60{ padding-top: 60px !important; }
.hp-paddingT70{ padding-top: 70px !important; }
.hp-paddingT80{ padding-top: 80px !important; }
.hp-paddingT90{ padding-top: 90px !important; }
.hp-paddingT100{ padding-top: 100px !important; }

.hp-paddingB5{ padding-bottom: 5px !important; }
.hp-paddingB10{ padding-bottom: 10px !important; }
.hp-paddingB20{ padding-bottom: 20px !important; }
.hp-paddingB30{ padding-bottom: 30px !important; }
.hp-paddingB40{ padding-bottom: 40px !important; }
.hp-paddingB50{ padding-bottom: 50px !important; }
.hp-paddingB60{ padding-bottom: 60px !important; }
.hp-paddingB70{ padding-bottom: 70px !important; }
.hp-paddingB80{ padding-bottom: 80px !important; }
.hp-paddingB90{ padding-bottom: 90px !important; }
.hp-paddingB100{ padding-bottom: 100px !important; }

/* font */
.mod-font15b{font-weight: bold; font-size:15px!important;}

/* border */
.mod-nobdR{ border-right: 0 !important;}

/* width (px) */
.mod-wd150{ width: 150px !important; }

/* width (%) */
.mod-wd10p{ width: 10% !important; }
.mod-wd15p{ width: 15% !important; }
.mod-wd20p{ width: 20% !important; }
.mod-wd30p{ width: 30% !important; }
.mod-wd40p{ width: 40% !important; }
.mod-wd50p{ width: 50% !important; }
.mod-wd55p{ width: 55% !important; }
.mod-wd60p{ width: 60% !important; }
.mod-wd70p{ width: 70% !important; }
.mod-wd80p{ width: 80% !important; }
.mod-wd90p{ width: 90% !important; }
.mod-wd100p{ width: 100% !important; }

/* TCFD */

div#contents div#contents-left .tcfdhyo th,
div#contents div#contents-left .tcfdhyo td{
	vertical-align: middle;
	font-size:12px;
}


div#contents div#contents-left .tcfdhyo{
	border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

div#contents div#contents-left .tcfdhyo tbody td{
	border-right: 1px solid #ccc;
}

div#contents div#contents-left .tcdf_note{
	text-indent: -2em;
	margin-left: 2em;
}

div#contents div#contents-left .hyo_w15{width:15%;}
div#contents div#contents-left .hyo_w18{width:18%;}


div#contents div#contents-left .kpibox_tcfd{
	border:1px solid #0068b9;
	padding:15px 15px 0px;
}

div#contents div#contents-left .kpibox_tcfd h4{
	border: none;
	margin-top:-40px;
	background:#0068b9;
	width:130px;
	text-align: center;
	padding:10px;
	color:#fff;
}

div#contents div#contents-left h5.tcfd_kpitit{
	font-size:16px;
	border-left:none;
	border-top: solid 1px #0068b9;
	border-bottom:dotted 1px #0068b9;
	margin-bottom:5px;
	padding:10px 0px;
}

div#contents div#contents-left .kpiflex{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div#contents div#contents-left .kpiflex .kpi01{
	padding: 10px 0px;
}

div#contents div#contents-left .kpiflex .kpi02{
	padding: 10px 0px 10px 10px;
}

div#contents div#contents-left .kpiflex .kpi01 p,
div#contents div#contents-left .kpiflex .kpi02 p{
	font-size:1em;
}

div#contents div#contents-left .kpiflex .kpi02 p.line_h{
	line-height:1.2;
}

div#contents div#contents-left .kpiflex .kpiyear01{
	background:#606060;
	color:#fff;
	padding:7px 15px;
	border-radius:5px;
}

div#contents div#contents-left .kpiflex .kpiyear02{
	background:#00acea;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
}

div#contents div#contents-left .kpiflex .kpi02 .kpi_p{
	font-size:1.688em;
	vertical-align: middle;
	color:#006cb8;
	font-weight:bold;
}
