@charset "utf-8";

@import "css/design.css";   /* 共通 */



/* html5に対応していないブラウザ用 */ 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}


/* GENERAL */
body {
	background: url(images/bg.gif) left top repeat-x #FFFBF0;
	margin: 0;
	padding: 0;
	font-family:'ＭＳ Ｐゴシック',sans-serif,'メイリオ',Meiryo;
	font-size: 14px; /*90%;*/
	color: #000;
}

img{	border: none;}

hr{
	clear: both;
	height: 1px;
	border: solid #69562E;
	border-width: 1px 0 0 0;
}

a{ color: #333333;}
a:hover{ text-decoration: none; }


/*-------------------------------------------*/	
/* header */
header{
	width: 100%;
	height: 110px;
	margin: 0 auto 30px auto;
	padding: 0;
}


	hgroup{
		width: 950px;
		height: 110px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}


	/* -----header nav1----- */
	header .nav1 ul{
		display: block;
		width: 950px;
		margin: 0;
		padding: 0;
	}
		header .nav1 li{
			float: right;
			list-style: none;
		}
			header .nav1 li a{
				display: block;
				width: 100px;
				height: 23px;
				padding: 7px 0 0;
				background: url(images/allow_d.gif) right top no-repeat;
				text-align: center;
				text-decoration: none;
				font-size: 12px;
				color: #FFF;
			}
				header .nav1 li a:hover{
					text-decoration: underline;
				}
	
	/* -----header logo_nav----- */
	
	#logo_nav{
		width: 100%;
		height: 120px;
		clear: both;
	}
	
	/* -----nav2----- */
			
	header #logo_nav .nav2 ul{
		float: right;
		display: block;
		width: 645px;
		height: 60px;
		margin: 0;
		padding: 0;
	}
	
		header #logo_nav .nav2 li{
			float: left;
			display: inline;
			list-style: none;
		}
		
			header #logo_nav .nav2 li a{
				display: block;
				height: 60px;
				text-indent: -9999px;
			}
			
				header #logo_nav .nav2 li a.nav2_1{
					width: 180px;
					background: url(images/header_nav1.png) left top no-repeat;
				}
				
				header #logo_nav .nav2 li a.nav2_2{
					width: 154px;
					background:url(images/header_nav2.png) left top no-repeat;
				}
				
				header #logo_nav .nav2 li a.nav2_3{
					width:155px;
					background:url(images/header_nav3.png) left top no-repeat;
				}
				
				header #logo_nav .nav2 li a.nav2_4{
					width:156px;
					background:url(images/header_nav4.png) left top no-repeat;
				}
			
			header #logo_nav .nav2 li a:hover{ background-position: left -60px;}	
	
	/* -----logo----- */
	#logo {
		float:left;
		width: 305px;
		height: 80px;
		padding: 0;
		margin: 0;
		text-indent: -9999px;
	}
	
		#logo h1,h2{
			margin: 0;
			padding: 0;
		}
		
			#logo h1 a{
				display: block;
				width: 305px;
				height: 80px;
				text-decoration: none;
				background: url(images/logo.png) left top no-repeat;
			}




/*-------------------------------------------
#container
---------------------------------------------*/
#container {
	width: 950px;
	margin: 0 auto 40px;
	padding: 0;
	overflow: hidden;
}

		section:after {
		  content : "";
		  display : block;
		  height : 0;
		  clear : both;
		}
				
			
		
/*-------------------------------------------
#side_nav
---------------------------------------------*/
#side_nav{
	float: right;
	width: 305px;
}

	#side_nav ul.side_menu{
		margin: 0 0 10px;
		padding: 8px 15px 15px;
		list-style: none;
		border: 5px solid #000;
		background-color: #FFF;
	}
	
		#side_nav ul.side_menu li{
			margin: 0;
			padding: 0;
		}
		
			#side_nav ul.side_menu li a{
				display: block;
				margin: 0;
				padding: 13px 15px;
				font-size: 13px;
				border-bottom: 1px dotted #000;
				background: url(images/allow_a.gif) left center no-repeat;
				color: #000;
				text-decoration: none;
			}
			
			#side_nav ul.side_menu li a:hover{
				text-decoration: underline;
			}


	#side_nav ul.side_bt{
		margin: 0;
		padding: 0;
	}
	
		#side_nav ul.side_bt li{
			display: block;
			width: 295px;
			height: 60px;
			margin-bottom: 10px;
			padding: 0;
			border: 5px solid #000;
			background-color: #FFF;
			list-style: none;
		}
		
			#side_nav ul.side_bt li a{
				display: block;
				width: 295px;
				height: 60px;
			}
			
			#side_nav ul.side_bt li a img:hover{
				opacity: 0.5;
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
			}


	#side_nav #map{
		width: 295px;
		height: 275px;
		border: 5px solid #000;
		background-color: #FFF;
	}
	
		#side_nav #map p.map_title{
			display: block;
			width: 295px;
			height: 25px;
			margin: 0 0 6px;
			padding: 10px 0 0;
			text-align: center;
			font-weight: bold;
			background: url(images/map_title.gif) left top no-repeat;
		}
		
		#side_nav #map p.map{
			width: 270px;
			height: 185px;
			margin: 0 auto 0 auto;
		}
		
		#side_nav #map p.adress{
			margin : 0;
			padding: 10px;
			line-height: 125%;
			font-size: 12px;
		}
		




/*-------------------------------------------
#content_page
---------------------------------------------*/
#content_page{
	float: left;
	width: 605px;
	padding: 10px 10px 20px;
	border: 5px solid #000;
	background-color: #FFF;
}

	#content_page h2{
		display:block;
		margin: 0 0 15px;
		padding: 0;
	}
		/* お知らせ・活動報告詳細用 */
		#content_page h2.news_report_tl{
			display:block;
			width: 560px;
			margin: 0 0 15px;
			padding: 10px 15px;
			font-size: 18px;
			border: 5px solid #000;
			background: #FFFBF0;
		}
		
	#content_page h3{
		display: block;
		margin: 25px 0 25px; /*margin: 0 0 25px;*/
		padding: 6px 10px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		letter-spacing: 0.1em;
		color: #FFF;
		background-color: #000;
	}	
		/* お知らせ・活動報告詳細用 */
		#content_page h3.news_report_tl{
			display: block;
			margin: 0 0 5px;
			padding: 6px 10px;
			font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			letter-spacing: 0.1em;
			color: #FFF;
			background-color: #000;
		}
	
	#content_page h4{
		display: block;
		margin: 0;
		padding: 8px 0;
		font-size: 16px;
		color: #009FE9;
	}
	
	#content_page h5{
		display: block;0
		margin: 0 0 10px;
		padding-left: 23px;
		font-size: 14px;
		color: #FF8C14;
		background: url(images/allow_c.gif) left top no-repeat;
	}
	
	#content_page p{
		padding: 0 10px;
		line-height: 180%;
	}	
		#content_page p.img{
			margin: 0 0 10px;
			padding: 0;
			line-height: 180%;
		}
	#content_page .volunteer_txt{
		margin: 18px 0 30px;
		padding: 10px 15px;
		line-height: 180%;
		border: 1px solid #000;
	}
	
	#content_page ol{
		margin: 0;
		padding: 0 10px 0 30px;
		line-height: 180%;
	}
	
	#content_page dl{
		display:block;
		width: 605px;
		margin: 0 0 60px;
		padding: 0;
		clear: both;
		overflow: hidden;
	}
	
		#content_page dl dt{
			float: left;
			display: block;
			width: 220px;
			margin: 0;
			padding: 0;
		}
		
		#content_page dl dd{
			float: right;
			display: block;
			width: 355px;
			margin: 0;
			padding: 0 10px 0 0;
			line-height: 180%;
		}


		
		
/*-------------------------------------------
pankuzu
---------------------------------------------*/		
#pankuzu{
	width: 595px;
	margin: 0 0 10px;
	padding: 0;
}
	#pankuzu p{
		margin: 0;
		padding: 0;
		font-size: 11px;
	}
	
			#pankuzu p a{
				padding: 0;
				color: #FF8C14;
				text-decoration: underline;
			}
			
				#pankuzu p a:hover{
					text-decoration: none;
					color: #FFCC22;
				}	




/*--------------------------------------------
footer setting
----------------------------------------------*/
#footer{
	width: 100%;
	min-width: 960px;
	height: 120px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0;
	background: #000;
	color: #FFF;
}
	#footer p.footer_nav{
		display: block;
		width: 950px;
		height: 25px;
		margin: 12px auto;
		padding: 0;
		font-size: 14px;
	}
		#footer p.footer_nav a{
			color: #FFF;
		}
			#footer p.footer_nav a:hover{
				text-decoration: none;
			}
	
	#footer p{
		margin: 8px 0 0;
		padding: 0;
		text-align: center;
		font-size: 12px;
		line-height: 120%;
	}





/*--------------------------------------------
table setting
----------------------------------------------*/
/* 
table_a */
table.table_a{
	width: 605px;
	margin: 0 auto 0 auto;
}

	table.table_a th{
		padding: 8px 10px;
		border: 1px solid #000;
		background: #FFCC22;
		font-weight: normal;
	}
	
	table.table_a td{
		padding: 8px 10px;
		vertical-align: top;
		border: 1px solid #000;
	}
	
	
/* 
table_b */
table.table_b{
	width: 605px;
}

	table.table_b tr td{
		vertical-align: top;
	}


/* 
table_c */
table.table_c{
	width: 605px;
}

	table.table_c tr td{
		width: 80%;
		padding: 0 0 0 15px;
		font-size: 13px;
		line-height: 180%;
		vertical-align: top;
	}




/*--------------------------------------------
list setting
----------------------------------------------*/
/* 
list_a */
.list_a{
	display: block;
	margin: 0 0 25px;
	padding: 0 10px;
}
	.list_a li{
		display: block;
		margin: 0;
		padding: 12px 15px;
		border-bottom: 1px dotted #000;
		background: url(images/allow_a.gif) left center no-repeat;
		list-style: none;
	}
		.list_a li a{
			color: #000;
			text-decoration: none;
		}
		.list_a li a:hover{
			text-decoration: underline;
		}


/* 
list_b */
ul.list_b{
	display: block;
	width: 592px;
	margin: 0;
	padding: 0 0 0 13px;
	overflow: hidden;
}
	ul.list_b li{
		display: block;
		float: left;
		margin: 0 0 30px;
		padding: 0 18px 0 0;
		list-style: none;
	}
		ul.list_b li a.img{
			display: block;
			width: 130px;
			height: 102px;
			margin: 0 0 5px;
		}
			ul.list_b li a.img:hover{
				opacity: 0.5;
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
			}
		
		ul.list_b li a.tl{
			display: block;
			width: 90px;
			margin: 0 auto 0 auto;
			padding: 8px 15px;
			text-align: center;
			color: #FFF;
			font-size: 13px;
			text-decoration: none;
			background: #000;
			
			/* border-radius */
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;
		}
			ul.list_b li a.tl:hover{
				text-decoration: underline;
			}


/* 
list_c */
.list_c{
	display: block;
	margin: 0 0 25px;
	padding: 0 0;
}
	.list_c li{
		display: block;
		margin: 0;
		padding: 10px 15px 0 15px;
		list-style: none;
		font-size: 13px;
		background: url(images/allow_e.gif) left 12px no-repeat;
	}
		.list_c li a{
			color: #000;
		}
		.list_c li a:hover{
			text-decoration: none;
		}



/* 
list_d */
.list_d{
	display: block;
	margin: 0 0 10px;
	padding: 0 0;
}
	.list_d li{
		display: block;
		margin: 0;
		padding: 5px 0 5px 15px;
		list-style: none;
		background: url(images/allow_e.gif) left center no-repeat;
	}




/*--------------------------------------------
news_report_list お知らせ・活動報告一覧
----------------------------------------------*/
#news_report_list{
	margin-bottom: 40px;
}

	#news_report_list aside{
		margin: 0;
		padding: 0;
		width: 600px;
		overflow: hidden;
		clear:both;
	}
		
	#news_report_list ul{
		width: 600px;
		margin: 0;
		padding: 0 0 0 5px;
		list-style: none;
	}	

		#news_report_list li{
			display: block;
			margin: 0;
			padding: 5px 10px 7px 0;
			list-style: none;
			font-size: 12px;
			line-height: 180%;
			border-bottom: 1px dotted #000;
			word-wrap:break-word;
		}
		
		#news_report_list li time{
			display: block;
			padding: 0 0 0 12px;
			color: #0099CC;
			font-family:Verdana, Geneva, sans-serif;
			background: url(images/allow_b.gif) left 7px no-repeat;
		}
		
			#news_report_list li a{
				color: #333;
			}
			
				#news_report_list li a:hover{
					text-decoration: none;
				}




/* 
pref_next
-------------------------------------------*/
.pref_next p{
	margin: 20px 0;
	font-size: 14px;
	text-align: center;
}

	.pref_next p strong{
		margin: 0 2px;
		padding: 5px 8px;
	}

	.pref_next p a{
		border: 1px solid #ccc;
		margin: 0 2px;
		padding: 5px 8px;
		color: #666;
	}

	.pref_next p a:hover{
		background: #ccc;
		color: #000;
		text-decoration: none;
	}