﻿@charset "utf-8";

body {
	background-repeat: repeat-x;
}
#container { width: 100%; }
#wrapper {}

a:hover { cursor: pointer; }

/* センター揃え箇所 */
header #headers,
/*
header #slider-area,
*/
header h2,
header nav ul,
#main,
footer nav,
footer #copyright { margin: 0 auto; width: 950px; text-align: center;	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
 }

/* ヘッダー */
header {
	}
	header h1,
	header h2 {
		}
		header h1 {
			width: 530px;
			height: 90px;
		}
		header h2 {
			width: 850px;
			text-align: center;
		}
		header #headers {
			/*
			display: -webkit-box;
			display: -moz-box;
			display: -o-box;
			display: box;
			*/
			}
			header #headers h1 {
				float: left;
				/*
				-webkit-box-ordinal-group: 1;
				-moz-box-ordinal-group: 1;
				-o-box-ordinal-group: 1;
				box-ordinal-group: 1;
				*/
			}
			header #headers #header-sub {
				float: left;
				width: 420px;
				text-align: right;
				/*
				-webkit-box-ordinal-group: 2;
				-moz-box-ordinal-group: 2;
				-o-box-ordinal-group: 2;
				box-ordinal-group: 2;
				*/
			}
			/*
			@-moz-document url-prefix() {
				header #headers h1,
				header #headers #header-sub {
					float: left;
					}
			}
			*/
			header #headers #header-sub h5 {
				height: 25px;
				line-height: 25px;
				}
				header #headers #brows-setting {
					}
					header #headers #brows-setting #font-set {
						display: inline-block;
						height: 25px;
					}
					header #headers #brows-setting #font-set img {
						margin: 0;
						padding: 0;
					}
					header #headers #brows-setting #voice {
						display: inline-block;
					}
				header #headers #srchBox {
					margin-top: 10px;
				}
	header #slider-area {
		clear: both;
		}
		header #slider-area a {
			color: #ffffff;
			text-decoration: underline;
			letter-spacing: 0.3em;
		}
		header #slider-area a:hover {
		}
		header #slider-area {
			background-color: #0099FF;
			height: 300px;
			margin-bottom: 104px;
		}
		header #slider-area .c-panel {
			margin: 0 auto;
		}

	header nav {
		margin-top: 10px;
		background: url('../imgs/menu_bg.jpg') repeat-x;
		list-style: none;
		}
		header nav ul {
			display: -webkit-box;
			/* display: -moz-box; */
			width: 952px;
			border-right: solid 2px #ffffff;
		}
		header nav ul li {
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			width: 232px;
			*width: 236px;
			border-left: solid 2px #ffffff;
			background-color: #ffcc00;
			}
			header nav li:last-child {}
			header nav li a {}

		#menu li {
			float: left;
			padding: 0;
			position: relative;
			line-height: 0;
		}

		#menu a {
			color: #0000FF;
			float: left;
		}
		#menu li:hover > a{
		}
		*html #menu li a:hover /* IE6 */{
		}
		#menu li:hover > ul{
			display: block;
		}
		/* Sub-menu */
		#menu ul {
			list-style: none;
			margin: 0 auto;
			padding: 0;
			display: none;
			position: absolute;
			top: 50px;
			left: 0;
			*width: 232px;
			z-index: 99999;
			}
			#menu ul ul {
				top: 0;
				left: 236px;
			}
			#menu ul li {
				float: none;
				margin: 0;
				padding: 0;
				display: block;
				}
				#menu ul li:last-child {
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					box-shadow: none;
				}
			#menu ul a{
				padding: 10px 0;
				height: auto;
				line-height: 1;
				display: block;
				white-space: nowrap;
				float: none;
				text-transform: none;
				}
				*html #menu ul a /* IE6 */{
					height: 10px;
				}
		*:first-child+html #menu ul a /* IE7 */{
			height: 10px;
		}
		#menu ul a:hover{}
		#menu ul li:first-child > a{}
		#menu ul li:first-child > a:after{
			content: '';
			position: absolute;
			left: 30px;
			top: -8px;
			width: 0;
			height: 0;
		}
		#menu li li {
			border: none;
			border-top: 2px solid #ffffff;
			width: 236px;
			top: -2px;
			left: 0;
			text-align: left;
			text-indent: 1em;
			*margin: -2px;
			*top: 0;
			*left: 2px;
			}
			#menu li li li {
				margin-left: 2px;
				*left: 0;
			}
		#menu ul ul li:first-child a:after{
			top: 12px;
			width: 0;
			height: 0;
			}
			#menu ul li:first-child a:hover:after{
				border-bottom-color: #04acec; 
				*margin: 0;
			}
			#menu ul ul li:first-child a:hover:after{
				border-right-color: #04acec; 
				border-bottom-color: transparent; 	
			}
			#menu ul li:last-child > a {}

		/* Clear floated elements */
		#menu:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}

		* html #menu             { zoom: 1; } /* IE6 */
		*:first-child+html #menu { zoom: 1; } /* IE7 */

/* サイトマップ */
.sitemap {
	float:left;
	padding:9px 0 0 80px;
}

/* メインコンテンツ */
#main {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0;
	text-align: left;
	/*
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	*/
	}
	#main h1 {
		height: 30px;
		line-height: 30px;
	}
	#main #left-area,
	#main #center-area,
	#main #right-area {
		float: left;
		}
		/*
		@-moz-document url-prefix() {
			#main #left-area,
			#main #center-area,
			#main #right-area {
				float: left;
				}
		}
		*/
	#main #left-area {
		clear: both;
		width: 250px;
		/*
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-o-box-ordinal-group: 1;
		box-ordinal-group: 1;
		*/
		}
		#main #left-area {
			clear: both;
		}
		#main #left-area ul {
			margin-bottom: 15px;
			}
			#main #left-area ul li {
				margin-top: 15px;
			}
	#main #center-area {
		margin: 0 50px;
		width: 450px;
		/*
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-o-box-ordinal-group: 2;
		box-ordinal-group: 2;
		*/
		}

		/*協会からのお知らせ*/
		#main #center-area #information {
			}
			#main #center-area #information ul {
				margin-top: 15px;
				height: 370px;
				overflow: auto;
				}
				#main #center-area #information li {
					padding: 5px 0 5px 20px;
					width: 405px;
					background: url('../imgs/info_icon.jpg') no-repeat 5px 9px;
					text-align: left;
					}
					#main #center-area #information li span.times {
						display: inline-block;
						width: 130px;
						height: auto;
						/*text-align: right;
						word-wrap: break-word;
						white-space: nowrap;
						background-color: #6cc;*/
						vertical-align: top;
						letter-spacing: -0.05em;
						}
						/* Firefox */
						#main #center-area #information li span.times, x:-moz-any-link, x:default {
						/*
						width: 128px;
						*/
						}
						/* IE10 */
						@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
							#main #center-area #information li span.times {
								width: 125px; 
							}
						}
					#main #center-area #information li span.titles {
						display: inline-block;
						/*margin-left: 4px;*/
						width: 275px;
						word-break: break-all;
						word-wrap: break-word;
						}
						/* Firefox */
						#main #center-area #information li span.titles, x:-moz-any-link, x:default {
						/*width: 277px;*/
						}
						/* IE10 */
						@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
							#main #center-area #information li span.titles {
								width: 280px;
							}
						}

		/*各施設ブログ　最新タイトル*/
		#main #center-area #information2 {
			}
			#main #center-area #information2 ul {
				margin-top: 15px;
				height: 370px;
				overflow: auto;
				}
				#main #center-area #information2 li {
					padding: 5px 0 5px 20px;
					width: 405px;
					background: url('../imgs/info_icon.jpg') no-repeat 5px 9px;
					text-align: left;
					}
					#main #center-area #information2 li span.times {
						display: inline-block;
						width: 130px;
						height: auto;
						/*text-align: right;
						word-wrap: break-word;
						white-space: nowrap;
						background-color: #6cc;*/
						vertical-align: top;
						letter-spacing: -0.05em;
						}
						/* Firefox */
						#main #center-area #information2 li span.times, x:-moz-any-link, x:default {
						/*width: 128px;	*/
						}
						/* IE10 */
						@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
							#main #center-area #information2 li span.times {
								width: 125px; 
							}
						}
					#main #center-area #information2 li span.titles {
						display: inline-block;
						/*margin-left: 4px;*/
						width: 275px;
						word-break: break-all;
						word-wrap: break-word;
						}
						/* Firefox */
						#main #center-area #information2 li span.titles, x:-moz-any-link, x:default {
						/*
						width: 277px;
						*/
						}
						/* IE10 */
						@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
							#main #center-area #information2 li span.titles {
								width: 280px;
							}
						}
						
		/*緊急のお知らせ*/
		#main #center-area #emergency {
			}
			#main #center-area #emergency ul {
				margin-top: 15px;
				overflow: auto;
				}
				#main #center-area #emergency li {
					padding: 5px 0 5px 20px;
					width: 405px;
					background: url('../imgs/info_icon.jpg') no-repeat 5px 9px;
					text-align: left;
					}
					#main #center-area #emergency li span.times {
						display: inline-block;
						width: 130px;
						height: auto;
						/*text-align: right;
						word-wrap: break-word;
						white-space: nowrap;
						background-color: #6cc;*/
						vertical-align: top;
						letter-spacing: -0.05em;
						}
						/* Firefox */
						#main #center-area #emergency li span.times, x:-moz-any-link, x:default {
						/*
						width: 128px;
						*/
						}
						/* IE10 */
						@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
							#main #center-area #emergency li span.times {
								width: 125px; 
							}
						}
					#main #center-area #emergency li span.titles {
						display: inline-block;
						/*margin-left: 4px;*/
						width: 275px;
						word-break: break-all;
						word-wrap: break-word;
						}
						/* Firefox */
						#main #center-area #emergency li span.titles, x:-moz-any-link, x:default {
						/*
						width: 277px;
						*/
						}
						/* IE10 */
						@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
							#main #center-area #emergency li span.titles {
								width: 280px;
							}
						}


	#main #right-area {
				display: block;
		width: 150px;
		/*
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-o-box-ordinal-group: 3;
		box-ordinal-group: 3;
		*/
		}
		#main #right-area ul {
			margin-bottom: 10px;
			}
			#main #right-area ul li {
				display: block;
				margin-bottom: 10px;
			}
		#main #right-area article {
			margin: 0;
			padding: 0;
		}
		#main #right-area section#koukoku {
			}
			#main #right-area section#koukoku h1 {
				height: 30px;
				}
				#main #right-area section#koukoku h1 img {
				margin: 0;
				padding: 0;
				}
			#main #right-area section#koukoku ul {
				margin-top: 10px;
			}
			#main #right-area section#koukoku li {
				width: 100%;
				text-align: center;
			}
		#main #right-area section#koukoku p {
			text-indent: 0;
			font-size: 90%;
			line-height: 1;
		}

/* フッター */
footer {
	background-color: #ffcc00;
	}
	footer nav {
		text-align: left;
		}
		footer nav ul {
			border-right: solid 2px #ffffff;
			}
			footer nav li {
				display: inline-block;
				padding: 0 19px;
				height: 32px;
				line-height: 32px;
				text-align: center;
				border-left: solid 2px #ffffff;
				}
				@-moz-document url-prefix() {
					footer nav li {
						padding: 0 19px;
					}
				}
				footer nav li:last-child {
				}  
				footer nav li a {
				}
	footer #copyright-area {
		height: 90px;
		background: url('../imgs/footer_bg.jpg') repeat-x;
		}
		footer #copyright {
			padding: 10px 30px 0 0;
			color: #ffffff;
			text-align: right;
		}


/* マウスオーバー時白濁
------------------------------------*/
a.white:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a.blank_link {
    margin: 0 2px 0 0;
    padding: 3px 2.2em 3px 0;
	background: url(../imgs/blank_link.png) no-repeat right center;
}
a.blank-pdf_link {
    margin: 0 2px 0 0;
    padding: 3px 3.2em 3px 0;
	background: url(../imgs/blank_link-pdf.png) no-repeat right center;
}
a.pdf_link {
    margin: 0 2px 0 0;
    padding: 3px 2.2em 3px 0;
	background: url(../imgs/link-pdf.png) no-repeat right center;
}
a.word_link {
    margin: 0 2px 0 0;
    padding: 3px 2.2em 3px 0;
	background: url(../imgs/link-word.png) no-repeat right center;
}
a.excel_link {
    margin: 0 2px 0 0;
    padding: 3px 2.2em 3px 0;
	background: url(../imgs/link-excel.png) no-repeat right center;
}

.float_n { float: none; }
.float_l { float: left; }
.float_r { float: right; }

.underline { text-decoration:underline; }

.font_70  { font-size:  70% }
.font_80  { font-size:  80% }
.font_90  { font-size:  90% }
.font_110 { font-size: 110% }
.font_120 { font-size: 120% }
.font_130 { font-size: 130% }
.font_140 { font-size: 140% }
.font_150 { font-size: 150% }

.text_l { text-align: left; }
.text_c { text-align: center; }
.text_r { text-align: right; }

.indents { margin-bottom: -1em; margin-left: 1.2em; text-indent: -1.2em; line-height: 1.4; }
.indents-start { margin-top: -10px; }
.indents-last { margin-bottom: 0; }

.tx-c_ff { color: #ffffff; }
.tx-c_b0 { color: #B0DFFF; }

.w_all { width:  auto; } .w_10  { width:  10px; } .w_15  { width:  15px; }
.w_20  { width:  20px; } .w_25  { width:  25px; } .w_30  { width:  30px; } .w_35  { width:  35px; }
.w_40  { width:  40px; } .w_45  { width:  45px; } .w_50  { width:  50px; } .w_55  { width:  55px; }
.w_60  { width:  60px; } .w_65  { width:  65px; } .w_70  { width:  70px; } .w_75  { width:  75px; }
.w_80  { width:  80px; } .w_85  { width:  85px; } .w_90  { width:  90px; } .w_95  { width:  95px; }
.w_100 { width: 100px; } .w_105 { width: 105px; } .w_110 { width: 110px; } .w_115 { width: 115px; }
.w_120 { width: 120px; } .w_125 { width: 125px; } .w_130 { width: 130px; } .w_135 { width: 135px; }
.w_140 { width: 140px; } .w_145 { width: 145px; } .w_150 { width: 150px; } .w_155 { width: 155px; }
.w_160 { width: 160px; } .w_165 { width: 165px; } .w_170 { width: 170px; } .w_175 { width: 175px; }
.w_180 { width: 180px; } .w_185 { width: 185px; } .w_190 { width: 190px; } .w_195 { width: 195px; }
.w_200 { width: 200px; } .w_205 { width: 205px; } .w_210 { width: 210px; } .w_215 { width: 215px; }
.w_220 { width: 220px; } .w_225 { width: 225px; } .w_230 { width: 230px; } .w_235 { width: 235px; }
.w_240 { width: 240px; } .w_245 { width: 245px; } .w_250 { width: 250px; } .w_255 { width: 255px; }
.w_260 { width: 260px; } .w_265 { width: 265px; } .w_270 { width: 270px; } .w_275 { width: 275px; }
.w_280 { width: 280px; } .w_285 { width: 285px; } .w_290 { width: 290px; } .w_295 { width: 295px; }
.w_300 { width: 300px; } .w_305 { width: 305px; } .w_310 { width: 310px; } .w_315 { width: 315px; }
.w_320 { width: 320px; } .w_325 { width: 325px; } .w_330 { width: 330px; } .w_335 { width: 335px; }
.w_340 { width: 340px; } .w_345 { width: 345px; } .w_350 { width: 350px; } .w_355 { width: 355px; }
.w_360 { width: 360px; } .w_365 { width: 365px; } .w_370 { width: 370px; } .w_375 { width: 375px; }
.w_380 { width: 380px; } .w_385 { width: 385px; } .w_390 { width: 390px; } .w_395 { width: 395px; }
.w_400 { width: 400px; } .w_405 { width: 405px; } .w_410 { width: 410px; } .w_415 { width: 415px; }
.w_420 { width: 420px; } .w_425 { width: 425px; } .w_430 { width: 430px; } .w_435 { width: 435px; }
.w_440 { width: 440px; } .w_445 { width: 445px; } .w_450 { width: 450px; } .w_455 { width: 455px; }
.w_460 { width: 460px; } .w_465 { width: 465px; } .w_470 { width: 470px; } .w_475 { width: 475px; }
.w_480 { width: 480px; } .w_485 { width: 485px; } .w_490 { width: 490px; } .w_495 { width: 495px; }
.w_500 { width: 500px; } .w_505 { width: 505px; } .w_510 { width: 510px; } .w_515 { width: 515px; }
.w_520 { width: 520px; } .w_525 { width: 525px; } .w_530 { width: 530px; } .w_535 { width: 535px; }
.w_540 { width: 540px; } .w_545 { width: 545px; } .w_550 { width: 550px; } .w_555 { width: 555px; }
.w_560 { width: 560px; } .w_565 { width: 565px; } .w_570 { width: 570px; } .w_575 { width: 575px; }
.w_580 { width: 580px; } .w_585 { width: 585px; } .w_590 { width: 590px; } .w_595 { width: 595px; }

/* HOME 緊急のお知らせ/協会からのお知らせ/各施設ブログ 日付後にスペース */
#emergency ul li span.times:after {content:" ： ";}
#information ul li span.times:after {content:" ： ";}
#information2 ul li span.times:after {content:" ： ";}