/* 全体のレイアウト設定（横並びにする） */
.container {
  display: flex;
  min-height: 100vh; /* 画面の高さいっぱいにする */
}

/* 全体 */
body{
	font-size:1.2em;
	padding:0;
	margin:0 auto;
	background:white;
	border:0;
	border-top:0;
}

/* バナー */
#header{
	text-align:center;
	display:table;
	width:100%;
}
#banner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:.6em;
}
#banner img{
	vertical-align:middle;
	height:5em;
	width:auto;
	margin-right:.15em;
}
#banner strong{
	vertical-align:middle;
	font-weight:normal;
	font-size:3em;
}

/* ナビゲーション */
#navigation{
	background:#0075c2;
}
#navigation ul{
	margin:0;
	font-weight:bold;
	padding:0 2%;
	line-height:2em;
	text-align: center;
}
#navigation li{
	white-space:nowrap;
	display:inline;
	margin:0 .2em;
}
#navigation li a{
	display:inline-block;
	padding:0 .6em;
	margin:.0625em 0;
	text-decoration:none;
	color:white;
}

/* サイドメニューのスタイル */
.sidebar {
  width: 250px;       /* サイドバーの幅 */
  background-color: #333; /* 背景色（ダークカラー） */
}

.menu ul {
  list-style: none;   /* リストの「・」を消す */
  padding: 0;
  margin: 0;
}

.menu li a {
  display: block;     /* リンク部分を要素全体に広げる */
  padding: 15px 20px; /* メニューの余白 */
  color: #fff;        /* 文字色 */
  text-decoration: none; /* 下線を消す */
  transition: background-color 0.3s; /* マウスを乗せた時のアニメーション */
}

.menu li a:hover {
  background-color: #555; /* マウスを乗せた時の背景色 */
}

/* メインコンテンツのスタイル */
.main-content {
  flex: 1;            /* 残りの幅をすべて埋める */
  padding: 30px;
  background-color: #f4f4f4;
}

#construction {
	text-align:center;
}

p{
	line-height:1.5em;
}

.directory {
	vertical-align: top;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

/* © 2026 Minoru Murashima All rights reserved. */