@charset "utf-8";
/* CSS Document */

nav {
	margin	: 0 auto 10px;
}

#mainBlock{
	margin	: 15px auto 0;
}

aside ul{
}

#contentsBlock{
	float	: left;
	width	: 513px;
}

#sideBlock{
	float	: right;
	width	: 220px;
}


.sbox a span {
	margin 	: 0 10px 0 0;
}

#top_txt {
	margin	: 0 0 15px!important;
}

	#top_txt p{
		text-align	: left;
	}


#detail .tabs	 { display : none;}
#detail .selected{ display : block;}


#news_box{
	overflow	: hidden;
	margin		: 0 0 10px!important;
}

	#news_box ul li{
		float		: left;
		display		: block;
		width		: 146px;
		height		: 40px;
		text-indent	: -9999px;
		overflow	: hidden;
		cursor		: pointer;
	}
	
		#news_box #tab01{ background : transparent url(../img/tab-news.png) no-repeat 0 0;}
		#news_box #tab02{ background : transparent url(../img/tab-topics.png) no-repeat 0 0;}
	
		#detail {
			clear	: both;
		}


			#detail .tabs{
				margin	: 0;
			}
	
				#detail #g01{
					border-top	: 4px solid #74ab27;
					margin		: 0 0 0 0;
					width		: 509px;
				}
		
				#detail #g02{
					border-top	: 4px solid #26a5e4;
					margin		: 0 0 0 0;
					width		: 509px;
				}
		

				dl.dl_style01,
				.ul_style-att{
					overflow	: hidden;
					margin		: 8px 20px 0;
					font-size	: 120%;
				}
			
					dl.dl_style01 dt{
						float		: left;
						text-align	: left;
						padding		: 6px 0;
					}
			
					dl.dl_style01 dd{
						text-align	: left;
						padding		: 6px 0 6px 5em;
						background	: transparent url(../common/img/border/border01.png) repeat-x left top;
					}
			
						dl.dl_style01 dd:first-child{
							background	: none !important;
						}
				
					.ul_style-att li{
						text-align	: left;
						padding		: 6px 0 6px 0;
						background	: transparent url(../common/img/border/border01.png) repeat-x left top;
					}
			
						.ul_style-att li:first-child{
							background	: none;
						}
			
						dl.dl_style01 dd a,
						.ul_style-att li a{
							display		: inline-block;
							background	: transparent url(../common/img/icon/icon_arrow01.png) no-repeat 0 6px;
							padding		: 0 0 0 18px;
						}




				dl.dl_style02{
					overflow	: hidden;
					margin		: 8px 20px 0;
					font-size	: 120%;
				}
			
					dl.dl_style02 dt{
						float		: left;
						text-align	: left;
						padding		: 6px 0;
					}
			
					dl.dl_style02 dd{
						text-align	: left;
						padding		: 6px 0 6px 0;
						background	: transparent url(../common/img/border/border01.png) repeat-x left top;
					}
			
						dl.dl_style02 dd:first-child{
							background	: none !important;
						}
				
						dl.dl_style02 dd a,
						.ul_style-att li a{
							display		: inline-block;
							background	: transparent url(../common/img/icon/icon_arrow01.png) no-repeat 0 6px;
							padding		: 0 0 0 18px;
						}



.contents_box {
	margin		: 0 0 10px!important;
	padding		: 10px 0 0;
	background	: transparent url(../common/img/bg/box_bg-top.png) no-repeat center top;
}

	.contents_box h2{
		margin		: 3px 5px 8px;
		text-align	: left;
	}
	
	.contents_box-bg {
		overflow	: hidden;
		padding		: 0 0 18px;
		background	: transparent url(../common/img/bg/box_bg-btm.png) no-repeat center bottom;
	}

		.contents_box ul#ul_scene{
			overflow	: hidden;
			margin		: 0 auto 15px;
			width		: 480px;
		}
			
			.contents_box ul#ul_scene li{
				width		: 92px;
				margin		: 0 4px 5px 0;
			}
				
			.contents_box ul li{
				float	: left;
				margin	: 0 4px 0 0;
			}
		
				.contents_box ul li img{
					display	: block;
				}

		#ul_sceneBtn {
			margin	: 0 auto;
			width	: 480px;
		}
		
			#txt01 {
				padding		: 8px 10px 0;
				text-align	: left;
				font-size	: 120%;
				line-height	: 37px;
			}
			

.contents_box2 {
	margin		: 0 0 12px!important;
	padding		: 5px 0 0;
	background	: transparent url(../common/img/bg/box_bg2-top.png) no-repeat center top;
}

	.contents_box2 h2{
		margin		: 0 0 0 5px;
		width		: 480px;
		padding		: 12px 10px;
		background	: #d9422b url(../common/img/bg/box2_hd01.jpg) no-repeat 0 0;
		text-align	: left;
		font-size	: 140%;
		font-weight	: bold;
		color		: #FFF;
	}
	
	.contents_box2-bg {
		overflow	: hidden;
		padding		: 0 0 15px;
		background	: transparent url(../common/img/bg/box_bg2-btm.png) no-repeat center bottom;
	}



section#pic_box{
	margin		: 0 0 10px!important;
}

	section#pic_box .pic{
		position	: relative;
		display		: inline;
		float		: right;
		margin		: 20px 10px 0 0;
		width		: 250px;
		height		: 195px;
		background	: transparent url(../img/p_index_001.jpg) no-repeat 0 0;
	}
	
		section#pic_box .pic img{
			position	: absolute;
			top			: 16px;
			left		: 13px;
		}


	section#pic_box .date{
		margin	: 0 0 8px;
	}
	
	section#pic_box .p_detail_box{
		display		: inline;
		float		: left;
		margin		: 0 20px;
		width		: auto;
		text-align	: left;
	}


section#ad_box{
	margin		: 0 0 10px!important;
}

	section#ad_box h2{
		margin		: 0 0 10px;
		text-align	: left;
		font-size	: 140%;
	}

	section#ad_box ul{
		overflow	: hidden;
		width		: 100%;
		margin		: 0 0 0 3px;
	}

		section#ad_box ul li{
			float	: left;
			margin	: 0 8px 10px 0;
		}
		
			.ad_link {
				text-align	: right;
			}
	

#search_input_box {
	overflow	: hidden;
	clear		: both;
	margin		: 0 20px 10px;
}

	#search_area-help {
		float	: left;
		border	: 1px solid #b3b3b3;
		width	: 376px;
		padding	: 6px;
	}

	/* CSS Hack for IE8 */
	.ie8 #search_area-help {
		padding		: 6px 6px 10px;
		line-height	: 20px;
	}
	
	#search_area-btn {
		float	: right;
	}
	
		#att-keyword{
			overflow	: hidden;
			clear		: both;
			margin		: 0 20px 8px;
			padding		: 5px 8px;
			background	: #fffccf;
			text-align	: left;
			font-size	: 110%;
		}
	
			#att-keyword ul li{
				margin	: 0 20px 0 0;
			}

.tbl_setai {
	margin		: 5px auto 0;
	width		: 90%;
}
	
	.tbl_setai th{
		width		: 32%;
		font-size	: 130%;
		text-align	: left;
		font-weight	: normal;
	}
	
	.tbl_setai td{
		width		: 78%;
		font-size	: 130%;
		text-align	: left;
	}
	
	.setai_txt {
		margin		: 8px 12px 5px;
		font-size	: 120%;
		text-align	: right;
	}
	
	

#ul_shisetsuCalendar{}

	#ul_shisetsuCalendar li a{
		display		: inline;
		padding		: 0;
		margin		: 0;
		background	: none;
		font-size	: 100%;
	}

	#ul_shisetsuCalendar li img{
		margin	: 0 0 0 5px;
	}

			.snav {
				margin	: 0 auto;
				width	: 210px;
			}
		
				#ul_shisetsuCalendar li.end,
				#ul_shisetsuCalendar li.end {
					margin	: 0 0 5px;
				}
				
				#ul_shisetsuCalendar li.top,
				#ul_shisetsuCalendar li.top {
					padding		: 14px 10px 10px 26px;
					background	: transparent url(../common/img/side/sbox_bg-list-top.jpg) no-repeat 0 0;
				}
				
				#ul_shisetsuCalendar li.top:hover{ background : transparent url(../common/img/side/sbox_bg-listov-top.jpg) no-repeat 0 0;}
				
				#ul_shisetsuCalendar li:hover{ background : transparent url(../common/img/side/sbox_bg-listov.jpg) no-repeat 0 0;}
				
				#ul_shisetsuCalendar li{
					display		: block;
					padding		: 20px 10px 10px 26px;
					background	: transparent url(../common/img/side/sbox_bg-list.jpg) no-repeat 0 0;
					text-align	: left;
					font-size	: 130%;
					line-height	: 1.3;
				}
			

/*緊急情報*/
.info-area{
	width: 1003px;
	margin: 0 auto;
}

#emergency-info{
	margin-bottom: 10px;
}

#emergency-info .ttl{
	background: #cc1800;
	color: #fff;
	text-align: left;
	padding: 10px;
	border-radius: 5px 5px 0 0;
	font-size: 167%;
	font-weight: bold;
}

	#emergency-info .ttl:before{
		content: "";
		background: url("../img/icon_emergency.png") no-repeat;
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: middle;
		margin-right: 10px;
		margin-top: -4px;
	}

.emergency-info-area{
	background: #fff;
	border-radius: 0 0 5px 5px;
	padding: 15px 20px;
}

.emergency-info-area section{
	text-align: left;
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.emergency-info-area section:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
	.emergency-info-area section dl dt{
		color: #cc1800;
		font-size: 134%;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	.emergency-info-area section dl dd{
		font-size: 120%;
	}
	
	.emergency-info-area section .details-link{
		text-align: right;
	}
	
	.emergency-info-area section .details-link a{
		font-size: 120%;
	}
	
	.emergency-info-area section .details-link:before{
		content: "";
		background:url("../img/icon_arrow.png") no-repeat;
		display: inline-block;
		width: 11px;
		height: 11px;
		padding-right: 5px;
	}


/*防災情報*/
#disasterprevention-info{
	margin-bottom: 10px;
}

#disasterprevention-info .ttl{
	background: #1da1f2;
	color: #fff;
	text-align: left;
	padding: 10px;
	border-radius: 5px 5px 0 0;
	font-size: 167%;
	font-weight: bold;
}

#disasterprevention-info .ttl a{
	color: #fff;
	text-decoration: none !important;
}

#disasterprevention-info .ttl a:hover{
	text-decoration: underline!important;
}

	#disasterprevention-info .ttl:before{
		content: "";
		background: url("../img/icon_twitter.png") no-repeat;
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: middle;
		margin-right: 10px;
		margin-top: -4px;
	}

.disasterprevention-info-area{
	background: #fff;
	border-radius: 0 0 5px 5px;
	padding: 20px 20px 0px;
}

.disasterprevention-info-area section{
	text-align: left;
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.disasterprevention-info-area section:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
	.disasterprevention-info-area section dl dt{
		color: #cc1800;
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.disasterprevention-info-area section dl dd{
		font-size: 120%;
	}
	
	.disasterprevention-info-area section .details-link{
		text-align: right;
	}
	
	.disasterprevention-info-area section .details-link:before{
		content: "";
		background:url("../img/icon_arrow.gif") no-repeat;
		display: inline-block;
		width: 11px;
		height: 11px;
		padding-right: 5px;
	}