@charset "utf-8";

/* ==================================================================
	news.css
	
=================================================================== */

/* --------------------------------
   □ newsInformation
-------------------------------- */
/*
#newsInformation dl{
	margin-top:-1px;
	line-height:1.3;
	width:100%;
	border-bottom:1px solid #ccc;
}

	#newsInformation dt,
	#newsInformation dd{
		border-top:1px solid #ccc;
		padding-top:11px;
		padding-bottom:14px;
	}

	#newsInformation dt{
		position:relative;
	    width:8em;
		float:left;
		clear:both;
		padding-right:108px;
		padding-left:15px; 
	}
	
	#newsInformation dt span{
		position:absolute;
		top:9px;
		right:11px; 
	}

	#newsInformation dd{
		overflow:hidden;	
	}
	
	*:first-child+html #newsInformation dd{
	    padding-left:0px;		
	}
*/

#newsInformation dl{
	margin-top:-1px;
	line-height:1.3;
	width:100%;
	border-bottom:1px dotted #ccc;
}

	#newsInformation dt,
	#news #newsInformation dd{
		border-top:1px dotted #ccc;
		padding-top:11px;
		padding-bottom:14px;
	}

	#newsInformation dt{
		position:relative;
	    width:9em;
		float:left;
		clear:both;
		padding-right:108px;
		padding-left:15px; 
	}
	
	#newsInformation dt span{
		position:absolute;
		top:9px;
		right:11px; 
	}

	#newsInformation dd{
		overflow:hidden;
	}



.main ul.pager{
	overflow:hidden;
	zoom:1;
	margin:50px auto 0 auto;
	text-align:center;
}

.main ul.pager li{
	border-radius:3px;
	border:solid 1px #bdbdbd;
	width:2.7em;
	display:inline-block;
	text-align:center;
	margin:0 5px;
}

.main ul.pager li a{
	display:block;
	padding:7px 10px;
	color:#0090d5;
}

.main ul.pager li.nowpage{
	border:solid 1px #0090d5;
	font-weight:700;
	background:#0090d5;
	color:#fff;
}

.main ul.pager li.nowpage a{
	color:#fff;
}

/* --------------------------------
   □ details
-------------------------------- */
.secondary .contents .details h4{
	margin:0;
	padding-right:200px;
}
.secondary .contents .details .status{
	margin:-2em 0 20px 0;
	text-align:right;
}

.details p.comment{
	padding:10px;
	border:1px dotted #ccc;
	border-width:1px 0;
}

.details a:link{
	color:#7AB6CF;
}
.details a:visited{
	color:#7AB6CF;
}
.details a:hover{
	color:#32718B;
}

.details p.pdf{
	text-align:right;
}



/* smartPhone */
@media screen and (max-width: 640px) {
	#newsInformation dt{
	   width:auto;
		float:none;
		clear:both;
		padding-left:0;
		padding-bottom:8px;
	}

	#news #newsInformation dd{
		border:none;
	}
	
	#newsInformation dt span{
		position:absolute;
		top:9px;
		right:11px;
	}

	/* --------------------------------
	   □ details
	-------------------------------- */
	.secondary .contents .details h4{
		margin-bottom:10px;
		padding-right:0;
	}
	.secondary .contents .details .status{
		margin:0 0 20px 0;
		text-align:right;
	}

}