/* ===================================================================
CSS
 file name  :  news.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
NEWS
======================================== */
.page_navi{
	margin-top:20px;
	position:relative;
	color:#000;
	height:30px;
}
.page_navi .page_num{
	font-size:140%;
	font-weight:bold;
	line-height:1;
}
.pager{
	position:absolute;
	top:0;
	left:50%;
	margin-left: -200px;
	width: 400px;
	text-align: center;
}
.pager a{
	border:1px solid #CCC;
	background:#FFF;
	text-decoration:none;
	width:35px;
	margin-left:5px;
	padding:5px 10px;
	text-align:center;
}
.pager a:hover{
	border:1px solid #00306D;
	color:#00306D;
}
.pager a.on{
	border:1px solid #CCC;
	background:#333;
	color:#FFF;
	font-weight:bold;
}
.pager span{
	margin-left:5px;
}
#news{
	border:1px solid #CCCCCC;
	margin-top: 30px;
}
#news dl{
	padding:30px;
}
#news dt{
	color:#00306D;
	line-height:1;
	padding-top: 20px;
}
#news dt span{
	color:#FFFFFF;
	background:#FF2626;
	margin-left:10px;
	display:inline-block;
	font-size:10px;
	padding:2px 10px;
	border-radius:3px;
}
#news dd{
	padding-left: 200px;
	margin-top: -23px;
	border-bottom:1px dotted #00306D;
	padding-bottom: 15px;
}
}
@media screen and (max-width: 768px ){
/* スマートフォン用のスタイル記述 */
/* =====================================
NEWS
======================================== */
.page_navi{
	text-align:center;
}
.page_navi .page_num{
	font-size:140%;
	font-weight:bold;
}
.pager{
	margin-top:10px;
}
.pager a{
	border:1px solid #CCC;
	background:#FFF;
	text-decoration:none;
	margin-left:5px;
	padding:5px 10px;
	text-align:center;
}
.pager a:hover{
	border:1px solid #00306D;
	color:#00306D;
}
.pager a.on{
	border:1px solid #CCC;
	background:#333;
	color:#FFF;
	font-weight:bold;
}
.pager span{
	margin-left:5px;
}
#news{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-top: 10px;
}
#news dl{
	padding:10px 20px;
}
#news dt{
	color:#00306D;
	line-height:1;
	padding-top: 10px;
}
#news dt span{
	color:#FFFFFF;
	background:#FF2626;
	margin-left:10px;
	display:inline-block;
	font-size:10px;
	padding:2px 10px;
	border-radius:3px;
}
#news dd{
	border-bottom:1px dotted #00306D;
	margin-top: 5px;
	padding-bottom: 10px;
}
}