@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;
	color: white;
	font-weight: bold;
	font-size: medium;
}
/* div-ページ格納用 */
.container{
	/* 行事専用 */
	line-height: 200%;
	width: 100%;
	font-weight: normal;
	font-size: large;
	text-align: justify;
	color: black;
	background-color: #ffffdd;
}
/* div-レイアウト用 */
.zenbu{
	width: 960px;
	padding-left: 20px;
	padding-right: 20px;
}
.hanbun{
	width: 450px;
	padding-left: 0px;
	padding-right: 0px;
}
/* div-ヘッダーフッター用 */
.hf{
	text-align: left;
	background-color: #006464;
	font-weight: bold;
	color: white;
	line-height: 100%;
}

/* img-画像の調整用 */
.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;
}

.mark{
	vertical-align: top;
	border-width: 0px;
	margin-right: 10px;
}
/* 文字の装飾用 */
h1{
	line-height: 150%;
	padding-top: 10px;
	padding-left: 1rem;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #003232;
	background-color: #ffffdd;
}
h2{
	width: 100%;
	color: #003232;
	font-size: x-large;
	font-weight: bold;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #006464;
	line-height: 140%;
	text-align: left;
}
p{
	margin-left: 1rem;
	text-indent: 1rem;
}
.kome{
	font-family: sun-serif;
	line-height: 120%;
	font-size: small;
}
.foot{
	text-align: center;
	font-size: 1rem;
	line-height: 120%;
}
/* 予定表テーブル */
/* 行事専用 */
.box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 120%;
}
.gyouji-na{
	display:inline-block;
	width: 180px;
	vertical-align: top;
	text-align: left;
	border-width: 0px;
	padding-right: 10px;
}
.nichi{
	display:inline-block;
	width: 230px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.hoka{
	display:inline-block;
	width: 440;
	vertical-align: top;
	text-align: left;
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

/* 画面の幅が800px以下のときに使用する */
@media screen and (max-width:800px){
	#wrap{
		width: 100%;
		margin: 0px;
	}
	/* div-レイアウト用 すまほ */
	.zenbu{
		width: 90%;
		margin: 0%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hanbun{
		width:90%;
		margin: 0px;
		padding-left: 5%;
		padding-right: 5%;
	}
	/* 文字の装飾用 すまほ */
	h1{
		padding-left: 5%;
		padding-right: 5%;
		font-size: x-large;
		line-height: 120%;
	}
	p{
		margin-left: 0px;
	}
	.foot{
		font-size: 0.8rem;
	}
	/* 予定表テーブル すまほ */
	/* 行事専用 */
	.box{
		border:none;
	}
	.gyouji-na{
		display: block;
		width: 100%;
		line-height: 200%;
		border-width: 1px;
		font-weight: bold;
		border-style: double;
		border-color: orange;
		text-indent: 10px;
		background-image: url(wallppr073-usu.gif);
	}
	.nichi{
		display:block;
		width: 100%;
		line-height: 250%;
	}
	.hoka{
		display: block;
		width: 100%;
		padding-left:1rem;	
	}
}