@charset "shift_jis";

/* === 初期設定 ===================================== */
html {
	overflow-y:scroll;
}

ul, li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

p, ul {
	margin-top: 1em;
	margin-bottom: 0;
}


hr {
	display: none;
}

:focus{
	outline:0;
}

a {
	color: #2BB082;
	text-decoration: none;
}

a:hover {
	color: #FF9900;
	text-decoration: underline;
}

.clear {
	clear: both;
}

/* CLEAR FIX */
.clearfix:after,
.contents-inner:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix, 
.contents-inner {display:inline-block;}
/*\*/
* html .clearfix {height:1%;}
* html .contents-inner {height:1%;}
.clearfix, .contents-inner {display:block;}
/**/

/* ======================================== */

/* === ベースレイアウト ===================================== */
body {
	margin: 0 0 20px;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../images/bg.gif) repeat-x center top #fff;
	color: #333;
	text-align: center;
}

#header {
	position: relative;
	width: 920px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
}

	#header-logo {
		position: absolute;
		left: 0px;
		top: 16px;
		width: 312px;
		height: 71px;
		margin: 0;
		padding: 0;
	}

		#header-logo a {
			display: block;
			width: 312px;
			height: 71px;
			background: url(../images/header_logo.gif) no-repeat left top;
			text-indent: -8000px;
		}

		#header-logo a:hover {
			opacity:0.7;
			filter: alpha(opacity=70);
		}

	#header-comment {
		position: absolute;
		right: 0px;
		top: 10px;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: normal;
		text-align: right;
	}

	#header-info {
		position: absolute;
		right: 0px;
		top: 34px;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: normal;
		text-align: right;
	}

		#header-info span {
			display: block;
			width: 315px;
			height: 45px;
			background: url(../images/header_info.gif) no-repeat right top;
			text-align: left;
			text-indent: -8000px;
		}

#navi {
	width: 932px;
	height: 41px;
	margin: 0 auto 18px;
}

	#navi ul {
		margin: 0;
		padding: 0;
	}
	#navi li {
		float: left;
		margin: 0;
		padding: 0;
	}
	#navi a {
		display: block;
		width: 155px;
		height: 41px;
		background: url(../images/navi.gif) no-repeat 0px 0px;
		text-indent: -8000px;
	}
	#navi a#navi01 { background-position:    0px -46px;}
	#navi a#navi02 { background-position: -155px -46px;}
	#navi a#navi03 { background-position: -310px -46px;}
	#navi a#navi04 { background-position: -465px -46px;}
	#navi a#navi05 { background-position: -620px -46px;}
	#navi a#navi06 { background-position: -775px -46px; width: 156px;}

	#navi a:hover#navi01, #home #navi a#navi01 { background-position:    0px 0px;}
	#navi a:hover#navi02, #info #navi a#navi02 { background-position: -155px 0px;}
	#navi a:hover#navi03, #staff #navi a#navi03 { background-position: -310px 0px;}
	#navi a:hover#navi04,
		#menu01 #navi a#navi04,
		#menu02 #navi a#navi04,
		#menu03 #navi a#navi04,
		#menu04 #navi a#navi04,
		#menu05 #navi a#navi04,
		#menu06 #navi a#navi04,
		#menu07 #navi a#navi04,
		#menu08 #navi a#navi04 
		{ background-position: -465px 0px;}
	#navi a:hover#navi05, #flow #navi a#navi05 { background-position: -620px 0px;}
	#navi a:hover#navi06, #faq #navi a#navi06  { background-position: -775px 0px;}
	
#contents {
	margin: 0 auto;
	padding: 0 70px;
	text-align: left;
	background: url(../images/contents_bg.gif) no-repeat left top #fff;

  width:940px; /* for IE5.5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width:800px; /* for Modern browsers */
}

	#home #contents {
		width: 940px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		background: none;
	}

	.contents-inner {
		width: 760px;
		margin: 0 20px;
	}
p.pagetop {
	clear: both;
	margin: 0 auto;
	padding: 50px 0 0;
	font-size: 10px;
	color: #999;
	text-align: right;
}

#footer {
	clear: both;
	width: 930px;
	margin: 10px auto 0;
	border-top: 1px solid #000;
}

#footer h5{
	color:#2BB082;
	font-size:13px;
	line-height:1.2em;
}
	
	.footer-info {
		height: 44px;
		margin: 15px 0 10px;
		padding: 0;
	}

	.footer-info dt {
		float: left;
		width: 195px;
		margin: 0;
		padding: 0;
	}
		a#footer-logo {
			display: block;
			width: 178px;
			height: 44px;
			background: url(../images/footer_logo.gif) no-repeat left top;
			text-indent: -8000px;
		}

		a:hover#footer-logo {
			opacity:0.7;
			filter: alpha(opacity=70);
		}

	.footer-info dd {
		width: 735xp;
		margin: 0;
		padding: 0;
	}

#copyright {
	clear: both;
	width: 100%;
	border-top: 6px solid #5A6DC7;
}
	p.copyright {
		width: 930px;
		margin: 5px auto 0;
		font-size: 1em;
		text-align: right;
	}

#top-catch, #contents, #top-contents, #footer, #copyright {
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

/* === 装飾 ===================================== */
.twoblock-left {
	float: left;
	width: 360px;
}

.twoblock-right {
	float: right;
	width: 360px;
}

h2 {
	margin: 0;
	padding: 40px 20px 0;
	background: url(../images/h2_bg.gif) no-repeat left bottom;
	font-size: 18px;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
}

h3 {
	margin: 0;
	padding: 30px 20px 0;

	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #006600;
}

.top-right h3 {
	margin: 0;
	padding: 0px 0px 0px 30px ;
	background: url(../images/h3_bg05.gif) no-repeat right bottom;
	font-size: 16px;
	font-weight: bold;
	color: #006600;
}


.twoblock-left h3, .twoblock-right h3 {
	background: url(../images/h3_bg05h.gif) no-repeat right bottom;
}

h3.staffname {
	padding: 30px 0 5px;
	background: none;
	border-bottom: 1px dotted #999;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	color: #666;
}

h4 {
	margin: 2em 0 0;
	padding: 0px 10px;
	border-left: 3px solid #cbe985;
	background-color: #F0F0E1;
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
	color: #666;
}

h5 {
	margin: 0;
	padding: 2em 0 3px;
	border-bottom: 1px dotted #999;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
}

ul li {
	margin-top: 3px;
	padding-left: 20px;
	background: url(../images/lst_icon01.gif) no-repeat 5px 0.25em;
}

.photo-block {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
.p-photo {
	float: left;
	margin: 30px 0 0 20px;
}
.photo-left {
	float: left;
	margin-right: 15px;
}

.photo-right {
	float: right;
	margin-left: 15px;
}

p img, .p-photo img, .photo-left img, .photo-right img {
	margin-bottom: 5px;
}

.note {
	margin-top: 3px;
	font-size: 0.9em;
}

a:hover img.imgover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	cursor: pointer;
}

/* === トップページ ===================================== */
#top-catch {
	width: 940px;
	height: 266px;
	margin: 0 auto 15px;
	position: relative;
}
	.top-catch-left {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 325px;
		height: 266px;
		background: url(../images/top-read_bg01.gif) no-repeat left top;
	}
	
		#top-catch01 {
			width: 294px;
			height: 236px;
			margin: 6px 6px 6px 15px;
			background-color: #e4f1fc;
			border: 2px solid #3055d6;
		}
				#top-catch01-ttl {
					width: 223px;
					height: 35px;
					margin: 7px 0 10px 10px;
					padding: 0;
					background: url(../images/top_catch_ttl.gif) no-repeat left top;
					text-indent: -8000px;
				}

				#top-catch01-comment {
					margin: 0 10px;
					padding-left: 148px;
					background: url(../images/top_catch_photo.jpg) no-repeat left top;
					font-size: 11px;
					line-height: 19px;
				}
				
				#top-catch01-name {
					margin: 5px 10px 0;
					text-align: right;
				}
	
	.top-catch-right {
		position: absolute;
		top: 0px;
		left: 325px;
		width: 615px;
		height: 266px;
		background: url(../images/top-read_bg02.gif) no-repeat left top;
	}

.top-left {
	float: left;
	width: 560px;
	margin-left: 5px;
}

.top-right {
	float: right;
	width: 350px;
	margin-right: 5px;
}

ul#top-topics {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#top-topics li {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	list-style-type: none;
}

#top-news, #top-news dt, #top-news dd {
	margin: 0;
	padding: 0;
}

#top-news {
	margin: 20px 0;
}

	#top-news dt {
		margin-bottom: 5px;
		padding-bottom: 3px;
		border-bottom: 3px solid #596cc5;
	}

		span#top-news-ttl {
			display: block;
			width: 67px;
			height: 16px;
			background: url(../images/top_news_ttl.gif) no-repeat left top;
			text-indent: -8000px;
		}

	#top-news dd {
		font-size: 1.16em;
		line-height: 1.5em;
	}

#top-menu {
	padding: 10px 14px;
	background: url(../images/top_menu_bg.gif) repeat left top;
	border: 1px solid #a4c1ff;
}

	#top-menu-ttl {
		width: 530px;
		height: 40px;
		margin: 0;
		padding: 0;
		background: url(../images/top_menu.gif) no-repeat -14px -7px;
		text-indent: -8000px;
	}	

#top-menu ul, #top-menu li {
	margin: 0;
	padding: 0;
}

	#top-menu a {
		display: block;
		width: 530px;
		height: 35px;
		background: url(../images/top_menu.gif) no-repeat 0px 0px;
		text-indent: -8000px;
	}
	
	#top-menu a:hover {
		opacity:0.7;
		filter: alpha(opacity=70);
	}

	a#top-menu01 { background-position: -14px  -47px ;}	
	a#top-menu02 { background-position: -14px  -82px ;}	
	a#top-menu03 { background-position: -14px -117px ;}	
	a#top-menu04 { background-position: -14px -152px ;}	
	a#top-menu05 { background-position: -14px -187px ;}	
	a#top-menu06 { background-position: -14px -222px ;}	
	a#top-menu07 { background-position: -14px -257px ;}	
	a#top-menu08 { background-position: -14px -292px ;}	

#top-read {
	margin: 0 0 20px;
	font-size: 1.1em;
	line-height: 1.8em;
}

#hours-ttl {
	float: left;
	width: 115px;
	height: 24px;
	margin: 0;
	padding: 0;
	background: url(../images/top_hours_ttl.gif) no-repeat left top;
	text-indent: -8000px;
}

#hours-comment {
	margin: 0;
}

#hours-teble {
	clear: both;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
	#hours-teble th, #hours-teble td {
		margin: 0;
		padding: 6px;
		border: 2px solid #5a6dc7;
		text-align: center;
		font-weight: bold;
		color: #596cc5;
		
		  font-size: 14px; /* for IE5.5 */
		  voice-family: "\"}\"";
		  voice-family: inherit;
		  font-size: 1.16em; /* for Modern browsers */
	}

#top-access {
	margin-top: 20px;
	padding: 8px 5px;
	border: 2px solid #5a6DC7;
	background-color: #eaeaea;
}

	#top-access-ttl {
		float: left;
		width: 99px;
		height: 24px;
		margin: 0;
		padding: 0;
		background: url(../images/top_access_ttl.gif) no-repeat left top;
		text-indent: -8000px;
	}

	#top-access-comment {
		width: 99px;
		margin: 0;
		line-height: 1.35em;
	}

	#top-access-map {
		float: right;
		margin: 0;
	}

/* === info ===================================== */

#info-imagephoto {
	margin-top: 30px;
}

#info-hours-teble {
	clear: both;
	margin: 10px 0 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
	#info-hours-teble th, #info-hours-teble td {
		margin: 0;
		padding: 6px 3px;
		border: 2px solid #5a6dc7;
		text-align: center;
		font-weight: bold;
		color: #596cc5;
		
		  font-size: 14px; /* for IE5.5 */
		  voice-family: "\"}\"";
		  voice-family: inherit;
		  font-size: 1.16em; /* for Modern browsers */
	}

.access-photo01 {
	float: left;
}

.access-photo02 {
	float: right;
}

/* === staff ===================================== */
.staff-leftblock {
	float: left;
	width: 480px;
	margin-right: 30px;
	font-size: 13px;
	line-height: 150%;
}

.staff-rightblock {
	width: 250px;
	float: left;
}


/* === menu ===================================== */
#menu-navi {
	float: right;
	width: 203px;
	margin: 30px 0 0 0;
	padding: 0;
}

	#menu-navi ul {
		margin: 0;
		padding: 0;
	}

	#menu-navi li {
		margin: 0;
		padding: 0;
		background: none;
	}

	#menu-navi li a {
		display: block;
		width: 203px;
		height: 75px;
		background: url(../images/menu_navi.gif) no-repeat 0px 0px;
		text-indent: -8000px;
	}

	#menu-navi li a#menu-navi01 { background-position: 0px    0px; }
	#menu-navi li a#menu-navi02 { background-position: 0px  -75px; }
	#menu-navi li a#menu-navi03 { background-position: 0px -150px; }
	#menu-navi li a#menu-navi04 { background-position: 0px -225px; }
	#menu-navi li a#menu-navi05 { background-position: 0px -300px; }
	#menu-navi li a#menu-navi06 { background-position: 0px -375px; }
	#menu-navi li a#menu-navi07 { background-position: 0px -450px; }
	#menu-navi li a#menu-navi08 { background-position: 0px -525px; }

	#menu-navi li a:hover#menu-navi01, #menu01 #menu-navi #menu-navi01 { background-position: -210px    0px; }
	#menu-navi li a:hover#menu-navi02, #menu02 #menu-navi #menu-navi02 { background-position: -210px  -75px; }
	#menu-navi li a:hover#menu-navi03, #menu03 #menu-navi #menu-navi03 { background-position: -210px -150px; }
	#menu-navi li a:hover#menu-navi04, #menu04 #menu-navi #menu-navi04 { background-position: -210px -225px; }
	#menu-navi li a:hover#menu-navi05, #menu05 #menu-navi #menu-navi05 { background-position: -210px -300px; }
	#menu-navi li a:hover#menu-navi06, #menu06 #menu-navi #menu-navi06 { background-position: -210px -375px; }
	#menu-navi li a:hover#menu-navi07, #menu07 #menu-navi #menu-navi07 { background-position: -210px -450px; }
	#menu-navi li a:hover#menu-navi08, #menu08 #menu-navi #menu-navi08 { background-position: -210px -525px; }

.menu-wrap {
	width: 560px;
	margin: 30px 0 0 20px;
	background: url(../images/menu_h3_bg.gif) repeat left top;
	border: 1px solid #A4C1FF;
}

	.menu-wrap h3 {
		margin: 0;
		padding: 0 10px 0 70px;
		background-color: #FDFDDB;
		background-position: left bottom;
		background-repeat: no-repeat;
		border-bottom: 1px solid #A4C1FF;
		font-size: 18px;
		line-height: 50px;
		color: #2BB082;
	}
	
	.menu-wrap#menu01 h3 { background-image: url(../images/menu_ttl_icon01.gif); }
	.menu-wrap#menu02 h3 { background-image: url(../images/menu_ttl_icon02.gif); }
	.menu-wrap#menu03 h3 { background-image: url(../images/menu_ttl_icon03.gif); }
	.menu-wrap#menu04 h3 { background-image: url(../images/menu_ttl_icon04.gif); }
	.menu-wrap#menu05 h3 { background-image: url(../images/menu_ttl_icon05.gif); }
	.menu-wrap#menu06 h3 { background-image: url(../images/menu_ttl_icon06.gif); }
	.menu-wrap#menu07 h3 { background-image: url(../images/menu_ttl_icon07.gif); }
	.menu-wrap#menu08 h3 { background-image: url(../images/menu_ttl_icon08.gif); }

.menu-read {
	margin: 0;
	padding: 10px 15px;
}

.menu-inner {
	margin: 0 5px 5px 5px;
	padding: 1px 15px 15px 15px;
	background: #fff;
}

	.menu-inner .p-photo {
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-top: 15px;
	}

/* === flow ===================================== */
#flow-fig {
	margin-top: 30px;
}

#flow-fig dt {
	margin: 0;
	padding: 5px 15px;
	background: url(../images/flow_dt_bg.gif) no-repeat left top #92B9FD;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
}

#flow-fig dd {
	margin: 0;
	padding: 15px 30px 55px;
	background: url(../images/flow_dd_bg.gif) no-repeat left bottom #fff;
}
	#flow-fig dd.end {
		padding-bottom: 15px;
		background: url(../images/flow_dd_bg_end.gif) no-repeat left bottom #fff;
	}

/* === FAQ ===================================== */
#faq-lst {
	margin: 30px 20px 0;
}

#faq-lst dt {
	height: 28px;
	padding: 0 20px;
	background: url(../images/h3_bg05.gif) no-repeat left top;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	color: #006600;
}

#faq-lst dd {
	margin: 10px 0 20px;
	padding: 0 20px;
}