#main_underlayers h2.sub_category_title {
    background: 
#fff;
border-left: 7px solid
    #006eda;
    padding: 7px 0 12px 20px;
    margin-bottom: 20px;
    font-size: 130%;
    font-weight: normal;
    position: relative;
}
#main_underlayers h2.sub_category_title span {
    font-size: 60%;
    position: static;
    right: 10px;
    top: 14px;
}
table#table_useful_index{
border-collapse:separate;
border-spacing:3px;
}

table#table_useful_index td{
	background-color: #fff;
	padding:0
}

table#table_useful_index td img {
    border: medium none;
    vertical-align: bottom;
}


#main_underlayers p.day{
	margin:0 !important;
}
.text_back_blue {
    background-color: 
#006dd9;
color:
    #fff;
    margin-right: 0.5em;
    padding: 0 0.3em;
}
.socialBar {
    margin-top: 15px;
    text-align: right;
	font-size: 100%;
}
.socialBar ul {
display: flex;
}
.twitter {
    height: auto;
    overflow: hidden;
}
#main_underlayers .section {
    margin: 0 0 60px;
}

#main_underlayers a:hover img{
   opacity: 0.75; 
    filter: alpha(opacity=75); 
    -moz-opacity: 0.75;
}

hr{
	border: 0;
    border-bottom: 1px dashed #999;
	margin-bottom:30px;
}



/************************************************
useful_legacy　平成26年度リニューアル前旧スタイル用　平成27年、平成28年、平成29年、令和元年追加
*************************************************/
#main_underlayers {
	font-size:100%;
}

#main_underlayers,
#main_underlayers section {
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;

}


/*#main_underlayers h2 {
	background-color: #fff;
    border-left: 6px solid #006dd9;
    font-size: 120%;
	color:#333333;
    font-weight: bold;
    line-height: 160%;
    margin: 30px 0 0;
    padding: 2px 0 2px 10px;
}*/


#main_underlayers section p,
#main_underlayers section p {
    margin: 0 15px 15px;
}


#main_underlayers section h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: medium none;
	border-bottom: none;
	    font-weight: bold;
    line-height: 1.2;
    margin: 10px auto;
    padding: 5px;
}


#main_underlayers section#indexList {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    clear: right;
    margin: 0 auto 50px;
}


#main_underlayers section#indexList h3 {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#main_underlayers section#indexList h3#h3_index.text_only {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    background: transparent url("none") no-repeat scroll 0 0;
    border-bottom: medium none;
    border-left: medium none;
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 150%;
}


#main_underlayers section#indexList ul {
    margin: 10px 20px 20px;
    text-align: left;
}


#main_underlayers section#indexList ul li {
    background-attachment: scroll;
    background-image: url("../img/common/icon_arrow01.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
}


#main_underlayers section h3.text_only,
#main_underlayers section h3.text_only {
    background: #eee none repeat scroll 0 0;
    border-left: 5px solid #006dd9;
    font-weight: bold;
    line-height: 1.2;
    margin: 10px auto;
    padding: 5px;
}


#main_underlayers .detailsBox02 {
    margin: 0 0 20px;
    width: 100%;
	font-size:100%;
}
table {
	margin:20px 0 30px;
	border-collapse: separate;
	border-spacing:2px;
	width: 100%;
}
th, td {
	padding:7px 7px;
}
th {
	background: #AAD5FF;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
}
td {
	background: #EAF4FF;
}

table .white,
#main_underlayers .detailsBox02 table.table_media{
	border:none;
	margin:10px 0 20px;
	width:100%;
}

#main_underlayers .detailsBox02 p {
	margin:10px 15px 15px;
}
table .white th,
#main_underlayers .detailsBox02 table.table_media th {
	vertical-align:top;
	background-color:#ffffff;
	text-align:left;
	line-height:150%;
}

table .white td,
#main_underlayers .detailsBox02 table.table_media td {
	padding-bottom:5px;
	vertical-align:top;
	background-color:#ffffff;
	line-height:150%;
}

#main_underlayers .detailsBox02 table.table_media {
    border: medium none;
    margin: 10px 0 20px;
    width: 100%;
}


#main_underlayers .detailsBox02 table.table_media tbody tr th {
    background-color: #ffffff;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
	padding:7px;
}


#main_underlayers .detailsBox02 table.table_media tbody tr td {
    background-color: #ffffff;
    line-height: 150%;
    vertical-align: top;
		padding:7px;
}

#main_underlayers section ul li {
    background-attachment: scroll;
    background-image: url("../img/common/icon_arrow01.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
}

#main_underlayers .detailsBox02 ul {
    margin: 10px 0 0 10px;
}


#main_underlayers .detailsBox02 ul li {
    /*background: rgba(0, 0, 0, 0) url("../img/common/icon_arrow01.png") no-repeat scroll left 3px;*/
    margin-top: 10px;
    padding: 0 0 0 28px;
}



#main_underlayers .detailsBox02 p.head {
    background: rgba(0, 0, 0, 0) url("../img/common/icon_arrow02.png") no-repeat scroll left 5px;
    font-weight: bold;
    margin: 20px 0 0 5px;
    padding: 0 0 5px 20px;
}

p.day {
    clear: both;
    margin: 10px 14px !important;
    text-align: right !important;
}


.img_left {
    display: inline;
    float: left;
}

.img_right {
    display: inline;
    float: right;
}

#main_underlayers section div.inline_center p {
    text-align: center !important;
}

p.caption {
    font-size: 90%;
    font-weight: bold;
    line-height: 100%;
    margin: 10px 0 20px;
    text-align: center;
}


#main_underlayers section ul {
    margin: 10px 20px 20px;
    text-align: left;
}

#main_underlayers section ul li {
    background-attachment: scroll;
    background-image: url("../img/common/icon_arrow01.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
}
#main_underlayers section ul li::before {
    background-image: none;
}


#main_underlayers section .kakomi,
#main_underlayers section .kakomi,
#main_underlayers .kakomi {
    background-color: #ffffff;
    border: 2px solid #ccc;
    margin: 20px 7px 30px;
    overflow: hidden;
    padding: 10px;
}


#main_underlayers h4,
#main_underlayers section h4 {
    background: rgba(0, 0, 0, 0) url("none") no-repeat scroll left bottom;
    border-left: 4px solid #ccc;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 10px 10px;
    padding: 0.3em 0 0.3em 10px;
}

#main_underlayers section h5 {
    background: rgba(0, 0, 0, 0) url("../img/bg_h5.gif") no-repeat scroll 12px 12px;
    font-size: 110%;
    margin: 10px auto;
    padding: 7px 0 0 30px;
}


#main_underlayers section h6 {
    background: rgba(0, 0, 0, 0) url("../img/common/icon_circle03.png") no-repeat scroll 12px 12px;
    border-bottom: 1px dotted #ccc;
    font-size: 100%;
    margin: 10px auto;
    padding: 7px 0 0 30px;
}

#main_underlayers section table.table_normal tbody tr td ul li {
    background-attachment: scroll;
    background-image: url("../img/common/icon_arrow01.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
}
#main_underlayers section table.table_normal tbody tr td ul li::before {
    background-image: none;
}


#main_underlayers section .kakomi_color {
    border: 2px dotted #ccc;
	    background-color: #fffaeb;
    clear: both;
    margin: 0 7px 20px;
    padding: 10px;
}


#main_underlayers section .kakomi_color h3 {
    background: #607db9 none no-repeat scroll left top;
    border-left: 10px solid #3157a7;
    border-style: none none none solid;
    border-width: 0 0 0 10px;
    color: #fff;
    font-size: 1.5em !important;
    font-weight: bold;
    height: 27px;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 8px 0 3px 15px;
}


#main_underlayers section .kakomi_color h4 {
    border-bottom: 2px solid #a3d900;
    border-left: medium none;
    color: #006dd9;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 18px 10px;
    padding: 0 0 0.3em;
}



#main_underlayers section .kakomi_color dl {
    font-size: 100%;
    margin: 1em 1em 1em 2em;
}


#main_underlayers section .kakomi_color dl dt {
    color: #003366;
    font-weight: bold;
    margin: 0;
}


#main_underlayers section .kakomi_color dl dd {
    line-height: 150%;
    margin: 0 0 20px;
}

#main_underlayers section .kakomi h3 {
    background: #eee none repeat scroll 0 0;
    border-left: 5px solid #006dd9;
    font-weight: bold;
    line-height: 1.2;
    margin: 10px auto;
    padding: 5px;
}



#main_underlayers section .kakomi ul li {
    background-attachment: scroll;
    background-image: url("../img/common/icon_arrow01.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
}

/************************************************
 .link_list
************************************************/

#main_underlayers .link_list {
	margin: 15px 0 30px;
	display: block;
}

#main_underlayers .link_list h2 {
	position: relative;
	font-size: 100%;
	padding: 0 0 3px 12px;
	border-bottom: 1px solid #d3dee8;
	background-color:transparent;
	color:#333333;
	}
#main_underlayers .link_list h2:after {
	content: "";
	background: #050c8a;
	position: absolute;
	left: 0;
	top: 0;
	height: 22px;
	width: 4px;
	display: block;
}
#main_underlayers .link_list ul {
	margin: 10px 0;
	font-size: 100.0%;
}

/*#main_underlayers .link_list ul li {
    background: rgba(0, 0, 0, 0) url(../images/common/ico_arrow03.png) no-repeat scroll left 3px;
    margin-top: 10px;
    padding: 0 0 0 15px;
}*/
#main_underlayers .link_list ul li a {
	font-size:100%;
	padding:0;	
}
#main_underlayers .link_list ul li a::before {
	background-image:none;
	padding: 0;	
}
#main_underlayers .link_list ul li p {
	margin-left:28px;
	font-size: 100.0%;
}

#main_underlayers .link_list table.table_media {
	font-size:90%;
	margin:5px 0 10px;
	border-collapse: separate;
	border-spacing:2px;
	width: 100%;
}
#main_underlayers .link_list table.table_media td {
	padding:7px 7px;
}
#main_underlayers .link_list table.table_media th {
	background:none;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
}
#main_underlayers .link_list table.table_media td {
	background: none;
}


/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
}

#main_underlayers .link_list p.head {
    background: rgba(0, 0, 0, 0) url("../img/common/icon_arrow02.png") no-repeat scroll left 5px;
    font-weight: bold;
    margin: 20px 0 0 5px;
    padding: 0 0 5px 20px;
}