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

/* リセット＆デフォルトスタイル */
body, header, hgroup, nav, aside, footer, article, section, blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
	margin:0;
	padding:0;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}
header, hgroup, nav, aside, footer, article, section {
	display:block;
}
body {
	text-align:center;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	min-width:1000px;
	background:#B50000;
}
a {
	color:#663300;
	text-decoration:none;
}
a:hover {
	color:#663300;
	text-decoration:underline;
}
a img {
	border-style:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	clear:both;
	color:#333;
	font-size:100%;
	margin:1.6em 0 0.4em 0;
	font-weight:bold;
}
P, ul, ol, dl {
	margin-bottom:1.8em;
	text-align:justify;
	text-justify:inter-ideograph;
}
ul li, ol li {
	margin-bottom:0.2em;
}
dl {
	margin:0 0 0.8em 0;
}
dl dt {
	margin:0 0 0.2em 0;
	font-weight:bold;
}
dl dd {
	margin:0 0 0.4em 0;
	padding:0;
}
ul {
	list-style-position:outside;
	margin-left:1.8em;
}
ol {
	list-style:decimal outside;
	margin-left:1.8em;
}
table {
	margin-bottom:1.5em;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-collapse:collapse;
}
th {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#ffebdd;
	padding:3px;
	font-weight:normal;
	color:#663300;
}
td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:3px;
}
/* 構造と共通フレーム */

/* ヘッダー */
#head_wrap {
	width:100%;
	height:100px;
	background:url(/volunteer-center/event/2012report/img/common/header_bg.gif) left top repeat-x;
}
#head {
	width:950px;
	margin:0 auto;
	padding:0;
	height:auto;
	text-align:left;
	overflow:hidden;
	display:table;
}
	/* タイトルロゴ */
	#head .site_title {
		width:390px;
		height:100px;
		float:left;
		margin:0;
		position:relative;
	}
	#head .site_title a {
		display:block;
		width:390px;
		height:100px;
	}
	#head .site_title img {
		position:absolute;
	}

/* コンテンツ */
#con_wrap {
	width:100%;
	background:url(/volunteer-center/event/2012report/img/common/con_bg.jpg) left top;
}
#contents {
	width:950px;
	margin:0 auto;
	padding:0;
	height:auto;
	text-align:left;
	overflow:hidden;
	display:table;
}

	/* ナビ */
	#contents #navi {
		width:200px;
		float:left;
		background:url(/volunteer-center/event/2012report/img/common/snavi_bg.gif) left top repeat-y;
		padding:15px 0 20px 0;
		overflow:hidden;
	}

		/* ナビ部分 */
		#contents #navi ul {
			width:200px;
			margin:0;
			padding:0;
			list-style:none;
		}
			#contents #navi li {
				width:170px;
				float:left;
				clear:both;
				padding:5px 15px;
				font-weight:normal;
				font-size:15px;
				border-bottom:1px dashed #663300;
			}
				#contents #navi li a {
					width:145px;
					background:url(/volunteer-center/event/2012report/img/common/snavi_b_icon_off.gif) left center no-repeat;
					padding:0 0 0 25px;
					float:left;
					clear:both;
				}
				#contents #navi li a:hover {
					background:url(/volunteer-center/event/2012report/img/common/snavi_icon_on.gif) left center no-repeat;
					text-decoration:none;
					color:#CC0000;
					font-weight:bold;
				}
				#contents #navi li a.current {
					background:url(/volunteer-center/event/2012report/img/common/snavi_icon_on.gif) left center no-repeat;
					text-decoration:none;
					color:#CC0000;
					font-weight:bold;
				}
			#contents #navi li:last-child {
				border-bottom:none;
			}
			#contents #navi li ul {
				width:145px;
				float:left;
				clear:both;
				margin:8px 15px 5px 25px;
				_display:inline;
			}
			#contents #navi li ul li {
				width:145px;
				float:left;
				clear:both;
				font-size:13px;
				border-bottom:none;
				margin:0;
				padding:0;
			}
				#contents #navi li ul li a {
					width:110px;
					float:left;
					clear:both;
					padding:5px 5px 5px 30px;
					background:url(/volunteer-center/event/2012report/img/common/snavi_s_icon_off.gif) #89684D 5px center no-repeat;
					color:#FFFFFF;
					border-bottom:1px solid #DDC3AF;
				}
				#contents #navi li ul li a:hover {
					background:url(/volunteer-center/event/2012report/img/common/snavi_icon_on.gif) #FFE8D7 5px center no-repeat;
					text-decoration:none;
				}
				#contents #navi li ul li a.current {
					background:url(/volunteer-center/event/2012report/img/common/snavi_icon_on.gif) #FFE8D7 5px center no-repeat;
					text-decoration:none;
				}

	/* コンテンツエリア */
	#contents #con_area {
		width:750px;
		float:right;
		padding:0 0 20px 0;
	}

		#contents #con_area .base {
			width:700px;
			margin:0 0 0 40px;
		}
		#contents #con_area .indent {
			width:682px;
			margin:0 0 0 18px;
		}

		#contents #con_area h1 {
			width:700px;
			margin:20px 0 20px 25px;
			padding:10px 10px 10px 15px;
			font-size:16px;
			background:#663300;
			color:#FFFFFF;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			-o-border-radius:20px;
			-ms-border-radius:20px;
			letter-spacing:2px;
		}
		#contents #con_area h2 {
			width:99%;
			margin:0 0 15px 0;
			padding:5px 0 5px 1%;
			color:#663300;
			font-size:16px;
			border-left:8px solid #663300;
		}
		#contents #con_area h3 {
			width:98%;
			margin:0 0 15px 2%;
			padding:5px 0 5px 0;
			color:#663300;
			font-size:14px;
			border-top:1px solid #663300;
			border-bottom:1px solid #663300;
			font-weight:normal;
		}
		#contents #con_area h3:before {
			content:"◆ ";
		}
		#contents #con_area h3:after {
			content:" ◆";
		}
		#contents #con_area h4 {
			width:98%;
			margin:0 0 15px 2%;
			padding:0 0 3px 0;
			color:#663300;
			font-size:14px;
			font-weight:normal;
			border-bottom:1px dashed #663300;
		}
		#contents #con_area h4:before {
			content:"▼ ";
		}
		#contents #con_area p {
			width:98%;
			margin:0 0 20px 2%;
			overflow:hidden;
		}
		#contents #con_area table {
			margin:0 0 25px 2%;
			overflow:hidden;
		}
		#contents #con_area hr {
			width:700px;
			height:1px;
			margin:0 0 25px 0;
			border-top:1px dashed #666666;
			border-bottom:none;
			border-left:none;
			border-right:none;
		}

		/* カテゴリトップに戻る */
		#contents #con_area .cat_top {
			width:725px;
			margin:50px 0 25px 25px;
			padding:5px 0 0 0;
			border-top:1px solid #CCCCCC;
			text-align:center;
			font-size:11px;
		}

		/* トップに戻る */
		#contents #con_area .back_area {
			width:725px;
			margin:25px 0 25px 25px;
			padding:5px 0;
			border-top:1px solid #CCCCCC;
			border-bottom:1px solid #CCCCCC;
			font-size:11px;
			overflow:hidden;
		}
			#contents #con_area .back_area ul {
				width:725px;
				margin:0;
				padding:0;
				list-style:none;
			}
			#contents #con_area .back_area li.top {
				width:350px;
				margin:0;
				padding:0;
				float:left;
			}
			#contents #con_area .back_area li.page_top {
				width:350px;
				margin:0;
				padding:0;
				float:right;
				text-align:right;
			}

			/* 特記事項 */
			.notes {
				width:100%;
				clear:both;
				margin:15px 0 25px 0;
				padding:0;
				background:#e6d9c4;
				border-radius:10px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				-o-border-radius:10px;
				-ms-border-radius:10px;
				overflow:hidden;
			}
			.notes strong {
				display:block;
				width:90%;
				clear:both;
				margin:8px 0 10px 0;
				padding:0 5% 5px 5%;
				border-bottom:3px solid #999999;
				color:#663333;
				font-weight:bold;
			}
			.notes p {
				width:90%;
				clear:both;
				margin:0 0 12px 0;
				padding:0 5%;
			}

/* フッター */
#footer_wrap {
	width:100%;
	height:150px;
	background:url(/volunteer-center/event/2012report/img/common/footer_bg.gif) left top repeat-x;
}
#footer {
	width:950px;
	margin:0 auto;
	padding:25px 0 0 0;
	height:auto;
	text-align:right;
	overflow:hidden;
	display:table;
	color:#FFFFFF;
	font-size:11px;
}



/* 汎用クラス */
.small {
	font-size:10px;
	line-height:14px;
}

.aln_c {
	text-align:center;
}

.aln_l {
	float:left;
	text-align:left;
	margin:0 10px 10px 0;
}

.aln_r {
	float:right;
	text-align:right;
	margin:0 0 10px 10px;
}

.clm2_l {
	float:left;
	text-align:center;
	padding:0 18px 10px 0;
	font-size:10px;
	line-height:14px;
}

	.aln_c img,
	.aln_l img,
	.aln_r img,
	.clm2_l img {
		padding:0 0 5px 0;
	}



.mrg_t15 {
	margin-top:15px;
}
