@charset "UTF-8";

* {
	padding:0px;
	margin:0px;
}

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object { 
	margin: 0; 
	padding: 0; 
	vertical-align: baseline; 
}

body {   
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Osaka;
	font-size:62.5%;
}

h1,h2,h3,h4,h5,h6,p { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 1.0em;
}

table {border-spacing:0;} 
* html table {border-collapse:collapse;} 
*:first-child+html table {border-collapse:collapse;} 
caption,th {text-align:left; font-weight:normal;} 
table,th,td,img {border:0;} 
td {empty-cells:show;}
img,input {vertical-align:middle;} 
q:before,q:after {content:'';} 
ul {list-style: none;}
a {/*color:#0066FF;*/}
textarea {font-size:1.0em;}

/* ▼▽▼ ヘッダー共通部分の指定 ▼▽▼ */
#header {
	width:800px;
	padding:0px;
	margin:0px auto;
	position:relative;
	background-color:#5EB1F2;
	border-top:2px solid #1C52A8;
	border-left:1px solid #1C52A8;
	border-right:1px solid #1C52A8;
	border-bottom:2px solid #1C52A8;
}
/* Opera用hack */
*+html>/**/body #header {
	overflow:auto;
	height:auto;
}
	.header-img {
		width:287px;
		height:72px;
		position:relative;
		/*HideMacIE\*/
		overflow:hidden;
		float:left;
	}
	.header-img h1 a, .header-img ul a {
		text-decoration:none;
		font-size:1px;
		color:#5EB1F2;
	}
	.header-img h1 span {
		display:block;
		width:100%;
		height:72px;
		background:url(../img/img_header.gif) no-repeat;
		position:absolute;
		top:0px;
		left:0;
		cursor:pointer;
	}
	/* メニュー部分 */
	.header-link {
		padding:0px;
		border-top:1px solid #1C52A8;
		margin-top:41px;
		width:499px;
		float:right;
		vertical-align:bottom;
		text-align:right;
	}
	.header-link li {
		float:left;
		border-left:1px solid #1C52A8;
	}
	.header-link a {
		color:#0E2B57;
		font-size:16px;
		line-height:30px;
		text-decoration:none;
		padding:7px 10px 6px;
		background-color:#DCECF7;
	}
	/* IE7用にpadding-bottomを1px伸ばす */
	*:first-child+html .header-link a {
		padding:7px 10px 7px;
	}
	/* IE6.0用 */
	* html .header-link a {
		padding:7px 10px 6px;
	}
	/* safari,chrome用hack */
	body:first-of-type .header-link a {
		padding:7px 10px 7px;
	}
	/* Opera用hack */
	*+html>/**/body .header-link a {
		padding:7px 10px 7px;
	}
	/* Firefox用hack */
	/* すべてに効いてしまうためなしに */
	
	.header-link a:hover {
		color:#FFFFFF;
		background-color:#2776AA;
	}
/* ▲△▲ ヘッダー共通部分の指定 ▲△▲ */
	
/* ▼▽▼ メニュー・ボディ・フッター共通部分の指定 ▼▽▼ */
#menu {
	width:800px;
	padding:0px;
	margin:0px auto;
	border-top:none;
	border-left:#1C52A8 solid 1px;
	border-right:#1C52A8 solid 1px;
}
/* ▲△▲ メニュー・ボディ・フッター共通部分の指定 ▲△▲ */

/* ▼▽▼ ボディ部分の指定 ▼▽▼ */
#body {
	width:800px;
	padding:0px;
	margin:0px auto;
	　margin:-1px auto;
	border-left:#1C52A8 1px solid;
	border-right:#1C52A8 1px solid;
	padding-bottom:10px;
}
/* Opera用hack */
*+html>/**/body #body {
	overflow:auto;
}
	.top-img {
		border-bottom:2px solid #1C52A8;
		margin-bottom:10px;
	}
/* トップ左側 */
.body-left {
	float:left;
	width:450px;
	padding-left:10px;
	display:inline;
}
/* トップ右側 */
.body-right {
	float:right;
	width:320px;
	padding-right:10px;
	display:inline;
}
.body-center {
	padding:0px 10px;
}

.top-text {
	margin-bottom:10px;
	width:800px;
}
 	.top-text p {
		font-size:1.4em;
		line-height:1.6em;
		padding-left:20px;
	}
 	.top-text h4 {
		font-size:1.4em;
		line-height:1.6em;
	}
		.top-text-h4 {
			padding-left:20px;
		}
	.top-text h4 a {
		color:#FF9900;
	}
	.top-text span {
		padding-left:20px;
		font-size:1.2em;
		color:#666666;
	}
	.top-text ul {
		font-size:1.4em;
		line-height:1.4em;
		padding-left:20px;
	}
	.top-text li {
		margin-bottom:3px;
	}
	.midashi-h3 {
		border-left:10px solid #256CDE;
		font-size:1.8em;
		line-height:1.8em;
		font-weight:bold;
		padding:3px 0px;
		padding-left:10px;
		margin-bottom:10px;
	}
	/*  */
	.sub-midashi-h2 {
		border-left:10px solid #256CDE;
		font-size:1.8em;
		line-height:1.8em;
		font-weight:bold;
		padding:3px 0px;
		padding-left:10px;
		margin-bottom:10px;
	}
	.sub-midashi-h3 {
		border-left:7px solid #256CDE;
		font-size:1.8em;
		line-height:1.8em;
		font-weight:bold;
		padding:3px 0px;
		padding-left:10px;
		margin-top:10px;
		margin-left:20px;
		margin-bottom:10px;
	}
	.sub-midashi-h4 {
		font-size:1.6em;
		line-height:1.4em;
		font-weight:bold;
		padding:3px 0px;
		margin-left:20px;
		color:#256CDE;
	}
	/* △▲△▲△ */
	
		.top-gallery {
			padding-left:13px;
			width:auto;
		}
		.top-gallery dl {
			padding:0px 0px 0px 7px;
			margin:0px 0px 3px 0px;
			_margin:3px 3px 3px 0px;
			float:left;
			width:137px;
		}
		.top-gallery dt {
			margin:0px;
			padding:0px;
			width:137px;
		}
		.top-gallery h4 {
			text-align:center;
		}
		.top-gallery dd{
			padding:3px 1px 3px 1px;
			text-align:center;
		}
		.top-gallery img {
			margin:0px auto;
			padding:4px;
			border:#CCCCCC 1px solid;
			background-color:#FFFFFF;
			display:block;
			width:125px;
			height:94px;
		}

	/* トップ左側 お知らせ */
	.top-info {
		/*HideMacIE\*/
		overflow:hidden;
		width:621px;
		height:37px;
		display:block;
		position:relative;
	}
	.top-info span {
		background-image:url(../img/midashi_info.gif);
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}

/* トップ以外のページ */
.sub-text {
	margin:0px 10px;
	padding-top:10px;
	width:780px;
}
/* Pの文字サイズ */
.sub-text p {
	font-size:1.4em;
	line-height:1.4em;
}
/* ページの説明部分 */
.page-text {
	padding-left:20px;
}
/* ニュースページの見出し */
.midashi3news {
	border:1px solid #1C52A8;
	font-size:1.6em;
	margin-left:20px;
	padding:10px;
	background-color:#5EB1F2;
	color:#FFFFFF;
	font-weight:bold;
}
.midashi3newsp {
	border-left:1px solid #1C52A8;
	border-right:1px solid #1C52A8;
	font-size:0.8em;
	line-height:1.2em;
	margin-left:20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#333333;
}
.news-text {
	border-left:1px solid #1C52A8;
	border-right:1px solid #1C52A8;
	border-bottom:1px solid #1C52A8;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	margin-left:20px;
	margin-bottom:10px;
}
.sub-indent {
	margin-left:20px;
	width:760px;
}
/* ホームページ項目とＰＤＦのリンク */
.news-link {
	padding:5px 0px;
}
	.news-text ul{
		margin:10px 0px 0px;
		padding:0px;
	}
	.news-text li{
		margin-bottom:0px;
		padding:0px;
		display: inline;
	}
	.news-text img{
		padding:4px;
		border:#666666 1px solid;
		background-color:#FFFFFF;
	}
	.news-text a {
		/*text-decoration:none;*/
	}
	.pagelink {
		line-height:1.4em;
		width:760px;
		padding:0px;
		margin-left:20px;
		margin-top:1.0em;;
		margin-bottom:10px;		
	}
	.pagelink-left {
		width:50%;
		float:left;
		text-align:left;
	}
	.pagelink-right {
		width:50%;
		float:right;
		text-align:right;
	}
.disclosure-text {
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}
	/* 情報公開 */
	.disclosure-text dt {
		font-size:1.4em;
		line-height:1.6em;
	}
	.maru {
		color:#1C52A8;
	}	
	.disclosure-text dd {
		padding-left:42em;
		margin-top:-1.6em;
		font-size:1.4em;
		line-height:1.6em;
	}
	.disclosure-text img {
		border:none;
	}

	/* お問い合わせ */
	.contact {
		padding:5px 0px;
		padding-left:40px;
	}
	.contact dl {
	}
	.contact dt {
		font-size:1.4em;
		line-height:1.4em;
		font-weight:bold;
		color:#1C52A8;
	}
	.contact dd {
		font-size:1.4em;
		line-height:1.4em;
		padding-left:4em;
		margin-top:-1.4em;
	}
  /* ライブラリー ブック */
	.library-book {
		width:400px;
		border:#1C52A8 1px solid;
		border-collapse:collapse;
		font-size:1.4em;
		line-height:1.4em;
		margin-top:10px;
		margin-left:20px;
		margin-bottom:10px;
	}
	.library-book td {
		border:#1C52A8 1px solid;
		padding:5px;
		vertical-align:middle;
	}
	.library-book-midashi {
		background-color:#256CDE;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
	}
	.library-book-cell {
		background-color:#F3F7FE;
	}
	
  /* ライブラリー ビデオ */
	.library-video1, .library-video2 {
		width:500px;
		border:#1C52A8 1px solid;
		border-collapse:collapse;
		font-size:1.4em;
		line-height:1.4em;
		margin-top:5px;
		margin-left:20px;
		margin-bottom:10px;
	}
	.library-video1 td, .library-video2 td {
		border:#1C52A8 1px solid;
		padding:5px;
		vertical-align:middle;
	}
	.library-video-midashi1, .library-video-midashi2 {
		background-color:#256CDE;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
	}
	.library-video-cell1, .library-video-cell2 {
		background-color:#F3F7FE;
	}
	.library-video-midashi1, .library-video-cell1 {
		width:17px;
	}
	.library-video-midashi2, .library-video-cell2 {
		width:460px;
	}
	
	/*  */
	.library-video2 {
		width:720px;
	}
	.library-video2-midashi1, .library-video2-midashi2, .library-video2-midashi3 {
		background-color:#256CDE;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
	}
	.library-video2-cell1, .library-video2-cell2, .library-video2-cell3 {
		background-color:#F3F7FE;
	}
	.library-video2-midashi1, .library-video2-cell1 {
		width:17px;
	}
	.library-video2-midashi2, .library-video2-cell2 {
		width:380px;
	}
	.library-video2-midashi3, .library-video2-cell3 {
		width:289px;
	}
	
	/* 青年部 */
	.youth-dl {
		margin-left:20px;
		font-size:1.4em;
		line-height:1.4em;
	}
	.youth-dl dt {
		color:#184A95;
		font-weight:bold;
	}
	.youth-dl dd {
		padding-left:1.0em;
		margin-bottom:1.0em;
	}
	
	/*  */
	/* 管理者 */
	.login {
		width:300px;
		border:1px solid #1D77FF;
		border-collapse:collapse;
		margin:auto;
	}
	.login-midashi {
		border:1px solid #1D77FF;
		background-color:#B7D5FF;
		width:100px;
		padding:5px;
		font-size:1.4em;
	}
	.login-text {
		border:1px solid #1D77FF;
		background-color:#FFFFFF;
		width:174px;
		padding:5px;
		font-size:1.4em;
	}
	.login-input {
		width:174px;
	}
	
	.login-menu {
		font-size:1.4em;
		line-height:1.4em;
		width:auto;
		border-bottom:1px solid #1C52A8;
		margin-bottom:10px;
		margin-left:20px;
	}
	.login-menu li {
		float:left;
		border-top:#1C52A8 1px solid;
		border-left:#1C52A8 1px solid;
		border-right:#1C52A8 1px solid;
		margin-left:5px;
	}
	.login-menu a {
		padding:5px 10px;
		display:block;
		background-color:#E2F1F5;
		text-decoration:none;
	}
	.login-menu a:hover {
		background-color:#76D0F8;
		color:#FFFFFF;
	}
	.admin-list {
		width:760px;
		margin:0px 0px 10px 20px;
		border-top:#1D77FF 1px solid;
		border-left:#1D77FF 1px solid;
	}
	/* 見出し */
	.admin-list-midashi, .admin-list-title, .admin-list-del, .admin-list-disc-midashi, .admin-list-disc-title, .admin-list-disc-del, .admin-input-midashi, .admin-list-disc1, .admin-list-disc2, .admin-midashi1, .admin-midashi2, .admin-midashi3, .admin-midashi4 {
		padding:5px;
		border-right:#1D77FF 1px solid;
		border-bottom:#1D77FF 1px solid;
		background:#B7D5FF;
		color:#000000;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
		width:186px;
		vertical-align:middle;
	}
	/* リストページ */
	.admin-list-midashi {
		width:176px;
	}
	.admin-list-title {
		width:500px;
	}	
	.admin-list-del {
		width:50px;
		text-align:center;
	}
	/* 情報公開登録 リスト */
	.admin-list-disc1 {
		width:400px;
	}
	.admin-list-disc2 {
		width:337px;
	}
	.form-400px {
		width:396px;
	}
	.form-337px {
		width:337px;
	}

	.admin-list-disc-midashi {
		width:175px;
	}
	.admin-list-disc-title {
		width:440px;
	}	
	.admin-list-disc-del {
		width:50px;
		text-align:center;
	}
	.form-30px {
		width:30px;
	}
	
	/* 入力ページ */
	/* 見出し */
	.admin-input-midashi {
		width:176px;
	}
	
	.admin-midashi2 {
		width:450px;
	}
	.admin-midashi3 {
		text-align:center;
		width:400px;
	}
	.admin-midashi4 {
		text-align:center;
		width:43px;
	}
	/* 内容 */
	.admin-text, .admin-text-right, .admin-text-center, .admin-input-text, .admin-text1, .admin-text2, .admin-text3, .admin-text4 {
		padding:5px;
		border-right:#1D77FF 1px solid;
		border-bottom:#1D77FF 1px solid;
		background:#FFFFFF;
		font-size:1.2em;
		line-height:1.4em;
	}
	/* 汎用 */
	.admin-text {
		text-align:left;
	}
	.admin-text-right {
		text-align:right;
	}
	.admin-text-center {
		text-align:center;
	}
	
	/* 入力部 */
	.admin-input-text {
		width:561px;
	}
	
	
	.admin-text2 {
		width:450px;
	}
	.admin-text3 {
		width:400px;
	}
	.admin-text4 {
		width:43px;
		text-align:center;
	}
	.admin-submit {
		text-align:center;
	}
	.admin-submit input {
		width:200px;
	}
	.admin-submit-input {
		width:200px;
	}
/* ▲△▲ ボディ部分の指定 ▲△▲ */

/* ▼▽▼ メニュー部分の指定 ▼▽▼ */
#footer {
	width:800px;
	padding:0px;
	margin:0px auto;
	border-top:#1C52A8 3px solid;
	border-left:#1C52A8 solid 1px;
	border-right:#1C52A8 solid 1px;
	border-bottom:#1C52A8 solid 1px;
	text-align:center;
	padding:5px 0px;
	background-color:#E6EDF7;
}
	#footer h6 {
		font-size:1.6em;
		line-height:1.4em;
		font-weight:bold;
		color:#002F7D;
	}
	#footer p {
		font-size:1.2em;
		line-height:1.2em;
	}
	#footer img {
		border:none;
	}
	.imgleft{
		padding:5px;
		border:#CCCCCC solid 1px;
		background-color:#FFFFFF;
		float:left;
		margin-top:3px;
		margin-right:1em;
		margin-bottom:1em;
	}
	.imgright{
		padding:5px;
		border:#CCCCCC solid 1px;
		background-color:#FFFFFF;
		float:right;
		margin-top:3px;
		margin-left:1em;
		margin-bottom:1em;
	}
	.imgfull{
		padding:5px;
		border:#CCCCCC solid 1px;
		background-color:#FFFFFF;
		margin-left:11px;
	}
	.imgnone{
		padding:5px;
		border:#CCCCCC solid 1px;
		background-color:#FFFFFF;
	}
	.imgleftnone{
		padding:5px;
		background-color:#FFFFFF;
		float:left;
		margin-top:3px;
		margin-right:1em;
		margin-bottom:1em;
	}
	.imgrightnone{
		padding:5px;
		background-color:#FFFFFF;
		float:right;
		margin-top:3px;
		margin-left:1em;
		margin-bottom:1em;
	}
	.text-right {
		text-align:right;
	}
	.text-left {
		text-align:left;
	}
	.text-center {
		text-align:center;
	}
	.bold {
		font-weight:bold;	
	}
	.redbold {
		font-weight:bold;
		color:#FF0000;		
	}
.clearing {
/*	clear:both;
	font-size:1px;
	　display:none;	/* IE7で隙間が空くため*/

	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	　display:none;	/* IE7で隙間が空くため*/
}
.form100px {
	width:100px;
}
.form-100p {
	width:561px;
}