@charset "utf-8";
/* CSS Document */


.imgfont h3 a:hover, .imgfont section a.more:hover{
	color: #0d4bb5;
}
.station{
	font-family: Arial, sans-serif; 
	font-size: 1.4rem; font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
div.col{
	font-family: Arial, sans-serif;
	font-size: 2.4rem; font-size: 24px;
    display: table;
    line-height: 32px;
    white-space: nowrap;
}
div .col span{
	padding-right: 10px;
}
div.col:after{
    display: table-cell;
    content: '';
    width: 100%;
    background: -webkit-linear-gradient(#006fac,#006fac) repeat-x left center;
    background: linear-gradient(#006fac,#006fac) repeat-x left center;
    background-size: 2px 2px;
}
.left ul{
	background: #f3f3f3;
	padding-bottom: 2px;
}
.left ul li{
	padding: 15px;
	font-family: Arial, sans-serif;
	font-size: 1.9rem; font-size: 19px;
	line-height: 1.2;
	border-bottom: 1px dashed #c8c8c8;
	letter-spacing: 0.5px;
}
.left ul li:hover{
	background: url(ico_arrow_blue.png) no-repeat 0 20px;
}
.active{
	background: url(ico_arrow_blue.png) no-repeat 0 20px;
}
.imgfont{
	padding-bottom: 15px;
	border-bottom: 1px dashed #c8c8c8;
}
.imgfont img{
	width:100%;
	float:none;
}
.imgfont h3{
	font-size: 2.0rem; font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	max-height: 48px;
	overflow: hidden;
}
.imgfont h3 a{
	color: #002c77;
}
.imgfont section .line{
	width: 40px;
	height: 1px;
	background: #ddd;
	margin-top: 5px
}
.imgfont section p{
	font-family: Arial, sans-serif;
	font-size: 1.5rem; font-size: 15px;
	line-height: 1.4;
	color: #666;
	padding: 8px 0;
}
.imgfont section a.more{
	font-family: Arial, sans-serif;
	font-size: 1.5rem; font-size: 15px;
	color: #999;
}
.fontlist li{
	background: url(ico_doublearrow_blue.png) no-repeat 0 8px;
	padding-left: 20px;
	font-size: 2.0rem; font-size: 20px;
	line-height: 1.2;
	padding-bottom: 15px;
	
}
time{
	font-family: Candara, Arial, sans-serif;
	font-size: 1.7rem; font-size: 17px;
	font-style: italic;
	color: #aaa;
}
time i{
	font-size: 1.5rem; font-size: 15px;
	padding-right: 5px;
}

.article h4{
	font-family: Arial, sans-serif;
	font-size: 2.8rem; font-size: 28px;
	line-height: 1.3;
	color: #005d93;
	margin-bottom: 20px;
}
.article h5{
	font-family: Arial, sans-serif;
	font-size: 1.7rem; font-size: 17px;
	margin-bottom: 20px;
}
article{
	font-size: 2.0rem !important; font-size: 20px !important;
	line-height: 1.5 !important;
}
article p{
	margin-bottom: 15px !important;
}
article img{
	max-width: 800px;
}

.page {
    float: left;
    margin-left: -1px;
    padding: 8px 12px;
    position: relative;
    text-decoration: none;
}
.page-inactive {
	border: 1px solid #e4e4e4;
	color: #888;
}
.page-active {
    background: #016caa;
    border: 1px solid #005ba0;
    color: #fff;
    cursor: default;
    z-index: 2;
}



@media screen and (max-width: 767px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 1169px) {}

@media screen and (min-width: 480px) {}
@media screen and (min-width: 768px) {
	.article h4{
		font-family: Arial, sans-serif;
		font-size: 3.4rem; font-size: 34px;
	}
	.imgfont img{
		width: 295px;
		height: 221px;
		padding: 0 0 0 15px;
		float:right;
	}
}
@media screen and (min-width: 992px) {}
@media screen and (min-width: 1170px) {}



@media \0screen\,screen\9 {
}

