@charset "utf-8";
@import url(cmn.css);

/*---------------------------------------------------------
　スライダー
---------------------------------------------------------*/
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
height:200px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
display:none;
}

.nivoSlider a {
	border:0;
	display:block;
display:none;
}

#cmArea .nivo-controlNav {
	text-align: center;
	z-index:200;
	position:absolute;
	bottom:5px;
	left:0;
	width:980px;
}

.nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.nivo-controlNav a.active {background-position:0 -22px;}


/*---------------------------------------------------------
　トップページ
---------------------------------------------------------*/
#topInformation{width:980px;margin:160px 0 20px 0;}
#cmArea{width:980px;height:200px;margin:0 0 20px 0;position:relative;}
#sokuhou{width:980px;margin:0 0 15px 0;background:#fff;border-top:10px solid #cc0000;text-align:left;}

	#sokuhou .inner{width:940px;margin:10px 20px;}
	#sokuhou .ttl{color:#cc0000;float:left;font-size:1.6em;margin:0 1.5em 0 0;letter-spacing:0.5em;}
	#sokuhou p{line-height:1.4;}

#wrapper{margin-top:0px;}
#columnMain{width:540px;float:left;margin:0 0 0 20px;}

.footerInner .boxF{height:200px !important;}


	/*--CLEAR--*/
	#sokuhou:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　左右カラム
---------------------------------------------------------*/
/* columnL */
#picup{width:200px;border-top:1px solid #dcd9d1;margin-bottom:10px;}
	#picup .inner{width:100%;border-bottom:1px solid #dcd9d1;padding:15px 0 10px 0;}
	#picup .inner img{float:left;margin:0 0 0 8px;}
	#picup .inner .txt{width:64%;float:right;margin:0 5px 0 0;color:#4d433e;font-size:0.9em;text-align:left;}
	#picup .inner h3{font-size:1.1em;line-height:1.3;margin-bottom:5px;}

#columnL .sideBox{background:#faf9f7;margin:10px 0 0 0;padding-bottom:20px;}
#columnL .sideBox h2{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;width:200px;height:20px;}
#columnL .sideBox a{display:block;height:100%;}
#columnL .sideBox a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";text-decoration:none;}

	#tv h2{background:url(../img/top/tv_ttl.jpg) 0 0 no-repeat;}
	#radio h2{background:url(../img/top/radio_ttl.jpg) 0 0 no-repeat;}
	#radio span.bg{display:block; background:#aaafa8; width:200px; height:112px;position:relative;overflow:hidden;}
	#radio span.bg img{}

#columnL .sideBox p{font-size:0.9em;font-weight:bold;line-height:1.2;}
#columnL .sideBox p.day{font-weight:lighter;font-size:0.9em;}


#columnL a, #columnL a:link, #columnL a:visited, #columnL a:active{color:#4d433e;text-decoration:none;}
#columnL a:hover{color:#4d433e;text-decoration:underline;}

#manabi h2{background:url(../img/top/manabi_ttl.jpg) 0 0 no-repeat;}
#manabi{height:112px;}

/* columnR */
#camera{margin-bottom:10px;}

.sideBox{width:200px;margin-bottom:12px;}
.sideBox h2{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;width:200px;height:42px;margin-bottom:10px;}
.sideBox ul{width:100%;}
.sideBox ul li{margin-bottom:2px;vertical-align:bottom;font-size:1px;}
.sideBox ul li a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

#time{text-align:left;}
#time h2{background:url(../img/top/side_ttl01.jpg) 0 0 no-repeat;}
#time p{text-align:center;font-size:1.5em;color:#6f629b;margin:5px 0;}

#jp h2{background:url(../img/top/side_ttl02.jpg) 0 0 no-repeat;}
#jp .img{margin-bottom:10px;}



	/*--CLEAR--*/
	#picup:after,
	#picup .inner:after{content:"";display:table;clear:both;zoom:1;}



/*---------------------------------------------------------
　タブ
---------------------------------------------------------*/
#infoArea{width:100%;margin-bottom:20px;}
#infoArea ul#infoMenu{width:auto;margin:0 0 0 0;font-size:1px;}
#infoArea ul#infoMenu li{display:block;float:left;margin:0 5px 0 0;}

.infoContents{width:100%;margin:0;border-top:1px solid #6f629b;padding:5px 0 20px;}
.infoContents .tbInner{width:100%;margin:0 0 10px 0;background:#faf9f7;text-align:left;padding:10px 0;}
.infoContents .tbInner p{margin:0 15px;}
.infoContents .tbInner p.day{font-size:0.85em;color:#6f629b;}
.infoContents img{float:right;}


	/*--CLEAR--*/
	#infoArea ul#infoMenu:after, .infoContents:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　お知らせ　170929改変
---------------------------------------------------------*/
#topInfo {margin-bottom:40px;text-align:center;}
#topInfo h3 {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:1.15em;
	border-bottom:1px solid #6f629b;
	text-align:left;
	padding-bottom:6px;
	font-weight:lighter;
	margin-bottom:10px;
}

#infoBox {height:370px;overflow-y: scroll;padding:0;}
#infoBox.infoContents {border:none;margin-bottom:0;}
#infoBox.infoContents .tbInner {width:99%;}
#infoBox.infoContents .tbInner:last-child {margin-bottom:0;}

#infoBox.infoContents img {float:none;vertical-align:middle;margin-right:10px;}

#infoBox.infoContents .tbInner p.day {vertical-align:middle;margin-bottom:5px;}


#topInfo ul {margin-top:15px;}
#topInfo ul li {display:inline-block;margin:0 5px;}
#topInfo ul li a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";text-decoration:none;}




/*---------------------------------------------------------
　実践運動
---------------------------------------------------------*/
#jissen{width:100%;}

#jissen h3,
.jBox h4{
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:1.15em;
	border-bottom:1px solid #6f629b;
	text-align:left;
	padding-bottom:6px;
	font-weight:lighter;
	margin-bottom:10px;
}

.jInner{width:525px;background:#faf9f7;padding:15px 0 15px 15px;position:relative;margin-bottom:20px;}
.jInner .imgArea{display:table-cell;width:245px;height:210px;text-align:center;vertical-align:middle;background:#fff;}
.jInner .imgArea img{width:220px;height:150px;}

.jInner p{width:245px;float:right;margin:0 15px 0 0;height:210px;text-align:left;}
.jInner #more{position:absolute;bottom:15px;right:15px;}
.jInner a:hover img#more{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

#jissen .inner{width:100%;}
	.jBox{width:260px;background:#faf9f7 url(../img/z_arrow_dwn.png) center bottom 10px no-repeat;padding-bottom:30px;float:left;margin:0 0 0 20px;}
	.jBox:first-child{margin:0;}
	.jBox img{margin-bottom:15px;}
	.jBox h4{font-size:1.3em;color:#6f629b;margin-bottom:0px;border:none;text-align:center;}
	.jBox p{font-size:0.85em;width:220px;margin:0 auto;}

	.jBox a{display:block;height:100%;padding-bottom:5px;}
	.jBox a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";text-decoration:none;}


	/*--CLEAR--*/
	.jInner:after,
	#jissen .inner:after{content:"";display:table;clear:both;zoom:1;}
