@charset "utf-8";

/*-----------------------------------------------------------
 News
-----------------------------------------------------------*/

.news {
	}
	.news #primary { width: 950px; }
	
	.news #primary ul#yearNav {
		margin: 0 0 15px; padding: 0 0 5px;
		text-align: right;
		}
		.news #primary ul#yearNav li {
			display: inline;
			margin: 0 0 0 10px; padding: 0 0 3px 18px;
			background: transparent url("/common/images/icoArrow.gif") no-repeat 3px center;
			border-bottom: 1px solid #ccc;
			}
			.news.n2012 #primary ul#yearNav li#yn2012 ,
			.news.n2013 #primary ul#yearNav li#yn2013 ,
			.news.n2014 #primary ul#yearNav li#yn2014 ,
			.news.n2015 #primary ul#yearNav li#yn2015 ,
			.news.n2016 #primary ul#yearNav li#yn2016 ,
			.news.n2017 #primary ul#yearNav li#yn2017 ,
			.news.n2018 #primary ul#yearNav li#yn2018 ,
			.news.n2019 #primary ul#yearNav li#yn2019 ,
			.news.n2020 #primary ul#yearNav li#yn2020 { border-bottom: 1px solid #be0807; }
			
			.news #primary ul#yearNav li a { color: #333; text-decoration: none; }
			.news #primary ul#yearNav li a:hover { color: #be0807; }

	.news #primary h3 {
		padding: 10px 0 10px 15px;
		color: #bf0707;
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
		background: transparent url("/news/images/bgNewsTit.gif") no-repeat left top;
		}
		#newsIndex #primary h3 {
			padding: 0;
			background: none;
			}
		
		
	.news #primary h4 {
		clear: both;
		line-height: 40px;
		width: 950px; height: 40px;
		padding: 0 0 0 15px;
		color: #fff;
		font-weight: bold;
		background: transparent url("/news/images/bgH4Single.jpg") no-repeat left top;
		}
		* html .news #primary h4 { width: 950px; }
		
	.news #primary h5 {
		clear: both;
		width: auto;
		padding: 8px 0 8px 15px;
		font-weight: bold;
		font-size: 14px;
		background: transparent url("/common/images/bgH5TitleLong.gif") no-repeat left bottom;
		}
		
	
	.news #primary p { background: #fff; }
	.news #primary .mb0 { margin: 0; }
	
	.news #primary .fLeft  { float:  left; }
	.news #primary .fRight { float: right; }
	
	.news #primary ul.colList {
		text-align: center;
		}
		.news #primary ul.colList li {
			display: inline-block;
			margin: 0 5px;
			}
			.news #primary ul.colList li:first-child { margin-left:  0; }
			.news #primary ul.colList li:last-child  { margin-right: 0; }
	
	.news #primary ul.flatTable {
		width: auto;
		margin: 10px auto;
		display: table;
		}
		.news #primary ul.flatTable li {
			display: table-cell;
			padding: 5px 8px;
			text-align: center;
			}
			.news #primary ul.flatTable li img { margin: 0 0 5px; }
	
	/* table */
	table.verMiddle {
		} 
		table.verMiddle td {
			vertical-align: middle;
			} 
	
	/* Width Half */
	.news #primary .columnHalf {
		width: 460px;
		}
		.news #primary .columnHalf h4 {
			width: 460px;
			background: transparent url("/news/images/bgH4Half.jpg") no-repeat left top;
			}
	
	/* Width */
	.news #primary .width180 { width: 180px; }
	.news #primary .width200 { width: 200px; }
	.news #primary .width250 { width: 250px; }
	.news #primary .width300 { width: 300px; }
	.news #primary .width350 { width: 350px; }
	.news #primary .width400 { width: 400px; }
	.news #primary .width450 { width: 450px; }

	/* Width 600px */
	.news #primary .width600 {
		width: 600px;
		}
	
	/* Width 700px */
	.news #primary .width700 {
		width: 700px;
		}
	
		.news #primary .width600 h4 {
			width: 600px;
			background: transparent url("/news/images/bgH4Short.jpg") no-repeat left top;
			}
	
	.news #primary .sepTop {
		border-top: 1px dotted #333;
		padding-top: 10px;
		}
	
		.news #primary dl.txtSize5em  dt ,
		.news #primary dl.txtSize8em  dt ,
		.news #primary dl.txtSize12em dt ,
		.news #primary dl.txtSize16em dt ,
		.news #primary dl.txtSize18em dt { float:left; }
		
		.news #primary dl.txtSize5em dt { width: 5em; }
		.news #primary dl.txtSize5em dd {padding-left: 5em; }
		
		.news #primary dl.txtSize8em dt { width: 8em; }
		.news #primary dl.txtSize8em dd {padding-left: 8em; }
		
		.news #primary dl.txtSize12em dt { width: 12em; }
		.news #primary dl.txtSize12em dd {padding-left: 12em; }

		.news #primary dl.txtSize16em dt { width: 16em; }
		.news #primary dl.txtSize16em dd {padding-left: 16em; }

		.news #primary dl.txtSize18em dt { width: 18em; }
		.news #primary dl.txtSize18em dd {padding-left: 18em; }
	
	.news #primary #btnPdf {
		position: relative;
		float: right;
		margin: -25px 10px 0 0;
		}
		.news #primary dl dd#btnPdf {
			float: none;
			margin-right: 0;
			text-align: center;
			}

	.news #primary dl#trafficList {
			margin-bottom: 20px;
		}
		.news #primary dl#trafficList dt {
			float: left;
			width: 8em;
			margin-bottom: 10px;
			padding-bottom: 5px;
			}
		.news #primary dl#trafficList dd {
			margin-bottom: 10px;
			padding: 0 0 5px 9em;
			border-bottom: 1px dotted #333;
			}
		.news #primary dl#trafficList dd ul {
				margin: 0;
			}

.news #primary .cntBox {
	margin: 0 0 10px; padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
	}

.news #primary .grayBox {
	padding: 10px;
	box-shadow: inset 0 0 0 1px #ccc;
	border: 4px solid #eee;
	}


.news #primary table.thNowrap th { width: auto; white-space: nowrap; }
.news #primary table.thLeft th { text-align: left; }
.news #primary table.thCenter th { text-align: center; }


.news table.yearSch {
	}
	.news table.yearSch tbody th {
		width: 4em;
		vertical-align: middle;
		}
	
	.news table.yearSch tbody td {
		text-align: center;
		vertical-align: middle;
		background: #f8f8f8;
		}
		.news table.yearSch tbody tr td:nth-of-type(1) { text-align: left; background: #fff; }
		.news table.yearSch tbody tr td.ysChange       { background: #c0eaf3; }
		.news table.yearSch tbody tr td.ysHoliday      { background: #f8d5c3; }


/*-----------------------------------------------------------
 News List
-----------------------------------------------------------*/

.news#newsIndex {
	}
	.news#newsIndex #primary dl {
		clear: both;
		margin: 0 0 20px 0; padding: 5px 0 0 0;
		}
		.news#newsIndex #primary dl dt {
			float: left;
			width: 135px;
			padding: 10px 0 10px 15px;
			}/* IE6 */ * html .news#newsIndex #primary dl dt { width: 150px; }
			.news#newsIndex #primary dl dt.icoCamp { background: transparent url("/images/icoNewsCamp.gif")  no-repeat left center; }
			.news#newsIndex #primary dl dt.icoNews { background: transparent url("/images/icoNewsDefa.gif")  no-repeat left center; }
			.news#newsIndex #primary dl dt.icoMedi { background: transparent url("/images/icoNewsMedi.gif")  no-repeat left center; }
		
		.news#newsIndex #primary dl dd {
			border-bottom: 1px dotted #333;
			padding: 10px 0 10px 160px;
			}


/*-----------------------------------------------------------
 Local
-----------------------------------------------------------*/



/*------ 1407011 ------*/
#news1407011.news #primary p#qrBox  { line-height: 2em; }
#news1407011.news #primary p#qrBox img {
		float: left;
		margin: 0 10px 20px 0;
		}

/*------ 1406251 ------*/
#news1406251.news #primary dl.fLeft dt {
		float: left;
		}

#news1406251.news #primary #mapSec {
		float: left !important;
		width: 350px; height: 350px;
		margin-right: 15px;
		}
		#news1406251.news #primary #mapSec h4 {
			width: auto; height: auto;
			margin: 0 0 5px; padding: 0;
			color: #990000;
			background: none;
			border-bottom: 2px solid #990000;
			}

#news1406251.news #primary #eventWrap { float: left !important; width: 575px;}

#news1406251.news #primary #eventWrap h5 {
			width: 560px !important;  }



#news1406251.news #primary h6 {
		border-bottom: 2px solid #ccc;
		width: 560px;
		padding: 0 0 5px 15px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 14px;
		background: transparent url("/common/images/bgH6Title.gif") no-repeat left center;
		}
		

/*------ 1406021 ------*/

#news1406021.news #primary .mvSec {
	position: relative;
	}
	#news1406021.news #primary .mvSec .imgBox {
		position: absolute;
		top: 350px; right: 20px;
		}
		
#news1406021.news #primary dl { margin-left: 15px; }

#news1406021.news #primary dl.fLeft dt {
		float: left;
		}

/*------ 1405021 ------*/
#news1405021.news #primary dl.fLeft dt ,
#news1404211.news #primary dl.fLeft dt {
		float: left;
		}

/*------ 170712 ------*/
.news #primary .center {
    text-align: center;
}

.news #primary .right {
    float: right;
}

.tblWidth{
	width: 55%;
	margin: 0 auto;
}

.news #contents section .phOnituka{
	margin: 0 auto;
}

/*------ 170807 ------*/

#bdTyphoon{

/*width: 50%;*/
border: solid 1px #bf0707;
margin-bottom: 1.0em;
}

#bdTyphoon p{
	padding: 10px 0 0 10px;
}