body { background-repeat:repeat-y;background-position:50%; }
td { }
a:link {
	color: green;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
}
a:visited {
	color: teal;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
}
a:hover { color: orange; font-size: 14px; line-height: 1.5em; }
a:active { }
.J12 { font-size: 12px; line-height: 1.5em; vertical-align: 0; top: 0; }
.J14 { font-size: 14px; line-height: 1.5em; vertical-align: 18px; }
.J14_pd { font-size: 14px; line-height: 1.5em; vertical-align: 18px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.J10 { font-size: 10px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 1em; text-indent: 0; top: 0; }
.J8 { font-size: 8px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 10px; }
.J16 { font-size: 16px; line-height: 1.5em; }
.J18 { font-size: 17px; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; line-height: 1.5em; }
.e12 { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.5; }
.e14 { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.5; }
p { font-size: 14px; line-height: 1.5em; margin-left: 10px; padding-top: 0; padding-bottom: 0; }
#navi_text a:link { color: green; text-decoration: none; }

#navi_text a:visited { color: green; text-decoration: none; }

#navi_text a:hover {
	color: teal;
	text-decoration: underline;
}
#foot_text a:link { color: blue; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-decoration: none; letter-spacing: 1px; }

#foot_text a:visited { color: purple; font-size: 12px; text-decoration: none; letter-spacing: 1px; }

#foot_text a:hover { color: teal; font-size: 12px; text-decoration: underline; letter-spacing: 1px; }

.box-r{
	text-align:right;
}

.nav_30{
	
}
.nav_30 h2 {
  font-size: 18px;       /* 文字の大きさ */
  font-weight: bold;     /* 太字 */
  display: flex;         /* 横方向に要素を並べるため、flex を使用 */
  align-items: center;   /* 高さ方向（縦方向）の中央揃え */
}

.nav_30 h2::after {
  content: "";
  flex: 1;               /* 残り幅いっぱいに要素を広げる */
  height: 1px;           /* 横線の太さ */
  background-color: #000; /* 横線の色（黒） */
  margin-left: 10px;     /* テキストと線との間隔 */
}
/* ULの設定はそのまま活かす */
.nav_30 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;             /* 幅が足りなければ折り返す */
  justify-content: space-between; /* 左端と右端にピッタリ配置 */
  align-items: center;         
  width: 100%;                 
}

/* li には最小限の指定のみ。幅指定する場合は li にしても、後述の a にしてもOK */
.nav_30 li {
  /* 必要であれば width: 210px; を残しても可 
     例: width: 210px;
           ただし a に幅指定する方法とどちらか一方にしてください
  */
  margin: 0;
  padding: 0;
}

/* a タグをボタン化する */
.nav_30 li a {
  display: block;              /* クリック範囲をブロック全体に拡大 */
  width: 210px;                /* ボタンとして固定幅 */
  background-color: #707070;   /* 背景色 */
  color: #fff;                 /* 文字色 */
border: 2px solid #707070; /* 白いボーダーを2pxで表示 */
  padding: 8px 16px;           /* 内側余白 */
  border-radius: 4px;          /* 角丸 */
  text-align: center;          /* テキストを中央寄せ */
  text-decoration: none;       /* リンクの下線を消す */
  cursor: pointer;             /* ホバー時のカーソルを指に */
  transition: background-color 0.3s;
}

.nav_30 li a:hover {
  background-color: #444;      /* ホバー時に色を変更 */
}
/* 現在のページ用（current） */
.nav_30 li a.current {
	 width: 210px;  
  background-color: #000;   /* 例：背景色をちょっと派手に */
  color: #ffffff;             /* 例：文字色を白に */
	border: 2px solid #fff; /* 白いボーダーを2pxで表示 */
	  padding: 8px 16px;           /* 内側余白 */
  border-radius: 6px;  
}