@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;
	}
}

#main{
	height: auto;
}

.migiyose {
	text-align: right;
	font-size: 12.5pt;
	line-height: 150%;
}
.migiyose p {
	text-indent: 0;
	margin: 0 0 15px 0;
}

.danraku {
	margin: 0 0 15px 15px;
	line-height: 180%;
	font-size: 13.5pt;
}
h4{
	margin: 0 0 15px 0;
	text-align: center;
}
.tsume{
	letter-spacing: -1px;
}

.noindent {
	text-indent: 0;
}
.marbo15 {
	padding: 0 0 25px 0;
}