@charset "Shift_JIS";
/* link */
	a:link{
	color: #006a6a;
}
	a:visited{
	color: #9f0000;
}
	a:hover{
	color: #a64f0f;
}
	a:active{
	color: #006a6a;
}

/* body */
	#wrap{
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #003232;
	text-align: center;
	line-height: 200%;
	color: white;
	font-weight: bold;
	font-size: medium;
}
/* div-ページ格納用 */
.container{
	width: 100%;
	text-align: left;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #006464;
	border-right-color: #006464;
	background-image:  url(wallppr_sikaku_drk.gif);
}
/* div-本文格納用 */
.bun{
	color: black;
	font-weight: normal;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}

/* div-ヘッダーフッター用 */
.hf{
	text-align: left;
	background-color: #006464;
	font-weight: bold;
	color: white;
	line-height: 100%;
}

/* img-画像の調整用 */
.title-img{
	width: 100%;
	max-width: 1000px;
	vertical-align: bottom;
	border-width: 0px;
}
.siori-img{
	width: 10%;
	max-width: 30px;
	height: inherit;
	padding-left: 1.5%;
	padding-right: 1.5%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	vertical-align: bottom;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* そのほか */
h1{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.box{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-content:flex-start;
	align-items:flex-start;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}
.waku{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-content:flex-start;
	align-items:flex-start;
	background-image: url(wallppr_sikaku.gif);
	flex-basis: 200px;
	align-self:stretch;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
}
.mokuji{
	display: flex;
	flex-grow:3;
	font-size: large;
	width:150px;
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	line-height: 120%;
	font-weight: bold;
}
.mark{
	display: flex;
	width: 29px;
	vertical-align: middle;
	text-align: left;
}
.hosoku{
	display: block;
	line-height: 120%;
	font-size: medium;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

.renraku{
	display: block;
	text-align: right;
	line-height: 120%;
	font-size: small;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

hr{
	width: 90%;
}

.yellow{
	color: #443800;
	font-weight: bold;
	display: inline;
}

.foot{
	text-align: center;
	font-size: 1rem;
}
/* 以下スマホ用設定 */
@media screen and (max-width:800px){
	#wrap{
		width: 90%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bun{
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}
	.hosoku{
		padding-left:10px;
	}
	.foot{
		font-size: 0.8rem;
	}
	.waku{
		flex-basis: 90%;
		min-height: 50px;
		height: inherit;
		justify-content:left;
	}
}