/*
----------------------------------------
    ~/default.css
----------------------------------------
*/

/*
------------------------------------------------------------
  全般
------------------------------------------------------------
*/

body
  {
    color: #000;
    background: #eee;
    margin: 30px;
  }

body,
th,
td
  {
    line-height: 1.5em;       /* 行間 */
  }

dt
  {
    font-weight: bold;
    line-height: 2em;
  }

dd,
.supplement                   /* 補足説明 */
  {
    font-size: 0.9em;
    margin-left: 40px;
  }

.comment
  {
    font-size: 0.8em;
  }

a:link
  {
    color: #00b;
  }

a:visited
  {
    color: #507;
  }

a:hover
  {
    color: #44d;
  }

a:active
  {
    color: #639;
  }

hr
  {
    border-style: solid;  /* or "dotted", "solid", "dashed" */
    color: #999;
    height: 1px;
    /* border: 1px; */
  }

.code
  {
    line-height: 1em;
  }

.ascii_art
  {
    white-space: nowrap;
  }

/*
------------------------------------------------------------
  <table> (全般)
------------------------------------------------------------
*/

tr.numeric,     /* 数値セル */
th.numeric,
td.numeric
  {
    text-align: right;
  }

tr.string,      /* 文字列セル */
th.string,
td.string
  {
    text-align: left;
  }

tr.symbol,      /* 記号類セル */
th.symbol,
td.symbol
  {
    text-align: center;
    vertical-align: middle;
  }

/*
------------------------------------------------------------
  <table> (表組用)
------------------------------------------------------------
*/

table.ruled_a,
table.ruled_a th,
table.ruled_a td
  {
    border: 1px #999 solid;   /* 罫線 */
  }

table.ruled_a
  {
    border-collapse: collapse;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

table.ruled_a th,
table.ruled_a td
  {
    padding: 6px;             /* 枠内の配置 */
    vertical-align: top;
  }

table.ruled_a th
  {
    background: #ddd;
    font-weight: bold;
    text-align: left;         /* th はブラウザ・デフォルトは中揃え */
  }

table.ruled_a caption
  {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.2em;
    padding-bottom: 0.5em;
  }

.table_comment
  {
    font-size: 0.8em;
    margin-left: 40px;
  }

td.accent_a   /* <th> とは別にアクセントをつけたい場合。例えば日齢計算。 */
  {
    background: #dde;
  }

/*
------------------------------------------------------------
  <table> (レイアウト用)
------------------------------------------------------------
*/

/*
----------------------------------------
   中央の縦罫線を挟んで、項目名と項目値が左右向き合う形。
   日齢計算の結果表示など。
*/

table.layout_a
  {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

table.layout_a td,
table.layout_a th
  {
    vertical-align: top;
  }

table.layout_a th
  {
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
  }

/*
------------------------------------------------------------
  図版
------------------------------------------------------------
*/

.figure
  {
    margin-left: 40px;
    font-size: 0.8em;
  }

.figure img
  {
    display: block;
    border: 0;
    margin-top: 10px;
  }

.figure .figure_title
  {
    font-weight: bold;
    line-height: 1.2em;
  }

/*
------------------------------------------------------------
  ヘッダ・フッタ
------------------------------------------------------------
*/

h1, h2, h3, h4
  {
    font-weight: bold;
  }

h1
  {
    font-size: 1.6em;
    padding: 0.6em 0.4em;
    background: #aae;
    /* background-image: url("file:///D:/home/document/html/vector/image/photo/cloud_a.jpg"); */
    border: solid #77a 1px;
  }

h2
  {
    font-size: 1.3em;
    padding: 0.4em;
    background: #cce;
    border: solid #99b 1px;
  }

h3
  {
    font-size: 1.1em;
    padding: 0.2em;
    background: #dde;
  }

h4
  {
    font-size: 1.0em;
  }

.category h1,
.category h2,
.category h3
  {
    border: solid #999 1px;
    background: #fff;
    background-image: none;
  }

#copyright
  {
    font-size: 0.8em;
  }

/*
------------------------------------------------------------
  制御
------------------------------------------------------------
*/

form.numeric input,
input.numeric
  {
    ime-mode: disabled;
  }

#success_title
  {
    font-weight: bold;
    color: #009;
  }

#error_title,
.warning
  {
    font-weight: bold;
    color: #900;
  }