@charset "UTF-8";
/* ------------------------------------------------------------ */
/* Link
/* ------------------------------------------------------------ */
a {	text-decoration: none;	}
a:link {	color: #003366;	}
a:visited {	color: #336699;	}
a:hover {	color: #3399ff;	}
a:active {	color: #ff0000;	}
/* ------------------------------------------------------------ */
/* Layout
/* ------------------------------------------------------------ */
body {    -webkit-text-size-adjust: none;	}


/* ------------------------------------------------------------ */
/* Header
/* ------------------------------------------------------------ */
/* sitetitle
/* ------------------------------------------------------------ */
header {
	position: relative;
	width: 100%;
	background: -moz-linear-gradient(top, #ffffff, #efeedf);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efeedf));
	background: -moz-linear-gradient(top, #ffffff, #efefef);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
}
header h1 a {
	width: 220px;
	height: 60px;
	margin: 5px 0 0 10px;
	display: block;
	text-indent: -3000px;
	background-image: url(../images/sitetitle.png);
	background-size: contain;
}
h1 a:hover {
	opacity: 0.6;
}

.specialprogram311 a {
	position: absolute;
	top: 8px;
	right: 220px;
	width: 250px;
	height: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(../images/bnr_specialprogram311csra.png);
	background-size: contain;
}

.h_facebook a,
.h_twitter a {
	position: absolute;
	top: 20px;
	width: 95px;
	height: 24px;
	display: block;
	text-indent: -3000px;
}
.h_facebook a {
	right: 110px;
	background-image: url(../images/head_facebook.png);
	background-size: contain;
}
.h_twitter a {
	right: 5px;
	background-image: url(../images/head_twitter.png);
	background-size: contain;
}
.specialprogram311 a:hover,
.h_facebook a:hover,
.h_twitter a:hover {	opacity: 0.6;	}


/* ------------------------------------------------------------ */
/* Nav
/* ------------------------------------------------------------ */
nav ul {
	height: 50px;
	border-bottom: 6px solid #000000;
	letter-spacing: -.40em;
}
nav ul li {
	width: 120px;
	height: 50px;
	display: inline-block;
	letter-spacing: normal;
}
/* IE7 */
nav ul li {
	*float: left;
}

nav ul li a {
	width: 120px;
	height: 50px;
	display: block;
	text-indent: -3000px;
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
}
nav ul li a:hover {
	opacity: 0.6;
}
#nav1 a {	background-image: url(../images/nav1.png);	}
#nav2 a {	background-image: url(../images/nav2.png);	}
#nav3 a {	background-image: url(../images/nav3.png);	}
#nav4 a {	background-image: url(../images/nav4.png);	}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	header h1 a {
		background-image: url(../images/i_sitetitle.png);
	}
	.specialprogram311 a {
		background-image: url(../images/i_bnr_specialprogram311csra.png);
	}
	.h_facebook a {
		background-image: url(../images/i_head_facebook.png);
	}
	#nav1 a {	background-image: url(../images/i_nav1.png);	}
	#nav2 a {	background-image: url(../images/i_nav2.png);	}
	#nav3 a {	background-image: url(../images/i_nav3.png);	}
	#nav4 a {	background-image: url(../images/i_nav4.png);	}
}
@media screen and (max-width: 479px) {
	header {
		width: 100%;
	}
	header h1 a {
		width: 220px;
		height: 60px;
		background-image: url(../images/i_sitetitle.png);
	}
	h1 a:hover {	opacity: 0.6;	}
	.specialprogram311 a {
		background-image: url(../images/i_bnr_specialprogram311csra.png);
	}
	.h_facebook a {
		background-image: url(../images/i_head_facebook.png);
	}
	nav ul {
		clear: both;
		width: 100%;
		height: 30px;
		border-bottom: 6px solid #000000;
		text-align: center;
		letter-spacing: -.40em;
	}
	nav ul li {
		width: 25%;
		height: 30px;
		display: inline-block;
		letter-spacing: normal;
	}
	nav ul li a {
		width: 100%;
		height: 30px;
		display: block;
		text-indent: -3000px;
		background-position: center top;
		background-size: auto 30px;
		background-repeat: no-repeat;
	}
	#nav1 a {	background-image: url(../images/i_nav1.png);	}
	#nav2 a {	background-image: url(../images/i_nav2.png);	}
	#nav3 a {	background-image: url(../images/i_nav3.png);	}
	#nav4 a {	background-image: url(../images/i_nav4.png);	}
	.specialprogram311 a {
		margin-right: 100px;
	}
	.specialprogram311 a,
	.h_facebook a,
	.h_twitter a {
		position: static;
		float: left;
		margin-top: 12px;
		margin-left: 12px;
	}
}


/* ------------------------------------------------------------ */
/* Footer
/* ------------------------------------------------------------ */
footer {
	padding: 10px 10px 20px;
	background: #330033;
	background: -moz-linear-gradient(top, #333366, #330033);
	background: -webkit-gradient(linear, left top, left bottom, from(#333366), to(#000033));
}

#credit {
	width: 70px;
	height: 30px;
	margin-bottom: 10px;
	text-indent: -3000px;
	background: url(../images/credit.png);
	background-size: contain;
	overflow: hidden;
}
#copyright {
	font-size: 0.6em;
	color: #cccccc;
}
aside#footnav {
	overflow: hidden;
	background: #330033;
	background: -moz-linear-gradient(top, #333366, #000033);
	background: -webkit-gradient(linear, left top, left bottom, from(#333366), to(#000033));
	border-bottom: 1px solid #666666;
}

aside#footnav li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 0.65em;
}
aside#footnav li a {
	padding: 1em 0;
	display: block;
	color: #ffffff!important;
}
aside#footnav li a:hover {	opacity: 0.6;	}
aside#footnav li.line a {
	border-right: 1px solid #666666;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#credit {
		background: url(../images/i_credit.png);
		background-size: contain;
	}
}
@media screen and (max-width: 479px) {
	#credit {
		background: url(../images/i_credit.png);
		background-size: contain;
	}
}



/* ------------------------------------------------------------ */
/* Station
/* ------------------------------------------------------------ */
/* Areanav
/* ------------------------------------------------------------ */
#areanav {
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #666666;
	background: #330033;
	background: -moz-linear-gradient(top, #333366, #000033);
	background: -webkit-gradient(linear, left top, left bottom, from(#333366), to(#000033));
}
#areanav li {
	float: left;
	width: 12%;
	text-align: center;
	background: #330033;
	background: -moz-linear-gradient(top, #333366, #000033);
	background: -webkit-gradient(linear, left top, left bottom, from(#333366), to(#000033));
	letter-spacing: normal;
}
#areanav li a {
	padding: 1em 0;
	display: block;
	font-size: 0.7em;
	color: #ffffff!important;
	border-right: 1px solid #666666;
}
#areanav li a:hover {	opacity: 0.6;	}
#areanav li.line a {
	border-left: 1px solid #666666;
}
@media screen and (max-width: 479px) {
	#areanav {
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #666666;
	}
	#areanav li {
		float: left;
		width: 25%;
		text-align: center;
		background: -moz-linear-gradient(top, #333366, #000033);
		background: -webkit-gradient(linear, left top, left bottom, from(#333366), to(#000033));
		letter-spacing: normal;
	}
	#areanav li a {
		padding: 1em 0;
		display: block;
		font-size: 0.65em;
		color: #ffffff!important;
		border-right: 1px solid #666666;
	}
	#areanav li a:hover {	opacity: 0.6;	}
	#areanav li.line a {
		border-left: 1px solid #666666;
	}
}









.content,
.stationlists {
	padding: 10px 5px 5px;
	letter-spacing: -.40em;
}
.stationlists section {
	width: 250px;
	min-height: 100px;
	margin: 0 5px 10px;
	display: inline-block;
	vertical-align: top;
}
.stationcontent,
.stationlist {
	padding: 5px;
	display: block;
	overflow: hidden;
	letter-spacing: normal;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border: 1px solid #cccccc;
	vertical-align: top;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
}
.stationcontent div,
.stationlist div {	overflow: hidden;	}
.stationlist:hover {	opacity: 0.8;	}
.stationlist .stationlogo {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
	border: 1px solid #cccccc;
}
.stationlogo img {
	width: 60px;
	height: 60px;
	background: #ffffff;
}
.stationlist h1 {
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5em 0 0.3em;
}
.stationlist p {
	font-size: 0.7em;
	color: #666666;
	overflow: hidden;
}
.timedata {
	padding: 10px 0 0;
	color: #444444;
	line-height: 120%;
}
.stationlink {
	letter-spacing: normal;
	border: 1px solid #cccccc;
	border-top: none;
	padding: 2px;
	background: #dddddd;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	overflow: hidden;
}
.site {
	float: left;
	width: 27px;
	height: 18px;
	margin-right: 2px;
	display: block;
	text-indent: -3000px;
	background: url(../images/btn_site.png);
	background-size: contain; 
}
.stm {
	float: left;
	width: 60px;
	height: 18px;
	margin-right: 2px;
	display: block;
	text-indent: -3000px;
	background: url(../images/btn_stm.png);
	background-size: contain; 
}
.stm2 {
	float: left;
	width: 60px;
	height: 18px;
	display: block;
	text-indent: -3000px;
	background: url(../images/btn_stm2.png);
	background-size: contain; 
}
.site:hover,
.stm:hover {	opacity: 0.6;	}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.site {
		background: url(../images/i_btn_site.png);
		background-size: contain; 
	}
	.stm {
		background: url(../images/i_btn_stm.png);
		background-size: contain; 
	}
}

@media screen and (max-width: 479px) {
	.stationlists {
		padding: 0;
	}
	.stationlists {	padding: 0;	}
	.stationlists section {
		width: auto;
		min-height: 1px;
		margin: 0;
		display: block;
		border: none;
	}
.stationlist {
	letter-spacing: normal;
	border: 1px solid #cccccc;
	vertical-align: top;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
}
.stationlink {
	letter-spacing: normal;
	border: 1px solid #cccccc;
	border-top: none;
	padding: 2px;
	background: #dddddd;
	-webkit-border-top-left-radius: 0;  
	-webkit-border-top-right-radius: 0;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 5px;  
	-moz-border-radius-topleft: 0;  
	-moz-border-radius-topright: 0;  
	-moz-border-radius-bottomright: 5px;  
	-moz-border-radius-bottomleft: 5px;  
}


	.stationlist {
		padding: 0.5em;
		display: block;
		background: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #ffffff;
		overflow: hidden;
	}
	a.stationlist div {
		background-image: url(../images/icon_list.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 10px 10px;
		overflow: hidden;
	}
	a.stationlist div div {	background: none;	}
	a.stationlist .stationlogo {
		float: left;
		width: 60px;
		height: 60px;
		margin: 0 10px 0 0;
	}
	a.stationlist img {
		width: 60px;
		height: 60px;
	}

a.stationlist:hover {	opacity: 0.8;	}
a.stationlist img {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
}
a.stationlist h1 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.5em 0 0.3em;
}
a.stationlist p {
	font-size: 0.7em;
	color: #666666;
}
	_a.stm {	display: none;	}



	_.stationlink {	display: none;	}


	.site {
		background: url(../images/i_btn_site.png);
		background-size: contain; 
	}
	.stm {
		background: url(../images/i_btn_stm.png);
		background-size: contain; 
	}

}






/* contents
/* ------------------------------------------------------------ */
.stationcontent {	padding: 20px;	}
.stationcontent .stationlogo {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 20px 0 0;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.stationcontent .stationlogo img {
	width: 100px;
	height: 100px;
}
.stationcontent h1 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.3em 0 0.3em;
}
.stationcontent p {
	font-size: 0.75em;
	color: #666666;
	overflow: hidden;
}
.stationlinkmenu {
	letter-spacing: normal;
	border: 1px solid #cccccc;
	border-top: none;
	padding: 10px 20px;
	background: #dddddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	overflow: hidden;
}
.stationbody {
	clear: both;
	letter-spacing: normal;
	border: 1px solid #cccccc;
	border-top: none;
	margin: 0 0 10px;
	padding: 20px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	overflow: hidden;
}
#main {
	float: left;
	width: 70%;
}
#main header {
	padding: 0 0 20px;
	background: #ffffff;
}
.entrybody {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cccccc;
}
.entrytitle {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0;
}
.entrydate {
	font-size: 0.75em;
	color: #666666;
}
.entrycontent {
	font-size: 0.75em;
	color: #333333;
	line-height: 180%;
}
#sub {
	float: right;
	width: 28%;
}


#main_wide {
}


.headline {
	padding: 10px 0 5px;
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 2px solid #003366;
}
.listmenu li {
	padding: 8px 5px;
	font-size: 0.75em;
	line-height: 160%;
	color: #999999;
	border-bottom: 1px dotted #cccccc;
	background-image: url(../images/icon_list.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
}
.listmenu li a {
	padding-right: 20px;
	display: block;
	overflow: hidden;
}
.listmenu li a:hover {
	opacity: 0.8;
}



@media screen and (max-width: 479px) {
	#main, #sub {
		float: none;
		width: auto;
	}
}



.topimgbox {
	background: url(../images/topimgbg.png);
}
.topimg {
	width: 100%;
	_width: 960px;
	max-width: 960px;
	height: 400px\9;
	*height: auto;
}


.img {
	width: 100%;
}

.body {
	padding-bottom: 8px;
}

strong {
	font-weight: bold;
}






dt {
	font-weight: bold;
}
dd {
	margin: 0 0 0.5em 1em;
}

#main ul,
#main_wide ul {
	margin-left: 25px;
	padding: 5px 0 10px;
	list-style-type: disc;
}

ol {
	margin-left: 25px;
	padding: 5px 0 10px;
	list-style-type: decimal;
}

input {
	border: 1px solid #cccccc;
}
textarea {
	border: 1px solid #cccccc;
}
.ui-btn-inner {
	background: #333333;
	background: -moz-linear-gradient(top, #666666, #333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	border: 1px solid #666666;
	height: auto;
	font-size: 1em;
	color: #ffffff;
}

.wp-pagenavi {
	font-size: 0.7em;
}