@charset "utf-8";
body {
	font: 13px/1.3em 'Noto Serif JP', 'ＭＳ Ｐ明朝', '細明朝体', 'ヒラギノ明朝 Pro W3';
	background: url(../images/Wtop/bg.gif) repeat-x center top;
}
#header {
 height: 332px;
 width: 800px;
 margin-right: auto;
 margin-left: auto;
 background: url("../images/Wtop/header.jpg") 30% 80% no-repeat;
  position: relative;
}
#header h1 { text-indent: -9999px;}
#header .header_img {
  position: absolute;
  top: 0;
  right: 20px;
}
#Hdnavi {
	height: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #CCFFCC;
}
#wrapper {
	background: url(../images/Wtop/footer-bg.gif) repeat-x center bottom;
	margin-right: auto;
	margin-left: auto;
	height: 520px;
	padding-bottom: 80px;
	clear: both;
}

#container {
	height: 520px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#main {
  margin: 0 auto;
	height: 520px;
	width: 100%;
	background: linear-gradient(#ffffb3, #b3ffa1);
  overflow: hidden;
}
#main > .inner {
  margin: 30px;
  height: 460px;
  background: url("../images/Wtop/bg-main.png") 50% 97% no-repeat, url("../images/Wtop/bg-summary.png") 95% 65% no-repeat, #fff;
  box-sizing: border-box;
}
.summary {
  padding: 10px 20px;
  width: 100%;
  height: 260px;
  box-sizing: inherit;
  text-align: center;
}
.summary p {
  padding: 10px 0;
}
.subnav {
  padding: 10px 20px;
  width: 100%;
  box-sizing: inherit;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#circle-bn {
  width: 309px;
  flex-basis: 309px;
	height: 174px;
}
#Bus-bn {
  width: 313px;
  flex-basis: 313px;
	height: 90px;
}
#circle-bn a, #Bus-bn a {
  width: 100%;
  height: 100%;
  display: block;
}

#footer {
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#footer h5 {
	text-align: right;
	margin-right: auto;
	width: 800px;
	margin-left: auto;
	padding-right: 1em;
	color: #FFFFFF;
	padding-top: 5px;
}
a img{border:0;}