/*
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┃■C-BOARD Moyuku用スタイルシート
┃----------------------------------------------------------------------------
┃このファイルにはC-BOARD Moyuku用のスタイルシートが記録されています。
┃自由に書き換えることが出来ますが、「セットアップ（スタイル） 」の一番下で
┃スタイルシートを書き換えないように設定しないと、セットアップ時に自動的に
┃プログラムによって上書きされてしまうので注意してください。
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

body {
	background-color:#ffffff;
	background-image:url();
	color: #000000;
/*とほほ修正*/
	scrollbar-face-color:#ffffff;
}

a:link{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a:visited{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a:active{
	color:red;text-decoration:none;
	font-size: 9pt;
}
a:hover{
/*とほほ修正*/
	position:relative;top:1px;left:1px;
	color:#ff0000;text-decoration:none;
	font-size: 9pt;
}


span.MenuBar {
	display:inline-block; margin-left:10px; margin-right:10px;
}

a.Menu:link{
	font-size: 10pt;
	color: #000000;
}
a.Menu:visited{
	font-size: 10pt;
	color: #000000;
}
a.Menu:active{
	font-size: 10pt;
	color: #000000;
}
a.Menu:hover{
	font-size: 10pt;
	color: #000000;
}


div#container_sp div#articles {
	margin-left:  1%;
	margin-right: 1%;
}

div#container_sp a.Menu {
	display: inline-block;
	float: left;
	white-space: nowrap;
	min-width: 85px;
	text-align: center;
	margin-left: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top:5px;
}

div#container_sp span.MenuSelect {
	display: inline-block;
	float: left;
	white-space: nowrap;
	min-width: 85px;
	text-align: center;
	margin-left: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top:5px;
}

div#container_sp span.MenuSplit {
	display: none;
	float: left;
}


a.TreeParentSubject:link{
	color: #000000;
	font-size: 10pt;
}
a.TreeParentSubject:visited{
	color: #000000;
	font-size: 10pt;
}
a.TreeParentSubject:active{
	color: #000000;
	font-size: 10pt;
}
a.TreeParentSubject:hover{
	color: #000000;
	font-size: 10pt;
}

a.TreeChildSubject:link{
	color: #000066;
	font-size: 10pt;
}
a.TreeChildSubject:visited{
	color: #000066;
	font-size: 10pt;
}
a.TreeChildSubject:active{
	color: #000000;
	font-size: 10pt;
}
a.TreeChildSubject:hover{
	color: #000000;
	font-size: 10pt;
}

a.NumberSubject:link{
	color: #000000;
	font-size: 10pt;
}
a.NumberSubject:visited{
	color: #000000;
	font-size: 10pt;
}
a.NumberSubject:active{
	color: #000000;
	font-size: 10pt;
}
a.NumberSubject:hover{
	color: #000000;
	font-size: 10pt;
}

a.TopicSubject:link{
	color: #000000;
	font-size: 11pt;
}
a.TopicSubject:visited{
	color: #000000;
	font-size: 11pt;
}
a.TopicSubject:active{
	color: #000000;
	font-size: 11pt;
}
a.TopicSubject:hover{
	color: #000000;
	font-size: 11pt;
}

a.ThreadHeadline:link{
	color: #000000;
	font-size: 10pt;
}
a.ThreadHeadline:visited{
	color: #000000;
	font-size: 10pt;
}
a.ThreadHeadline:active{
	color: #000000;
	font-size: 10pt;
}
a.ThreadHeadline:hover{
	color: #000000;
	font-size: 10pt;
}

a.CsnLink:link{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a.CsnLink:visited{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a.CsnLink:active{
	color:red;text-decoration:none;
	font-size: 9pt;
}
a.CsnLink:hover{
	color:#ff0000;text-decoration:none;
	font-size: 9pt;
}

span.necessary {
	color:red;
}

span.TopicHeader {
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}

.AllAgent {
	font-size:10pt;
	color:#999999;
}

.AllBody {
	font-size:10pt;
	color:#000000;
}

.AllBody1 {
	font-size:10pt;
	color:#000000;
}

.AllBody2 {
	font-size:10pt;
	color:#cc0000;
}

.AllBody3 {
	font-size:10pt;
	color:#00cc00;
}

.AllBody4 {
	font-size:10pt;
	color:#0000cc;
}

.AllBody5 {
	font-size:10pt;
	color:#444444;
}

.AllBodyQuot1 {
	font-size:10pt;
	color:#008000;
}

.AllBodyQuot2 {
	font-size:10pt;
	color:#000080;
}

.AllBodyQuot3 {
	font-size:10pt;
	color:#cc6600;
}

.AllDate {
	font-size:10pt;
	color:#000000;
}

.AllDelete {
	font-size:10pt;
	color:#000000;
}

.AllDeleteInput {
	font-size:10pt;
	color:#000000;
}

.AllFile {
	font-size:10pt;
	color:#000000;
}

.AllHit {
	font-size:10pt;
	color:#000000;
}

.AllMasterName {
	font-size:10pt;
	color:#000000;
}

.AllName {
	font-size:10pt;
	color:#000000;
}

.AllReply {
	font-size:10pt;
	color:#000000;
}

.AllReplyInput {
	font-size:10pt;
	color:#000000;
}

.AllSubject {
	font-size:11pt;
	color:#000000;
}

.AllTree {
	font-size:10pt;
	color:#000000;
}

.BseId {
	font-size:9pt;
	color:#ff0000;
}

.Count {
	font-size:11pt;
	color:#000000;
}

.Custom {
	font-size:10pt;
	color:#000000;
}

.CustomInput {
	font-size:10pt;
	color:#000000;
}

.CustomWarn {
	font-size:10pt;
	color:#ff0000;
}

.Error {
	font-size:10pt;
	color:#000080;
}

.ErrorSmall {
	font-size:10pt;
	color:#ff0000;
}

.IndexBase {
	font-size:;
	color:;
}

.IndexTitle {
	font-size:;
	color:;
}

.Mail {
	font-size:10pt;
	color:;
}

.MailInput {
	font-size:10pt;
	color:;
}

.MailWarn {
	font-size:10pt;
	color:;
}

.Master {
	font-size:10pt;
	color:#000000;
}

.MasterInfo {
	font-size:10pt;
	color:#ffffff;
}

.MasterInput {
	font-size:10pt;
	color:#000000;
}

.MasterSepa {
	font-size:10pt;
	color:#999999;
}

.MasterTips {
	font-size:10pt;
	color:#ff0000;
}

.MasterTitleInput {
	font-size:10pt;
	color:#000000;
}

.MasterTitleSub {
	font-size:14pt;
	color:#494949;
}

.MasterWarn {
	font-size:10pt;
	color:#ff0000;
}

.Menu {
	font-size:10pt;
	color:#000000;
}

.MenuInput {
	font-size:10pt;
	color:#000000;
}

.MenuOut {
	font-size:10pt;
	color:#000000;
}

.MenuSelect {
	font-size:10pt;
	color:#666666;
}

.MenuSend {
	font-size:10pt;
	color:#000000;
}

.MenuSplit {
	font-size:10pt;
	color:#999999;
}

.NumberDate {
	font-size:10pt;
	color:#000000;
}

.NumberMasterName {
	font-size:10pt;
	color:#000000;
}

.NumberName {
	font-size:10pt;
	color:#000000;
}

.Post {
	font-size:10pt;
	color:#000000;
}

.PostInput {
	font-size:10pt;
	color:#000000;
}

.ResultInfo {
	font-size:10pt;
	color:#000000;
}

.ResultLogName {
	font-size:11pt;
	color:#000080;
}

.ResultLogTree {
	font-size:10pt;
	color:#808080;
}

.ResultSummary {
	font-size:10pt;
	color:#000000;
}

.Search {
	font-size:10pt;
	color:#000000;
}

.SearchInput {
	font-size:10pt;
	color:#000000;
}

.TopicDate {
	font-size:10pt;
	color:#000000;
}

.TopicLatest {
	font-size:10pt;
	color:#999999;
}

.TopicMasterLatest {
	font-size:10pt;
	color:#999999;
}

.TopicMasterName {
	font-size:10pt;
	color:#000000;
}

.TopicName {
	font-size:10pt;
	color:#000000;
}

.TopicReply {
	font-size:10pt;
	color:#000000;
}

.TreeChildDate {
	font-size:10pt;
	color:#888888;
}

.TreeChildMasterName {
	font-size:10pt;
	color:#006600;
}

.TreeChildName {
	font-size:10pt;
	color:#000000;
}

.TreeParentDate {
	font-size:10pt;
	color:#000000;
}

.TreeParentMasterName {
	font-size:10pt;
	color:#000000;
}

.TreeParentName {
	font-size:10pt;
	color:#000000;
}

.Version {
	font-size:10pt;
	color:#0000cc;
}

.MenuInput{
	border: 2 solid #cccccc;
}
.MenuSend{
	border: 2 solid #cccccc; background: #eeeeee;
}


/* ===========================================================================
   Adventurers of the Round Table ("Soundings") theme -- appended 2026-09-19
   ---------------------------------------------------------------------------
   Everything below restyles this board to match https://shocat.site/dol/ .
   Palette, type and motifs are the site's own (dol/assets/dol.css): paper
   ground, sea-coloured ink, pill chips, the hard-stop "waterline" strip and
   one brass hairline for the wind.

   It lives at the end of THIS board's own stylesheet, not in
   public/c-board_or.css, because that file is shared by every board on this
   install -- the admin board and the Half-Life board would be restyled too.
   Nothing on this board loads after this file except public/c-board_or.css
   and public/c-board_or_sp.css, and both are empty today.

   Before editing:
   - Keep this file ASCII. The board's pages are Shift_JIS, and a stylesheet
     with no charset of its own is read in the document's encoding. Japanese
     in `content:` is written as CSS escapes for the same reason.
   - The admin "setup (style)" screen can rewrite this file. If that happens,
     paste this block back in from the copy kept with the site sources
     (C:\claude\Web_The-Round-Table-Adventurers\c-board.css).
   - Do NOT add a blanket `img { max-width:100%; height:auto }`. The thread
     tree is built from 1px spacer GIFs stretched by width/height attributes;
     `height:auto` collapses them and the indentation disappears.
   - The pages render in quirks mode (HTML 4.01 doctype with no URL), so
     tables do not inherit font size or colour unless told to.
   =========================================================================== */

/* ------------------------------------------------------------------ tokens */

:root {
  --sail: #fdfcf8;  --shoal: #e8f4f2;  --swell: #c9e6e2;  --lagoon: #bee6e0;
  --abyss: #06263d; --ink-soft: #3f5f72; --rule-deep: #6e8fa0;
  --link: #0a6273;  --drop: #0e7c8c;   --deep: #0b5372;   --reef: #6fcbc4;
  --brass: #c08a2e; --brass-ink: #8a5a12;
  --waterline: linear-gradient(90deg,
      var(--lagoon) 0 22%, var(--reef) 22% 34%, var(--drop) 34% 35%,
      var(--deep) 35% 62%, var(--abyss) 62%);
  --f-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic",
            "Noto Sans JP", "Yu Gothic Medium", YuGothic, "Yu Gothic",
            Meiryo, sans-serif;
  --f-display: "Hiragino Mincho ProN", "Yu Mincho Demibold", "Yu Mincho",
               YuMincho, "BIZ UDPMincho", "Noto Serif JP", "MS PMincho", serif;
  --f-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas,
            "BIZ UDGothic", monospace;
}

/* -------------------------------------------------------------------- page */

html { font-synthesis: none; }
body {
  margin: 0;
  background: var(--sail) none;
  color: var(--abyss);
  font-family: var(--f-body);
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: .02em;
  /* the site's hard-stop depth strip, along the top edge */
  border-top: 3px solid var(--deep);
  border-image: var(--waterline) 1;
  scrollbar-color: var(--rule-deep) var(--shoal);
}
/* quirks mode: tables would otherwise fall back to the UA font size */
table { font-size: inherit; color: inherit; line-height: inherit; }
div#container { padding-bottom: 3rem; }
div#container_sp { padding-bottom: 2rem; }

::selection { background: #a9d4ea; color: var(--abyss); }

/* ------------------------------------------------------------------- title */

h1 {
  margin: 1.8rem 0 1.4rem;
  font-family: var(--f-display);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .04em;
  color: var(--abyss);
}
h1::before {
  content: "BBS";
  display: block;
  font-family: var(--f-mono);
  font-size: .75rem;
  letter-spacing: .14em;
  color: var(--drop);
}
/* the brass wind-rule */
h1::after {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  margin-top: .6rem;
  background: linear-gradient(90deg, var(--brass), transparent);
}

/* The phone layout prints the software's own name, "(SS)C-BOARD for PDA",
   as its heading. Show the board's name there instead, the same one the
   desktop heading uses. The escapes spell the board name, see top of file. */
div#container_sp h1 { font-size: 0; margin: 1.2rem 0 1rem; }
div#container_sp h1::before { font-size: 11px; }
div#container_sp h1::after {
  content: "\5186\5353\306E\5192\967A\56E3\63B2\793A\677F";
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  background: none;
  border-bottom: 1px solid var(--brass);
}

/* -------------------------------------------------------------------- menu */

/* the glossy blue capsule is three GIFs; drop them and draw chips instead */
img[src*="mnu_table_"] { display: none; }
td[background*="mnu_table_back"] {
  background-image: none !important;
  padding: 0 !important;
}
span.MenuBar { display: inline; margin: 0; }
span.MenuSplit { display: none !important; }

a.Menu:link, a.Menu:visited, a.Menu:active, a.Menu:hover,
span.MenuSelect,
div#container_sp a.Menu, div#container_sp span.MenuSelect {
  display: inline-block;
  float: none;
  min-width: 0;
  margin: 0 .4rem .45rem 0;
  padding: .3rem .95rem;
  border: 1px solid var(--lagoon);
  border-radius: 999px;
  background: var(--shoal);
  color: var(--deep);
  font-family: var(--f-body);
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
  box-shadow: none;
  position: static;
}
a.Menu:hover, div#container_sp a.Menu:hover {
  background: var(--swell);
  color: var(--abyss);
}
span.MenuSelect, div#container_sp span.MenuSelect {
  background: var(--deep);
  border-color: var(--deep);
  color: var(--sail);
}
/* the phone menu is a wrapped row of chips too */
div#container_sp div.MenuLine { display: flex; flex-wrap: wrap; }

span.MenuOut, .Count {
  font-family: var(--f-mono);
  font-size: 12px;
  color: var(--ink-soft);
}

/* ------------------------------------------------------------------- links */

a:link, a:visited { color: var(--link); font-size: inherit; }
a:active { color: var(--drop); }
/* the old skin nudged every link 1px down-right on hover -- hold it still */
a:hover { color: var(--drop); position: static; top: 0; left: 0; }

hr {
  border: 0;
  height: 1px;
  background: var(--lagoon);
  color: var(--lagoon);
  margin: 1.1rem 0;
}

/* -------------------------------------------------------------- the tree */

/* rows are painted with bgcolor on the cell and sometimes on the row */
table[bgcolor], tr[bgcolor], td[bgcolor], th[bgcolor] {
  background-color: transparent !important;
}
div#container > table td[bgcolor],
div#container_sp div#articles > table td[bgcolor] {
  padding: .15rem .5rem;
  border-radius: 6px;
}
div#container > table:hover td[bgcolor],
div#container_sp div#articles > table:hover td[bgcolor] {
  background-color: var(--shoal) !important;
}

a.TreeParentSubject:link, a.TreeParentSubject:visited,
a.TreeParentSubject:hover, a.TreeParentSubject:active {
  color: var(--abyss);
  font-size: 15px;
}
a.TreeChildSubject:link, a.TreeChildSubject:visited,
a.NumberSubject:link, a.NumberSubject:visited,
a.ThreadHeadline:link, a.ThreadHeadline:visited {
  color: var(--deep);
  font-size: 14px;
}
a.TreeChildSubject:hover, a.NumberSubject:hover, a.ThreadHeadline:hover {
  color: var(--drop);
}
a.TreeParentSubject strong, a.TreeChildSubject strong { font-weight: 600; }

span.TreeParentName, span.TreeChildName,
span.TreeParentDate, span.TreeChildDate,
.NumberName, .NumberDate, .TopicName, .TopicDate, .TopicLatest,
.TopicMasterLatest, .TopicReply, .AllName, .AllDate, .AllHit, .AllAgent,
.ResultLogTree {
  font-family: var(--f-mono);
  font-size: 12px !important;
  color: var(--ink-soft);
}
span.TreeParentMasterName, span.TreeChildMasterName,
.NumberMasterName, .TopicMasterName, .AllMasterName {
  font-size: 12px !important;
  color: var(--brass-ink);
}
/* the dotted branch lines are black GIFs; soften them onto the paper */
img[src*="_icon.gif"][alt] { opacity: .55; }

/* --------------------------------------------------------- a single post */

/* the grey subject bar is three GIFs as well */
img[src*="sbj_table_"] { display: none; }
td[background*="sbj_table_back"] {
  background-image: none !important;
  padding: .2rem 0 .35rem;
  border-bottom: 1px solid var(--lagoon);
}
.AllSubject, span.TopicHeader, a.TopicSubject:link, a.TopicSubject:visited {
  font-family: var(--f-display);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--abyss);
}
.AllSubject strong, span.TopicHeader strong { font-weight: 500; }

/* Colours the board writes as inline styles, which only !important can beat.
   Matched on the value itself so nothing else is caught:
   #424282 = the violet band behind the subject on the phone layout,
   #494949 = the charcoal rules of the topic table. */
td[style*="#424282"] {
  background-color: transparent !important;
  border-bottom: 1px solid var(--lagoon);
  padding: .2rem 0 .35rem;
}
/* The phone layout also embeds its own <style> AFTER this sheet. It paints
   the subject white (for that violet band) as span.AllSubject, so the phone
   rule has to outrank it; the id does that. Its menu rules are a.Menu and
   lose to the div#container_sp selectors above. */
div#container_sp span.AllSubject { color: var(--abyss); }

[style*="#494949"], [style*="solid #424282"] {
  border-color: var(--lagoon) !important;
}
/* <font color> is a presentational hint, so plain CSS outranks it */
font[color="000080"], font[color="#000080"] { color: var(--deep); }
font[color="ff0000"], font[color="#ff0000"] { color: var(--brass-ink); }
a.TopicSubject:link, a.TopicSubject:visited { font-size: 1.05rem; }

/* The body sits in a div with an inline line-height of 105%, which packs
   Japanese lines together. Turning the span into a block gives it line boxes
   of its own, and makes it the card the site uses for diary entries. */
.AllBody, .AllBody1, .AllBody2, .AllBody3, .AllBody4, .AllBody5 {
  display: block;
  padding: .9rem 1.1rem;
  background: var(--sail);
  border: 1px solid var(--lagoon);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(6, 38, 61, .05);
  font-size: 15px;
  line-height: 1.9;
  color: var(--abyss);
}
/* the post form ends with an empty <span class=AllBody></span>; no card for it */
.AllBody:empty, .AllBody1:empty, .AllBody2:empty,
.AllBody3:empty, .AllBody4:empty, .AllBody5:empty { display: none; }
.AllBody2 { color: #9a2f2b; }
.AllBody3 { color: #2b6b45; }
.AllBody4 { color: var(--deep); }
.AllBody5 { color: var(--ink-soft); }
.AllBodyQuot1 { color: var(--drop); }
.AllBodyQuot2 { color: var(--deep); }
.AllBodyQuot3 { color: var(--brass-ink); }

.AllTree, .AllReply, .AllDelete, .AllFile, .Post, .Custom, .Search,
.Master, .ResultInfo, .ResultSummary, .Mail {
  font-size: 13px;
  color: var(--ink-soft);
}
.ResultLogName { color: var(--deep); font-size: 14px; }

span.necessary, .CustomWarn, .MasterWarn, .MailWarn, .ErrorSmall,
.MasterTips, .BseId { color: #9a2f2b; }
.Error { color: var(--deep); }
.MasterSepa { color: var(--rule-deep); }
.MasterTitleSub { color: var(--ink-soft); }

/* ------------------------------------------------- framed panels (forms) */

/* The post / search / settings forms sit in a frame of eight corner GIFs
   over a striped grey wall. Keep the corner cells (they hold the spacing)
   but blank them, and lay the panel on the site's pale shoal instead. */
img[src*="bse_table_"] { visibility: hidden; }
td[background*="bse_table_"] { background-image: none !important; }
td[background*="_wall"], table[background*="_wall"] {
  background-image: none !important;
  background-color: var(--shoal) !important;
}

/* ------------------------------------------------------------------- forms */

input[type="text"], input[type="password"], input[type="email"],
input[type="url"], input[type="search"], input:not([type]), textarea, select {
  box-sizing: border-box;
  max-width: calc(100vw - 3rem);
  padding: .35rem .55rem;
  background: var(--sail);
  color: var(--abyss);
  border: 1px solid var(--rule-deep);
  border-radius: 6px;
  font-family: var(--f-body);
  font-size: 14px;
}
textarea { width: 100%; line-height: 1.8; }
input:focus, textarea:focus, select:focus {
  outline: 3px solid var(--drop);
  outline-offset: 1px;
}
/* !important on the colours only because the board writes some buttons with
   an inline style (the "G O" jump button carries background:#ffffff), and an
   inline style beats any selector. Without it that button renders as pale
   text on a white pill -- invisible. */
input[type="submit"], input[type="button"], input[type="reset"], button {
  padding: .3rem 1.1rem;
  background: var(--deep) !important;
  color: var(--sail) !important;
  border: 1px solid var(--deep) !important;
  border-radius: 999px;
  font-family: var(--f-body);
  font-size: 13px;
  cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover,
input[type="reset"]:hover, button:hover {
  background: var(--drop) !important;
  border-color: var(--drop) !important;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--deep); }

.MenuInput, .MenuSend, .PostInput, .SearchInput, .CustomInput,
.MasterInput, .MailInput, .AllReplyInput, .AllDeleteInput {
  color: var(--abyss);
  border-color: var(--rule-deep);
}

/* --------------------------------------------------------------- leftovers */

.Version, a.Version:link, a.Version:visited {
  font-family: var(--f-mono);
  font-size: 11px;
  color: var(--ink-soft);
}
a.CsnLink:link, a.CsnLink:visited { color: var(--link); font-size: 13px; }