/*ページベース
------------------------------------------------------*/
html, body {
	height: 100%;
	position:relative;
}
body > #wrapper {
    height: auto;
}

* {
	margin:0;
	padding:0;
}


#wrapper {
	width:960px;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	text-align:left;
}



/*ヘッダー
------------------------------------------------------*/

#header {
	position: relative;
	width:960px;
	height:100px;
	background-image:url(../images/header.png);
}
#header_home {
	position: relative;
	width:960px;
	height:100px;
	background-image:url(../images/header_home.png);
}
	#header h1,
	#header_home h1 {
		width:380px;
		height:56px;
		position:absolute;
		top:20px;
		left:5px;
		text-indent:-9999px;
		background-image:url(../images/logo.png);
	}
	#header h1 a,
	#header_home h1 a {
		display:block;
		width:380px;
		height:56px;
	}
	

	
	
/*メインイメージ
------------------------------------------------------*/

#mainImage {
	position: relative;
	width:960px;
	height:400px;
	/*background-image:url(../images/mainImage.jpg);
	text-indent:-9999px;*/
}
.fadein {
	width:960px;
	height:400px;
	overflow:hidden;
	position:relative;
}
	.fadein img {
		position:absolute;
		top:0;
		left:0;
	}	


/*contentsWrap
------------------------------------------------------*/

#contentsWrap {
	width:960px;
	height:100%;
	min-height:100%;
	position:relative;
	padding-top:147px;
	padding-bottom:30px;
}




/*コンテンツエリア
------------------------------------------------------*/

#contentsArea {
	width:670px;
	float:right;
	padding-left:20px;
	position:relative;
	height:auto;
	overflow: hidden;
}

.contents {
	width:640px;
	margin:20px auto;
}


/*サイドエリア
------------------------------------------------------*/

#sideArea {
	width:270px;
	display:inline;
	float:left;
	position:relative;
	height:auto;
	overflow: hidden;
}

#sideArea ul.side_btn {
	width:270px;
}
	#sideArea ul.side_btn li {
		margin-bottom:10px;
	}
	#sideArea ul.side_btn li a {
		display:block;
		_zoom: 1;
	}

.side_btn .imghover:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}

/*関連施設*/
#sideArea .side_btn_shisetsu li{
	background:#fff;
	margin:5px auto;
	line-height:18px;
}
#sideArea .side_btn_shisetsu li a{
	display:block;
	_zoom: 1;
	text-decoration:none;
	height:40px;
	padding:10px;
}
#sideArea .side_btn_shisetsu li:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}
#sideArea .side_btn_shisetsu li span.f12{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:12px;
	color:#000;
	font-weight:100;
}
#sideArea .side_btn_shisetsu li p.fc_btn01,
#sideArea .side_btn_shisetsu li p.fc_btn02,
#sideArea .side_btn_shisetsu li p.fc_btn03,
#sideArea .side_btn_shisetsu li p.fc_btn04,
#sideArea .side_btn_shisetsu li p.fc_btn05{
	font-family:"F+UD-Seurat M",sans-serif;
	font-weight:700;
	margin-left:7px;
	font-size:17px;
}
#sideArea .btn01{
	border:2px solid #35a0cd;
}
#sideArea .btn02{
	border:2px solid #8d2456;
}
#sideArea .btn03{
	border:2px solid #e0542f;
}
#sideArea .btn04{
	border:2px solid #ee87b4;
}
#sideArea .btn05{
	border:2px solid #0c5d36;
}
#sideArea .side_btn_shisetsu li .fc_btn01{
	color:#35a0cd;
}
#sideArea .side_btn_shisetsu li .fc_btn02{
	color:#8d2456;
}
#sideArea .side_btn_shisetsu li .fc_btn03{
	color:#e0542f;
}
#sideArea .side_btn_shisetsu li .fc_btn04{
	color:#ee87b4;
}
#sideArea .side_btn_shisetsu li .fc_btn05{
	color:#0c5d36;
}


/*メニューエリア
------------------------------------------------------*/

#menuArea {
	width:960px;
	height:117px;
	position:absolute;
	top:100px;
}

#menuAreaHome {
	width:960px;
	height:117px;
	position:absolute;
	top:501px;
}
	
/*メニューに関してはmenu.css参照*/
	




/*フッター
------------------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	height:50px;
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-x;
}

#footer_inner {
	width:960px;
	height:40px;
	margin:0 auto;
	position:relative;
	font-size:0.9em;
}
	#footer_inner p#copyright {
		color:#777;
		position:absolute;
		bottom:5px;
		right:0;
		font-size: 0.9em;
	}
	#footer_inner p#footer_inquiry {
		color:#777;
		text-align:left;
		position:absolute;
		top:5px;
		left:0;
		font-size: 0.9em;
		line-height: 1.6;
	}
		


/*clearfix*/
div:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}