﻿/* 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-paddingB0{ padding-bottom: 0px !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; }

/* TNFD */
div#contents div#contents-left .tnfdhyo tbody td{
	border-right: 1px solid #ccc;
}

div#contents .coldg2_4{
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, 1fr);
}
div#contents .coldg3{
display: grid;
gap: 4rem;
grid-template-columns: repeat(3, 1fr);
}
div#contents .coldg3.v2{gap: 2rem;}

div#contents .sakanabox{
border-radius: 10px;
padding: 20px;
background: #f7f7f7;
}
div#contents .sakanabox a{
	color:#000000;
	text-decoration: none;
}
div#contents .tnfdbox{background:#E7F8FF;}
div#contents .tnfdbox .tit{
background:#2A8AD4;
color: #fff;
font-weight: bold;
font-size:16px;
padding:10px;
text-align: center;
flex: 0 1 45px;
display: flex;
align-items: center;
justify-content: center;
}
div#contents .tnfdbox .txt{padding:10px;}
div#contents .tnfdbox dl {
	display: flex;
	flex-direction: column;
}

div#contents .coldg6{
display: grid;
grid-template-columns: repeat(6, 1fr);
}
div#contents .coldg6.v2{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
div#contents .coldg6.v2 li{
	text-align: center;
	padding:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
div#contents .coldg6.v2 li.pt{border:3px solid red;}

div#contents div#contents-left .tit_b_b {
    border-bottom: 1px solid #0068b9;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
}

#contents-left .heading_sasu_blue {
    color: #0068b9;
    border-left: 5px solid #0068b9;
    margin-bottom: 20px;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
}