@charset "utf-8";

#Contents-flex h2 {
	background:url(../common/images/title/h2_guideline_bg.gif) no-repeat bottom left;
	height: 58px;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-left: 54px;
	padding-top: 1px;
	font-size: 174%;
	font-weight:normal;
}

.entry { margin:0 4px 0 18px; }

.entry p { line-height:180%; }

.entry p span {
	display:block;
	color:#999;
}

h3 {
	color:#15807A;
	background:url(../common/images/title/h3_bg_02.gif) no-repeat 0 4px;
	padding:0 0 8px 24px;
	margin:10px 0;
}

ul.pagelink {
	background:#D2ECBF;
	padding:10px 5px 15px 15px;
	margin:15px 0 20px 0;
	overflow:hidden;
	_zoom:1;
}

ul.pagelink li,
ul.pagelink li.wide,
ul.pagelink li.short {
	float:left;
	line-height:180%;
	background:url(../common/images/icon/icon_arrow_05.gif) no-repeat 0 12px;
	padding-left:12px;
}

ul.pagelink li { width:27.7%; }
ul.pagelink li.wide { width:32.3%; }
ul.pagelink li.short { width:23.07%; }


.entry table {
	font-size:100%;
	line-height:140%;
	width:100%;
	margin:5px auto 30px auto;
}

.entry th {
	font-weight:bold;
	color:#000066;
	background:#93D9AF;
	padding:6px 7px;
}

.entry td {
	vertical-align:top;
	background:#FFF;
	border:1px solid #D2ECBF;
	padding:5px 7px 6px 7px;
	width:33.2%;
}

.entry table.double td {
	width:49.8%;
}

/*--　201904　リンク集修正　--*/

ul.forLink {
	width:100%;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	list-style:none;
}

a.box {
	width:calc(100% / 2);
	margin:2%;
	background:#FFF;
	border:#D2ECBF 1px solid;
	padding:1em 1.5em;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all  0.3s ease-out;
}

a.box li {
	text-align:center !important;
}

a.box:hover {
	background:#D2ECBF;
}

li.nodata {
	width:calc(100% / 2);
	margin:2%;
	background:#FFF;
	border:none;
	padding:1em 1.5em;
}


/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/



@media screen and (max-width: 639px) {

	ul.pagelink,
	.entry table,
	ul.forLink {
	font-size:90%;
	}

	.entry h3 {
	font-size:100%;
	}
}