@charset "utf-8";
/* CSS Document */


/* --------------------------------
   □ supporter
-------------------------------- */

/* □ newsArea
-------------------------------- */

#newsArea{
	width:900px;
	margin-top: 20px;
    margin-bottom: 45px;
	padding:30px;
	background:#f4f4f4;
	position:relative;
}
	
	#newsArea .subsection{
		padding-bottom:25px;
		margin-bottom:25px;
		border-bottom:1px dashed #ccc;
		width:auto;
		position:relative;
	}
	
	#newsArea h2.images{
		width: 230px;
		height: 159px;
		float: left;
	}
	#newsArea h2.images img{
		width: 100%;
		height:100%;
		border:1px solid #ccc;
	}
	
	#newsArea p.icon{
		position:absolute;
		top:-5px;
		left:10px;
	}
	
	
	#newsArea div.body {
		float: left;
		padding-left: 30px;
		width: 640px;
	}
	
	#newsArea div.body p.date{
		padding:2px 0;
		display:inline-block;
	}
	
	#newsArea div.body dt{
		font-size:150%;
		font-weight:700;
		padding-bottom:10px;
	}
	#newsArea div.body dt a{
		color:#007dde;
	}
	
	#newsArea div.body dd.btn{
		display:none;
	}


.paging{
	margin-bottom:50px;
}

.paging .navi {
    list-stye: none;
	text-align: center;
}

.paging .navi li>a,
.paging .navi li>span {
    display: inline-block;
    zoom: 1;
    padding:15px 18px;
    border: solid 1px #c8c8c8;
    margin: 0 0 0 6px;
    text-decoration: none;
    line-height: 1em;
}


.paging .navi li.prev {
    margin-right: 6px;
	vertical-align:top;
}

.paging .navi li.next {
    margin-left: 6px;
	vertical-align:top;
}

.paging .navi li.prev>a,
.paging .navi li.next>a,
.paging .navi li.prev>span,
.paging .navi li.next>span {
	border:none;
    padding:10px 0;
}

.paging .navi li.prev>a:hover,
.paging .navi li.next>a:hover{
    background: none;
    border:none;
    color: #fff;
}

.paging .navi li.prev>a,
.paging .navi li.next>a{
	display:block;
}
.paging .navi li {
    display: inline-block;
    zoom: 1;
}
.paging .navi li.nowpage a {
    background-color: #004ea2;
    border-color: #d0d0d0;
    color: #fff;
}

.paging .navi li a:hover {
    background-color: #004ea2;
    border-color: #004ea2;
    color: #fff;
}

/* □ 詳細ページ
--------------------------------*/
.details p.back {
	float:left;
}

	.details p.supervision {
		float:right;
		text-align:right;
		margin-bottom: 20px;
		padding-top:5px;
	}
	
	.details p.supervision span{
		padding-left:10px;
	}


	.details section#newsDetailsArea dl{
		clear:both;
		border-top:1px dashed #ccc;
		border-bottom:1px dashed #ccc;
		padding:30px 0;
		overflow:hidden;
	}
	.details section#newsDetailsArea dl dt{
		float:left;
	}
	
	.details section#newsDetailsArea dl dd{
		float:right;
		width:470px;
		line-height:1.8;
	}

	
	.details section#newsDetailsArea dl dd.pdf{
		clear:both;
		text-align:center;
		padding:30px 0 50px;
	}	

	.details section#newsDetailsArea p.backbtn{
		text-align:center;
		padding:30px 0 10px;
	}



@media only screen and
(max-width : 640px) {
	
#newsArea{
	    width:100%;
	padding:20px 3%;
}

	#newsArea .subsection{
	}
	
	#newsArea h2.images{
		width: 100%;
		height: auto;
		float: none;
		margin-bottom:20px;
	}
	#newsArea h2.images img{
		width: 100%;
	}
	#newsArea div.body{
		float:none;
		width:100%;
		padding:0;
	}
	
	
	#newsArea div.body dd.btn{
		display:block;
		text-align:right;
		margin-top:15px;
	}
	
	#newsArea div.body dd.btn a{
		padding: 5px 50px;
		background: #004ea2;
		color: #fff;
		font-size: 108%;
		font-weight: 700;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.14902) 3px 2px 2px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 3px 2px 2px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.14902) 3px 2px 2px 0px;
	}
	
	
/* □ 詳細ページ
--------------------------------*/
	.details section#newsDetailsArea dl dt{
		float:none;
		margin-bottom:20px;
		width:100%;
	}
	.details section#newsDetailsArea dl dt img{
		width:100%;
	}
	
	.details section#newsDetailsArea dl dd{
		float:none;
		width:100%;
	}

	.details section#newsDetailsArea p.backbtn{
		text-align:center;
		padding:30px 0 10px;
		margin-bottom:30px;
	}


}