html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:normal;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}
@charset "utf-8";

#topbanner h3 img,
#maininnner h3 img,
header img {
	width: 100%;
	height: auto;
}
body{
	text-align: center;
	color: #666;
	font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%; 
	line-height: 155%;
	background-image: url('/sensui7/img/bg.gif');
}

p {
	text-indent: 0.9em;
	letter-spacing: 0.15px;
}

header {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}

#container {
	text-align: left;
	margin: 0 auto;
}

#mainmenu {
	width: 100%;
}
#mainmenu li {
	width: 32%;
	height: 25px;
	border: 1px solid #fff;
	float: left;
	text-align: center;
	background: -moz-linear-gradient(top,#a8da7f, #a1d279 50%,#9ccc74 50%,#96c66f);
	background: -webkit-gradient(linear, left top, left bottom, from(#a8da7f), color-stop(0.5,#a1d279), color-stop(0.5,#9ccc74), to(#96c66f));
}

#mainmenu li img {
	width: 70%;
	margin: 5%;
}
#mainmenu li img.katakana {
	width: 60%;
	margin: 5%;
}
#mainmenu li img.fuukei {
	width: 55%;
	margin: 5%;
}

#contents {
	text-align:center;
}

#main {
	width: 96%;
	background-color: #fff;
	margin: 0 auto;
	padding: 0 2%;
	text-align:left;
}
h3 {
	clear: both;
	padding: 15px 0 5px 0;
}

h4 {
	color: #363;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #363;
}

table th {
	text-align: center;
	background-color: #f1f1f1;
	vertical-align: middle;
}

table th,
table td {
	border: 1px #ccc solid;
	padding:5px;
}

.timetd {
	text-align: left;
}
#topbanner {
	margin: 10px 0 10px 0;
}

#maininnner,
.topcontents {
	clear: both;
	margin: 10px 0 10px 0;
}

#rightaisatsu img {
	width: 50%;
	margin: 0 auto;
}
.title {
	margin: 10px 0 10px 0;
}
#rightaisatsu {
	clear: both;
	text-align: center;
}

#rightaisatsu img {
	width: 50%;
	margin: 0 auto;
}

#rightaisatsu p {
	text-align: left;
}

.kijiup {
	clear: both;
	text-align: right;
}

footer {
	clear: both;
	background-color: #97c770;
	padding: 20px;
	text-align: center;
}
/*----------------------------------------taikaijimukyoku-sumaho*/

#taikaipcd {
	display: none;
}

.taikaisumahod img {
	width: 70%;
}

.taikaisumahod h4 {
	margin: -6px 0 0 0;
	background-color: #497625;
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	height: 30px;
	color: #fff;
	text-align: center;
	padding: 10px 0 0 0;
	letter-spacing: 0.2em;
}

.taikaisumahod p {
	text-indent: 0;
}
.moji {
	border: 2px solid #497625;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	color: #497625;
	padding: 10px;
	text-indent: 0;
}


.linecenter {
	text-align: center;
}

/*----------------------------------------*/

#sensuiendai {
	margin: 5px auto;
}

/*----------------------------------------*/

#sensuipdfwaku {
	display:none;
}
.sensuipdf1,
.sensuipdf {
	width: 50%;
	margin: 8px auto;
}
.sensuiyoutube {
	margin: 15px auto;
	width: 50%;
}

@media screen and (min-width : 410px) {
	#mainmenu li {
		padding: 0 0 2% 0;
	}
}
@media screen and (min-width : 500px) {
	#mainmenu li {
		padding: 0 0 3% 0;
	}
	.taikaisumahod img {
		width: 50%;
	}

}
@media screen and (min-width : 500px) {
	#mainmenu li {
	}
}
@media screen and (min-width : 600px) {
	#mainmenu li {
		width: 24.6%;
	}
	.taikaisumahod img {
		width: 40%;
	}
	table {
		width: 90%;
		margin: 15px auto;
	}
}


@media screen and (min-width : 960px) {

	header{
		text-align: left;
		border-bottom: 5px solid #497625;
		padding: 20px;
	}

	header img {
		width: 80%;
	}

	#mainmenu {
		width: 20%;
		float: left;
	}

	#mainmenu li {
		clear: both;
		float: none;
		width: auto;
		height: auto;
		border: none;
		text-align: left;
	}

	.menu1 {
		padding: 0 0 0 5px;
	}

	.menu2 {
		padding: 0 0 0 10px;
	}

	.menu3 {
		padding: 0 0 0 5px;
	}

	#mainmenu li img {
		width: auto;
		margin: 5%;
	}
	#mainmenu li img.fuukei {
		width: auto;
		margin: 5%;
	}
	#mainmenu h2 {
		position: relative;
		padding: 0.2em 0 0.2em 0;
	}
	#mainmenu h2:before{
		content: "";
		position: absolute;
		background: #fff;
		top: 50%;
		left: 0.5em;
		margin-top :-15px;
		height: 30px;
		width: 8px;
	}
	#mainmenu h2 span {
		margin: 0 0 0 8px;
	}
	#contents {
		background-color: #ddeecf;
	}
	#contents:after {
		content: ".";
		height: 0px;
		clear: both;
		display: block;
		visibility: hidden;
	}
	#main {
		clear: none;
		width: 79%;
		float: left;
		padding: 0 0.5%;
	}
	#topvisual,#topbanner,.topcontents,#maininnner {
		width: 96%;
		margin: 0 2% 2% 2%;
	}
/*----------------------------------------taikaijimukyoku-pc*/
	.taikaisumahod {
		display: none;
	}

	#taikaipcd {
		display: inline;
		text-align: center;
		margin: 100px auto;
		clear:both;
		float: none;
		border: 1px solid #ddeecf;
	}

	#taikaipcd img {
		width: auto;
	}

	#taikaipcd h4 {
		background-color: #497625;
		width: 180px;
		margin: 0 auto;
		border-radius: 20px 20px 0 0;
		-webkit-border-radius: 20px 20px 0 0;
		-moz-border-radius: 20px 20px 0 0;
		height: 30px;
		color: #fff;
		text-align: center;
		padding: 10px 0 0 0;
		letter-spacing: 0.2em;
	}

	#mainmenu #taikaipcd p {
		text-indent: 0;
	}

	#taikaipcd .moji {
		width: 156px;
		margin: 0 auto;
		font-size: 0.8em;
		padding: 10px;
		background-color: #ffffff;
		text-align: left;
	}
/*----------------------------------------*/
	.endai {
		width: 180px;
		margin: 15px 0 0 10px;
	}
	#sensuiendai {
		width: 50%;
		margin: 0px auto;
	}

	#sensuipdfwaku {
		display:inline;
		clear:both;
		text-align: center;
	}
	#sensuipdfwaku:after {
		content: ".";
		height: 0px;
		clear: both;
		display: block;
		visibility: hidden;
	}
	#sensuipdfwaku img {
			width: 90%;
			margin: 8px 5% 8px 5%;
	}

	.sensuipdf1,
	.sensuipdf {
		width:90%;
	}
	.sensuipdf1 {
		margin: 8px auto;
	}
	.sensuiyoutube {
		width:90%;
		margin: 8px auto;
	}
}


@media screen and (min-width : 1000px) {
	header img {
		width: 70%;
	}
	#container {
		width: 1000px;
		margin: 0 auto;
	}
	#mainmenu li {
		padding: 0;
	}
	#main{
		height: 900px;
	}
	#leftaisatsu{
		width: 50%;
		float: left;
		clear: none;
	}
	#rightaisatsu{
		width: 50%;
		float: left;
		clear:none;
	}
}
h5 {
	margin: 0 0 3px 0;
}

.kouen {
	width: 670px;
	margin: 0 0 0 25px;
}
.kouen p {
	margin: 0;
	padding: 0;
}