@charset "UTF-8";

body{
	background:#5bd9fb url(../images/bg_body.gif) repeat-x left bottom;
	color:#747474;
}
/* /////////////////////////////////////////////////////////////////////////// wrapper */

/*div#wrapper{
}*/
div#wrapper{
	width:985px;
	margin:0 auto;
	position:relative;
	background:url(../images/bg_home_main_bottom.gif) no-repeat left bottom;
	padding-bottom:37px;
}

#home div#wrapper{
	background:none;
	width:985px;
	margin:0 auto;
}



/* /////////////////////////////////////////////////////////////////////////// header */

div#header{
	/*background:url(../images/bg_main_top.gif) no-repeat center top;*/
	background:url(../images/bg_low_flash.gif) repeat-x ;
	width:100%;
	min-width:985px;
	height:216px;
	position:relative;
}
	div#header p{
		width:985px;
		height:216px;
		margin:0 auto;
	}

/* /////////////////////////////////////////////////////////////////////////// topicpath */

dl#topicpath{
	background:url(../images/bg_line03.jpg) no-repeat left bottom;
	padding-bottom:15px;
	padding-left:23px;
	margin-bottom:8px;
}

	dl#topicpath dt,
	dl#topicpath dd{
		display:inline;
	}

/* /////////////////////////////////////////////////////////////////////////// contents */

div#contents{
	width:985px;
	margin:0 auto;
	background:url(../images/bg_home_main_middle.png) repeat-y left top;
	padding-top:16px;
	/*padding-bottom:16px;*/
}

	div#main{
		float:right;
		display:inline;
		width:630px;
		margin-right:36px;
		position:relative;
		top:-42px;
		margin-bottom:-50px;
		z-index:1;
	}
		div#main div.section{
			width:590px;
			margin-left:23px;
			position:relative;
		}
				
	div#lnav{
		float:left;
		display:inline;
		width:255px;
		margin-left:42px;
		text-align:center;
		position:relative;
		top:-50px;
		z-index:3;
	}
		div#lnav ul#navigation{
			background:url(../images/bg_lnavi_ul_bottom.jpg) no-repeat left bottom;
			padding-bottom:13px;
			margin-bottom:17px;
			zoom:1;
		}
		
			div#lnav ul#navigation li{
				background:url(../images/bg_lnavi_ul.jpg) repeat-y left top;
			}
			
			div#lnav ul#navigation li img{
				background:url(../images/bg_lnavi_li.jpg) no-repeat center 60px;
				padding-bottom:19px;
			}
			div#lnav ul#navigation li img.guide,
			div#lnav ul#navigation li img.lend{
				background:none;
				padding-bottom:0;
			}
			div#lnav ul#navigation li#first{
				padding-top:8px;
			}
			
			div#lnav ul#navigation li#last img{
				padding-bottom:12px;
			}
			
				div#lnav ul#navigation ul.naviIn{
					width:231px;
					margin:0 auto;
					
					padding-bottom:34px;
				}
				
					div#lnav ul#navigation ul.naviIn li{
						text-align:left;
						font-size:114%;
						padding:5px 10px 5px 31px;
						
					}
					div#lnav ul#navigation ul.naviIn li.first{
						padding-top:15px;
					}
					div#lnav ul#navigation ul.naviIn li.end{
						padding-bottom:10px;
					}
					div#lnav ul#navigation ul.naviIn li a{
						background:url(../images/icon_arrow.gif) no-repeat left 2px;
						color:#5b5b5b;
						padding-left:14px;
						display:block;
					}
				
				/* 施設利用ガイド用 */
				
				div#lnav ul#navigation ul#navGuide{
					background:url(../images/bg_nav_guide_bottom.gif) no-repeat left bottom;
				}
				
				div#lnav ul#navigation ul#navGuide li{
					background:url(../images/bg_nav_guide_middle.gif) repeat-y left bottom;
				}

				/* 施設の貸出用 */
				
				div#lnav ul#navigation ul#navLend{
					background:url(../images/bg_nav_lend_bottom.gif) no-repeat left bottom;
				}
				
				div#lnav ul#navigation ul#navLend li{
					background:url(../images/bg_nav_lend_middle.gif) repeat-y left bottom;
				}

/* /////////////////////////////////////////////////////////////////////////// footer */

div#footer{
	background:url(../images/bg_footer.gif) no-repeat center bottom;
	width:100%;
	min-height:30px;
	height:auto !important;
	height:30px;
	padding-top:31px;
	padding-bottom:45px;
}

	div#footerIn{
		width:985px;
		margin:0 auto;
	}
	
		div#footerIn ul{
			float:left;
			display:inline;
			background:url(../images/bg_line02.gif) no-repeat left center;
			margin-left:16px;
		}
		
			div#footerIn ul li{
				background:url(../images/bg_line02.gif) no-repeat right center;
				padding-left:15px;
				padding-right:15px;
			}
			
		div#footerIn address{
			float:right;
			text-align:right;
		}

		p#copyright{
			width:973px;
			margin:0 auto;
			margin-top:-1em;
			padding-left:12px;
		}
	
div#footer a{
	color:#5b5b5b;
}

div#flashArea{
	text-align:center;
	background:url(../images/bg_flash.gif) repeat-x ;
	/*background:url(../images/bg_home.gif) no-repeat center top;*/
}
div#flashArea{
	min-width:960px;
}

* html div#flashArea{
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

	div#flashArea h1{
		margin:0;
		padding:0;
		background:none;
	}