/* 全て適用 */
*{
	margin: 0px;
	padding: 0px;
}

/* 左辺プロパティ */
#container{	
	background-color: #FFFFFF;
	width: 1000px;
	margin-top: 10px;
	text-align: left;
}

/* 上辺プロパティ */
#header{
	margin: 0px;
	padding-left: 200px;
	left: 200px;
	width: 800px;
	height: 80px;
	border-width: 1000px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}

/* 右辺外観のプロパティ heightで高さを変えれる　 */
#content{
	width: 830px;
	float:none;
	font-size: 140%;
	margin-left : 160px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	background-color: #FFFFFF;
	height: 553px;
}

/* ヘッダー情報 */
h1{
	font-size: 300%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:170px;
	background-color: #FFFFFF;
	background-image: url("hakuei_simbol.jpg");
	background-size: 40px 40px; /* 画像サイズ */
	background-repeat: no-repeat; /* 繰り返し表示オフ */
	padding: 4px 0px 0px 45px; /* 画像と重ならないように文字列を右に移動 */
	font-family:HGP教科書体
}

.b_black {
	font-weight: bold;
	widht:500px;
	color: #000000;
}

/* ナビゲーションメニューバー */
mi{	
	flex-grow: 1;
	text-align: center;
	margin-left: 50px;
    padding-left:45px;
}

/* メニューバーの区切り文字 */
mi+mi{
	 border-left: 1px solid #000;
}

<style type="text/css">
 /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 200px;
  height     : 200px;
  margin     : auto;     /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute; /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 20s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 4s }
.slide img:nth-of-type(3) { animation-delay: 8s }
.slide img:nth-of-type(4) { animation-delay: 12s }
.slide img:nth-of-type(5) { animation-delay: 16s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   5% { opacity: 1 }
  15% { opacity: 1 }
  20% { opacity: 0 }
 100% { opacity: 0 }
}
</style>

 /*=== 対象の直前に改行を挿入する ========================= */
.br::before {
	content: "\A" ;
	white-space: pre ;
}

nav{
	margin-top:20px;
	margin-left:0px;
	display: flex;
  justify-content: space-between;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	color: #FFCC33;
	background-color: #800000;
	text-align: center;
}

ul{
	margin: 0 0 0 20px;
}

nav{
	&nbsp;
}

h2 {
	text-indent: -9999px;
}

a{
	text-decoration: none;

}

#footer{
	height: 70px;
	clear: both;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

#menu{
	margin: 0px;
	width: 190px;
	float: left;
	color: #008000;
}

address {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

h3 {
	widht:500px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	color: #FFCC33;
	font-weight: bolder;
}