/* 特定知能資源活用推進機構 事務局
 *
 * 1990年代に作られ、以後ほとんど手が入っていない業務用サイト。
 * 常世電算のコーポレートサイト(紺+白のモダン)とも、
 * TD-DMS(黒+琥珀の端末)とも、意図的に別の見た目にしている。
 * 灰色地、青いリンク、狭い固定幅、罫線の多いテーブル。装飾はしない。
 */
* { box-sizing: border-box; }
html { background: #d4d0c8; }
body {
  margin: 0; padding: 0;
  background: #d4d0c8;
  color: #1a1a1a;
  font-family: "MS PGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 14px; line-height: 1.8;
}
a { color: #0000cc; }
a:visited { color: #551a8b; }

/* 器 */
.page {
  max-width: 760px; margin: 0 auto; background: #ffffff;
  border-left: 1px solid #808080; border-right: 1px solid #808080;
}
.inner { padding: 0 22px 30px; }

/* ヘッダー */
.hd { background: #ffffff; border-bottom: 3px double #666; padding: 14px 22px 10px; }
.hd .org { font-size: 17px; font-weight: bold; letter-spacing: .06em; }
.hd .unit { font-size: 12px; color: #444; margin-top: 2px; }
.hd .upd { font-size: 11px; color: #777; margin-top: 8px; }

/* メニュー */
.nav {
  background: #eceae4; border-bottom: 1px solid #999;
  padding: 7px 22px; font-size: 12.5px;
}
.nav a { margin-right: 14px; white-space: nowrap; }
.nav .here { color: #1a1a1a; font-weight: bold; text-decoration: none; }

/* 検索 */
.sbox { background: #f4f2ee; border: 1px solid #b8b4ac; padding: 9px 12px; margin: 16px 0 0; }
.sbox form { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.sbox label { font-size: 12px; color: #444; }
.sbox input {
  flex: 1 1 180px; min-width: 0; padding: 4px 6px;
  border: 1px solid #7a7a7a; font-size: 13px; font-family: inherit; background: #fff;
}
.sbox button {
  padding: 4px 14px; border: 1px solid #7a7a7a; background: #e4e1da;
  font-size: 12.5px; font-family: inherit; cursor: pointer;
}
.sbox .note { font-size: 11px; color: #666; margin: 6px 0 0; }

/* 見出し */
h1 {
  font-size: 16px; margin: 22px 0 12px; padding: 5px 10px;
  background: #4a5a72; color: #fff; font-weight: bold; letter-spacing: .04em;
}
h2 {
  font-size: 14px; margin: 24px 0 8px; padding: 3px 0 3px 9px;
  border-left: 5px solid #4a5a72; font-weight: bold;
}
h3 { font-size: 13.5px; margin: 18px 0 6px; font-weight: bold; }
p { margin: 0 0 12px; }

/* 表 */
table { border-collapse: collapse; width: 100%; margin: 12px 0 18px; font-size: 13px; }
th, td { border: 1px solid #999; padding: 6px 9px; text-align: left; vertical-align: top; }
th { background: #eceae4; font-weight: bold; white-space: nowrap; }
td.c { text-align: center; white-space: nowrap; }
.tbl-wrap { overflow-x: auto; }

/* 定義リスト風 */
dl.rec { margin: 12px 0 18px; border-top: 1px solid #ccc; font-size: 13px; }
dl.rec div { display: flex; gap: 12px; border-bottom: 1px solid #ccc; padding: 5px 4px; }
dl.rec dt { color: #555; min-width: 9em; flex: none; }
dl.rec dd { margin: 0; }

/* 注意書き */
.notice { border: 1px solid #999; background: #f7f6f3; padding: 10px 13px; margin: 16px 0; font-size: 12.5px; }
.warn { border-left: 5px solid #8a1f1f; }

/* 一覧 */
ul.list { margin: 10px 0 18px; padding-left: 22px; }
ul.list li { margin-bottom: 5px; }
.stub { color: #777; }

/* 条文 */
.jobun { font-size: 13px; margin: 0 0 16px; }
.jobun .no { font-weight: bold; display: block; }
.jobun .body { display: block; padding-left: 1em; }
.jobun .kou { display: block; padding-left: 1em; margin-top: 4px; }

/* 秘匿(黒塗り)。★テキストは絶対に置かない。幅だけをクラスで確保する。 */
.mask { display: inline-block; vertical-align: -0.18em; height: 1.05em; background: #1a1a1a; }
.m3 { width: 3em; } .m5 { width: 5em; } .m7 { width: 7em; }
.m9 { width: 9em; } .m12 { width: 12em; } .m16 { width: 16em; }

/* 検索結果 */
.res { margin: 14px 0 0; }
.res-count { font-size: 12px; color: #555; margin: 0 0 8px; }
.res ul { list-style: none; margin: 0; padding: 0; }
.res li { border-bottom: 1px dotted #bbb; padding: 9px 2px; }
.res li a { font-size: 13.5px; }
.res .d { font-size: 12px; color: #444; margin: 3px 0 0; }
.res .meta { font-size: 11.5px; color: #777; margin: 3px 0 0; }
.res .none { font-size: 13px; color: #444; }
.res-hint {
  margin: 12px 0 0; padding: 9px 12px; border: 1px solid #b8b4ac; background: #f4f2ee;
  font-size: 12.5px; color: #333;
}
.res-hint::before { content: "照会：" }
.res .naibu { background: #f9f7f2; }
.res .tag {
  display: inline-block; background: #4a5a72; color: #fff;
  font-size: 10.5px; padding: 0 6px; margin-right: 6px; vertical-align: 1px;
}

/* フッター */
.ft {
  border-top: 3px double #666; margin-top: 26px; padding: 12px 22px 20px;
  font-size: 11.5px; color: #555;
}
.ft .fic { display: block; margin-bottom: 5px; color: #777; }
.ft .idx {
  display: flex; gap: 6px 20px; flex-wrap: wrap;
  margin: 11px 0 0; padding-top: 9px; border-top: 1px solid #ccc;
  color: #444; letter-spacing: .04em; font-variant-numeric: tabular-nums;
}
.ft .idx b { color: #1a1a1a; }

@media (max-width: 720px) {
  .inner { padding: 0 14px 24px; }
  .hd, .nav, .ft { padding-left: 14px; padding-right: 14px; }
  dl.rec div { flex-direction: column; gap: 2px; }
  dl.rec dt { min-width: 0; }
}