/*
タイトル
-------------------------------------------------------*/

.pageTitle {
	width: 700px;
	height: 50px;
	margin: 0px auto 10px;
	/* border: 2px solid #3e63a2; */
	font-size: 1.5em;
	font-weight: 600;
	line-height: 2.1;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	/* background-color: rgb(255,255,255,0.7) */
	background-color: #2252a3;
	text-align: center;
}


/*
共通
-------------------------------------------------------*/

/* ページトップへもどる */
.page_top {
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
    position: fixed;
    border: 1px solid #ccc;
    background: #F58938;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.page_top::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
}
.h3heading {
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	background-image: -webkit-linear-gradient(0deg,rgba(0,54,123,1.00) 0%,rgba(0,89,204,1.00) 100%,rgba(0,139,172,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,54,123,1.00) 0%,rgba(0,89,204,1.00) 100%,rgba(0,139,172,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,54,123,1.00) 0%,rgba(0,89,204,1.00) 100%,rgba(0,139,172,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,54,123,1.00) 0%,rgba(0,89,204,1.00) 100%,rgba(0,139,172,1.00) 100%);
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 15px;
}
.h4heading {
	color: #003171;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #1A90C2;
	margin-top: 10px;
	margin-bottom: 10px;
}
.h4heading:before {
	content: "◆";
	font-size: 12px;
	color: #1B8FC2;
	margin-right: 5px;
	position: relative;
	top: -2px;
	vertical-align: middle;
}

p.under_construction {
	text-align:center;
	font-size:1.1em;
	padding:40px;
}


/*連絡先*/
		
#contactInfo {
	width:960px;
	margin:0 auto;
	padding:0;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  	display:-ms-flexbox;/*--- IE10 ---*/
  	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;

	-ms-flex-wrap:nowrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:nowrap;/*--- safari（PC）用 ---*/
	flex-wrap:nowrap;

	flex-direction: flex-start;
}

.dl_office {
	width: 470px;
	font-size: 12px;
	line-height:1.5em;
	padding: 0 0px 10px 0;
}
	.dl_office:last-child {
		border-right: none;
	}
.dl_office dt {
	width:230px;
	height:30px;
	font-size:1.2em;
	background: url(../images/bg_of_dt.png) no-repeat;
	display:inline-block;
	padding:7px 10px;
	color: #38a7cb;
	font-weight:600;
}
.dl_office dd {
	margin:0px 0px 0 10px;
	color: #fff;
}
.dl_office dd span {
	font-weight:600;
	font-size:1.2em;
}
.dl_office dd a {
	color: #0000ff;
	text-decoration: none;
}

/*Home
--------------------------*/

/*新着*/

#whatsbox {
	width: 730px;
	height: 170px;
	background: #fff;
}

#whatsnewArea {
	width:730px;
	height: auto;
	min-height:183px;
	margin:0px auto;
	padding: 20px 0;
}
	#tit_whatsnew {
		width:710px;
		height:40px;
		color: #2252a3;
		font-size: 1.2em;
		font-weight: 600;
		line-height: 1.5;
		padding-left: 20px;
		margin: 0 auto;
		border-bottom: solid 1px #2252a3;
	}
	
	#dl_whatsnew {
		width:660px;
		font-size:1.0em;
		padding:20px 0;	
		height: auto;
		overflow: auto;
	}
	
		#dl_whatsnew dt {
			clear:left;
			float:left;			
			color: #2252a3;
			font-weight:bold;
			padding-top:3px;
			padding-left:35px;
			
		}
		#dl_whatsnew dd {
			padding:3px 10px 3px 7em;
			margin-left:30px;			
			color:#000000;		
		}
		#dl_whatsnew dd.white_row {
			background-color:#fff;
		}
		#dl_whatsnew dd a {
			color:#FF6700;
		}

.presidentBox {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
	padding: 10px 15px;
	position: relative;
	border-bottom: 1px solid #ccc;
	height: 205px;
}
.presidentBox img{
	width: 150px;
	float: right;
}
.presidentBox p {
	text-align: right;
	position: absolute;
	top: 123px;
	right: 185px;
}
.mainTxt02 {
	line-height:180%;
	margin:5px auto;
	text-indent:1em;
}

.dl_overview {
	width: 600px;
	padding: 0px auto;
	margin: 15px 10px;
}
	.dl_overview dt {
		clear:left;
		float:left;
		color:#8069B6;
        font-weight: 600;
	}
	.dl_overview dd {
		padding-left:7em;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px dashed #ccc;
	}
	.dl_overview dd.pro {
		padding-left:10em;
	}

.ul_linkList {
	width: 100%;
	margin: 0 auto 50px;
}
	.ul_linkList li {
		clear:left;
		line-height:180%;
		font-size:1.1em;
		padding:10px 0 10px 0em;
		border-bottom:1px dotted #88A6BF;
	}
.program {
	margin-bottom: 20px;
}
.program h5 {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	font-weight: bold;
	color: #004380;
	font-size: 1.1em;
	padding-left: 1em;
	text-indent: -1em;
	background-color: #FFD8C7;
	padding-top: 5px;
	padding-right: 1em;
	padding-bottom: 5px;
	margin-bottom: 3px;
}
.program h5:before {
	content: "「";
}
.program h5:after {
	content: "」";
}
.program p {
	font-size: 0.9em;
}
.pro_ov {
	display: flex;
	width: 100%;
}
.pro_ov .left {
	width: 50%;
}
.pro_ov .right {
	width: 50%;
}
.pro_con {
	border-collapse: separate;
	border-spacing: 0px 8px;
	width: 100%;
}
.pro_con tr th {
	background-color: #0081A8;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	font-size: 0.9em;
	vertical-align: middle;
	width: 3em;
}
.pro_con tr .pre_tit {
	background-color: #FFD8C7;
	font-weight: bold;
	color: #004380;
	font-size: 1.1em;
	padding-left: 1em;
	text-indent: -1em;
	padding-top: 5px;
	padding-right: 1em;
	padding-bottom: 5px;
}
.pro_con tr .pre_tit:before {
	content: "「";
}
.pro_con tr .pre_tit:after {
	content: "」";
}
.pro_con tr .name {
	padding-left: 8px;
	font-weight: bold;
	font-size: 1.1em;
	vertical-align: middle;
}
.pro_con tr .belongs {
	vertical-align: middle;
	font-size: 0.9em;
	padding-left: 1em;
	text-indent: -1em;
}
.pro_con tr .belongs:before {
	content: "（";
}
.pro_con tr .belongs:after {
	content: "）";
}
.pro_con tr .belongs.kome {
}
.pro_con tr .belongs.kome:after {
	content: "）※";
}
.wide4 {
	width: 4.5em;
}
.wide5 {
	width: 5.5em;
}
.wide6 {
	width: 6.5em;
}
.banner {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.banner img {
    display: inline-block;
    margin-bottom: 5px;
    width: auto;
    height: auto;
    max-width: 210px;
    max-height: 74px;
    border: 1px solid #1A52A6;
}
.banner img:hover {
    opacity: 0.7;
    transition: 0.2s;
}