@charset "Shift_JIS";

/* ***********************************************************
 *
 * Since:     2012-11-29
 * Modified:  2012-11-30
 * Modified:  2016-11-10
 * Modified:  2018- 2-27
 *
 * ***********************************************************
 */

/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------
11px = 83.4%
12px = 91.7%
13px = 100%
14px = 108.4%
15px = 116.7%
16px = 125%
17px = 133.4%
18px = 141.7%
19px = 150%
20px = 158.4%
21px = 166.7%
22px = 175%
*/

/* ----------------------------------------------------------------------------------------------------------
TOP
------------------------------------------------------------------------------------------------------------- */
#top{
	clear:both;
	padding:15px 0;
	background: url(../images/common/bg_headerunder.png) top center repeat-x;	
}

#topLeft{float:left;}


#kinkyu{
	width:723px;
	padding:10px 0 9px;
	margin: 0 0 10px 10px;
	background:#FFF url(../images/top/bg_kinkyu.jpg) top repeat-x;
	text-align:center;
	border:1px solid #FF0000;
}
.emrgttl {
		color:#F00;
		font-size:125%;
		font-weight:bold;
		margin-left:290px;
		padding-top:5px;
		padding-left:25px;
		padding-bottom:5px;
		background: url(../images/top/icon_kinkyu.jpg) left no-repeat;
}
			
			#kinkyu dl dt {  
				margin-bottom: 5px;  
				padding: 7px 0 0 25px;  
				width: 122px;  
				float: left; 
				clear: both;
				font-size:98%;
		background: url(../images/def/emergency_icon.gif) left no-repeat;
			}
				#kinkyu dl dt span{background:#FFFFBF;}
			
			#kinkyu dl dd {
				margin:0 10px 5px 10px;  
				padding: 5px 10px 0 138px;  
				border-top: 1px dotted #f00;  
				font-size:110%;
			}

#photo{
	width:725px;
	margin: 0 0 10px 10px;
}

/* Top sideNavi　-------------------- */
.btm15{
	text-align:center;
	margin-bottom:15px;
}
	
	.btm15 a:hover{
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
				
.sNaviTtlOrg{
	width:180px;
	height:24px;	
	color:#FFF;
	font-weight:bold;
	padding:7px 0 0 10px;
	background:#FD7828 url(../images/top/bg_snavi_top_orange.jpg) top left no-repeat;
}

#setai{
	width:190px;
	margin-bottom:15px;
	padding-bottom:35px;
	border-top:3px solid #6BB40B;
	background:#FFFCEC url(../images/top/bg_setai.jpg) bottom center no-repeat;
}
	
	#setai .ttl{
		padding:10px 0 5px 10px;
		color:#223904;
		font-size:108.4%;
		font-weight:bold;
		border-bottom:1px dotted #999999;
	}
		
	#setai span{
		display:block;
		font-size:83.4%;
		padding:5px 0 5px 10px;
		color:#666;
	}
		
	#setai dl{
		padding-left:10px;
		overflow: hidden;  
		zoom: 1;  
		}
	
	#setai dl dt{
		margin-bottom: 5px;  
		padding: 3px 0 3px 15px;  
		width: 33px;  
		float: left; 
		clear: both;
		}
		#setai dl dt.setai{background:url(../images/top/icon_setai.gif) left no-repeat;}
		#setai dl dt.man{background:url(../images/top/icon_man.gif) left no-repeat;}
		#setai dl dt.woman{background:url(../images/top/icon_woman.gif) left no-repeat;}
		#setai dl dt.all{background:url(../images/top/icon_all.gif) left no-repeat;}
	
	#setai dl dd{
		font-weight:normal;
		margin-bottom: 5px;  
		padding: 3px 5px 3px 25px;    
		}
		#setai dl dd.all{ font-weight:bold;}

/* Top main　-------------------- */
#topMain{
	float:left;
	width:522px;
	margin-left:12px;
}
	
	#topNews{
		width:524px;
		margin-bottom:5px;
	}
		
		#topNews .ttl{
			padding: 0 10px;
			background:url(../images/top/bg_news.jpg) bottom repeat-x;
			border-top:3px solid #6BB40B;
		}
		
		#topNews p{
			float:left;
			padding:10px 0 10px;
		}
		
		#topNews ul{
			float:right;
			padding:5px 0 0;
					margin:0;
					text-align:left;
					list-style:none;
		}
			
			#topNews ul li{
				float:left;
				padding:0 0 0 10px;
			}
				
				#topNews ul li.sum{
					padding:3px 0 0 25px;
					background:url(../images/common/icon_snavi.gif) top left no-repeat;
				}
			
		#topNews dl {
			overflow: hidden;  
			zoom: 1;
		} 
			
			#topNews dl dt {  
				margin-bottom: 5px;  
				padding: 7px 0 0 10px;  
				width: 120px;  
				float: left; 
				clear: both;
				font-size:90%;
			}
				#topNews dl dt span{background:#FFFFBF;}
			
			#topNews dl dd {
				margin-bottom: 5px;  
				padding: 5px 10px 0 120px;  
				border-top: 1px dotted #999;  
			}
	
	#snsArea{
    width:100%;
		height:15px;
		/* margin-right:-40px; */
		text-align:right;
		display:block;
	}

	#bnrArea{margin:15px 0;}
		#bnrArea ul {
					margin:0;
					padding:0;
					text-align:left;
					list-style:none;
		}
		#bnrArea ul li{float:left;margin-left:3px;}
		#bnrArea ul li a{
			display:block;
			float:left;
			width:152px;
			height:30px;
			font-weight:bold;
			margin-right:2px;
			_margin-right:5px;
			padding:15px 0 0 15px;
			text-decoration:none;
		}
			#bnrArea ul li a.tel{ background:url(../images/top/btn_tel_off.jpg) top left no-repeat;}
			#bnrArea ul li a.box{ background:url(../images/top/btn_box_off.jpg) top left no-repeat;}
			#bnrArea ul li a.minamatabyo{
				margin-right:0;				
				background:url(../images/top/btn_minamatabyo_off.jpg) top left no-repeat;
			}
			#bnrArea ul li a.tel:hover{ background:url(../images/top/btn_tel_on.jpg) top left no-repeat;}
			#bnrArea ul li a.box:hover{ background:url(../images/top/btn_box_on.jpg) top left no-repeat;}
			#bnrArea ul li a.minamatabyo:hover{
				margin-right:0;				
				background:url(../images/top/btn_minamatabyo_on.jpg) top left no-repeat;
			}


	#topJyoho{
		width:524px;
		padding-bottom:20px;
		margin-top:15px;
		margin-bottom:15px;
		background:#F8D95C url(../images/common/bg_sum_jyoho.jpg) top repeat-x;
	}
		
		#topJyoho p{
			padding:15px 10px 10px;
		}
		
		#topJyoho ul{
			width:510px;
			margin:0 auto;
			padding:5px 0 10px;
			background:#FFFFFF;
			border:1px solid #CCC;
					list-style:none;
		}
			
			#topJyoho ul li{
				padding: 5px 5px 0 25px;
				background:#FFF url(../images/common/icon_snavi.gif) top left no-repeat;
			}

	#topSearch{
		width:524px;
		margin-bottom:15px;
		padding-bottom:5px;
		background:#FFD9D9 url(../images/top/bg_search.jpg) top left no-repeat;
	}
		
		#topSearch p{padding:15px 10px 10px;}
		
		#topSearch ul{
			padding-left:5px;
					margin:0;
					padding:0;
					text-align:left;
					list-style:none;
		}
			#topSearch ul li{float:left;}
			
			#topSearch ul li a{
				display:block;
				width:104px;
				height:42px;
				font-size:116.7%;
				font-weight:bold;
				text-decoration:none;
				padding:22px 0 0 60px;
				color:#FFF;
				margin:0 0 5px 5px;
			}
	
				#topSearch ul li a.sc01{background:url(../images/top/btn_search01_off.jpg) top left no-repeat;}
				#topSearch ul li a.sc02{background:url(../images/top/btn_search02_off.jpg) top left no-repeat;}
				#topSearch ul li a.sc03{background:url(../images/top/btn_search03_off.jpg) top left no-repeat;}
				#topSearch ul li a.sc04{background:url(../images/top/btn_search04_off.jpg) top left no-repeat;}
				#topSearch ul li a.sc05{background:url(../images/top/btn_search05_off.jpg) top left no-repeat;}
				#topSearch ul li a.sc06{background:url(../images/top/btn_search06_off.jpg) top left no-repeat;}
	
				#topSearch ul li a.sc01:hover{background:url(../images/top/btn_search01_on.jpg) top left no-repeat;}
				#topSearch ul li a.sc02:hover{background:url(../images/top/btn_search02_on.jpg) top left no-repeat;}
				#topSearch ul li a.sc03:hover{background:url(../images/top/btn_search03_on.jpg) top left no-repeat;}
				#topSearch ul li a.sc04:hover{background:url(../images/top/btn_search04_on.jpg) top left no-repeat;}
				#topSearch ul li a.sc05:hover{background:url(../images/top/btn_search05_on.jpg) top left no-repeat;}
				#topSearch ul li a.sc06:hover{background:url(../images/top/btn_search06_on.jpg) top left no-repeat;}

	p.txtSearch{
		clear:both;
		padding:2px 3px 2px 10px;
		margin-bottom:5px;
		color:#223904;
		font-size:91.7%;
		font-weight:bold;
		background:#E8F3D9;
	}
	
	p.txtSearchList{
		clear:both;
		font-size:91.7%;
		line-height:1.2;
		margin-bottom:10px;
	
	}

/* Top right　-------------------- */
#topRight{
	float:left;
	width:190px;
	margin-left:15px;
}
	
	#kanko{
		padding:0 0 15px;
		margin-bottom:25px;
		background:#FEF5C6;
	}
	#topics2{
		padding:0 0 10px;
		margin-bottom:0px;
		background:#FFF;
	}
		
		#kanko p.ttl{padding:0 0 5px;}
		
		#kanko p.subTtl{padding:0 0 10px 10px;}
		
		#kanko ul.bnr{	padding:0 0 25px 10px;}
			#kanko ul.bnr li{padding:0 0 5px;}	
			#kanko ul.bnr li img:hover{
				filter: alpha(opacity=75);
				-moz-opacity:0.75;
				opacity:0.75;
			}

		#kanko .rss_box {
			width:150px;
			padding:10px;
			margin:0 auto 5px;
			background:#FFF;
		}
			
			#kanko p.rss_title{
				display:none;
			}
			#kanko ul{
					margin:0;
					padding:0;
					text-align:left;
					list-style:none;
			}
			#kanko ul.rss_items{
				width:150px;
				margin:0 auto 10px;
				background:#FFF;
			}
			
			#kanko ul.rss_items li{
				font-size:91.7%;
				padding: 0 0 10px 10px;
				background: url(../images/top/icon_event.jpg) top left no-repeat;
			}
			
			#kanko div.rss_item{
				text-align:right;
				font-size:10px;
				padding-right:10px;
			}
		
		#kanko p.more{
			float:right;
			padding: 0 10px 0 15px;
			background:url(../images/top/icon_arrow_brown.gif) left no-repeat;
		}
	
	#bosai{
		text-align:center;
		font-size:83.4%;
		margin-bottom:25px;
	}
	
	#camera{
		text-align:center;
		font-size:83.4%;
		margin-bottom:25px;
	}
	
	#pubcome{
		text-align:center;
		font-size:83.4%;
		margin-bottom:25px;
	}
	
		#camera p{padding-bottom:5px;}
	
	ul#kankei{
					padding:0;
					text-align:left;
					list-style:none;
		margin:5px 0 25px;
	}
		ul#kankei li{margin-bottom:10px;}
		ul#kankei li a:hover{
			filter: alpha(opacity=75);
			-moz-opacity:0.75;
			opacity:0.75;
		}



/* PR area　-----------------未使用--- */
/* PortalComposer用に変更 2012/12/12 */
#prArea{
	clear:both;
	width:950px;
	padding:25px 0 20px;
	text-align:center;
}
#bnrttl{
		width: 790px;
		margin: 5px 0 0 90px;
		color:#999;
		border-bottom: 3px solid #6BB40B;
}
	
	#prArea ul{
/*		display:inline; */
			margin: 5px 0 0 90px;
					padding:0;
					text-align:left;
					list-style:none;
	}
		#prArea ul li{
			display:inline;
			margin-right:5px;
			text-align:center;
		}
			#prArea ul li.txt{ color:#999;}
			#prArea ul li a img{vertical-align:middle;}

/* 公的バナー 2012/12/12 */
#catepr {
	float:left;
	width:190px;
	margin-top:15px;
	margin-left:20px;
}
	ul.sum_prbnr{
		margin:5px 0 25px;
					padding:0;
					text-align:left;
					list-style:none;
	}
		ul.sum_prbnr li{margin-bottom:10px;}
		ul.sum_prbnr li a:hover{
			filter: alpha(opacity=75);
			-moz-opacity:0.75;
			opacity:0.75;
		}
