body{
	font-size:14px;
	font-family: 'Meiryo UI', Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:150%;
	margin: 0; padding:0;
	text-align:center;
}
img {
	border: none;
	width:100%;
	max-width:345px;
	height:auto;
	vertical-align: center;
}
.header{
	width:100%;
	height:40px;
	font-size:18px;
	padding: 10px 0 0 0;
	position:fixed;
	_position:absolute;
	top:0;left:0;
	z-index:1;
}
.sikaku{
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 25px;
}
.photo{
	top:50px;left:30px;
	max-width:400px;
	text-align:center;
	padding:10px;
	margin:0;
	float:left;
}
.explain{
	max-width:400px;
	padding:10px;
	text-align:left;
//	float:right;
}
.footer{
	clear:both;
	width:100%;
}
/*--------------------------------------*/
@media screen and (min-width:768px){
	.header{
		position:fixed;
		_position:absolute;
		top:0;left:0;
	}
	.sub{
		width:100%;
		min-width:850px;
		text-align:center;
		margin: 0px; padding:0;
//		overflow:hidden;
		top:50px;left:0px;
	}
	.photo{
		height:100%;
		position:fixed;
		_position:absolute;
		}
	.explain{
		position:absolute;
		top:80px;left:400px;
		padding:10px 10px 30px 10px;
		}
	.footer{
		position:fixed;
		_position:absolute;
		bottom:0;left:0;
	}
}
/*--------------------------------------*/
@media screen and (max-width:767px){
	.header{
		position:relative;
		top:0;left:0;
		}
	.sub{
		width:100%;
		text-align:center;
		margin: 0px; padding:0;
		overflow:auto;
		}
	.photo{
		left:0;
		clear:both;
		position:relative;
		top:0;
		}
	.explain{
		clear:both;
		position:relative;
		top:0;
	}
	.footer{
		position:relative;
	}
}
/* ================================================ */
/* 名所旧跡 #area                */
/* 名所小窓 (くつろぎのどかな03) */

#area{
	background:#cccc33;
	color:#000000;
}
#area .header{
	background:#99cc99;
	color:#000000;
}
#area .sikaku{
	background:url('../img/sikaku.gif') no-repeat left;
	color:#000;
}
#area .photo{
	background:#ccffcc;
}
#area .explain{
//	background:#cccc33;
	color:#000000;
}
#area .footer{
	background:#99cc99;
}
#area .sub{
	background-color:#cccc33;
}
/* 公共施設学校 #public        */
/*     小窓 (楽しい賑やかな08) */
#public{
	background:#ffff33;
	color:#ffffff;
}
#public .header{
	background:#ff9900;
	color:#ffffff;
}
#public .sikaku{
	background:url('../img/sikaku-p.gif') no-repeat left;
	color:#ffffff;
}
#public .sub{
	background:#ffff33;
	color:#000000;
}
#public .photo{
	background:#99cc33;
}
#public .footer{
	background:#ff9900;
}
/* 公園 #garden                */
/*     小窓 (かわいらしい子供っぽい05) */
#garden{
	background:#ffcc66;
	color:#000000;
}
#garden .header{
	background:#ff9999;
	color:#000000;
}
#garden .sikaku{
	background:url('../img/sikaku-g.gif') no-repeat left;
}
#garden .sub{
	background-color:#ffcc66;
	color:#000000;
}
#garden .photo{
	background:#ccff99;
}
#garden .footer{
	background:#ff9999;
}