/*
 *  Style sheet for Hebikuzure-gawa Ryu Web
 */

BODY { 
    margin: 1em;
    font-size: small;
    font-family: serif;
    background: white;
    color: black; 
  }


  H1 { margin-top: 1em; margin-bottom: 5px;
       margin-left: 0px; margin-right: 0px;
       text-align: center; font-weight: bold; font-size: xx-large }

  H2 { margin-top: 1em; margin-bottom: 5px;;
       margin-left: 0px; margin-right: 0px;
       font-weight: bold; font-size: x-large }

  H3 { margin-top: 1em; margin-bottom: 5px;
       margin-left: 0px; margin-right: 0px;
       font-style: italic; font-weight: bold; font-size: large }

  H4 { margin-top: 5px; margin-bottom: 5px;
       margin-left: 0px; margin-right: 0px;
       font-weight: bold; font-size: medium }

  H5 { margin-top: 0em; margin-bottom: 5px;
       margin-left: 0px; margin-right: 0px;
       font-style: italic; font-size: medium }

  H6 { margin-top: 0em; margin-bottom: 0px;
       margin-left: 0px; margin-right: 0px;
       font-weight: bold; font-size: medium }

  B      { font-weight: bold }
  STRONG { font-weight:bold; color: red }
  EM     { font-style: italic ; color: red }

  HR { border-top: solid gray}

  A:link    { color: blue }          /* unvisited link */
  A:visited { color: purple }        /* visited links */
  A:active  { color: lime }          /* active links */
  A:hover   { color:#DDA0DD}         /* color="plum" (CSS L2)*/

  /* setting the anchor border around IMG elements
     requires contextual selectors */

  A:link IMG    { border: 2px solid blue }
  A:visited IMG { border: 2px solid red }
  A:active IMG  { border: 2px solid lime }
  A:hover IMG   { border: 2px solid #DDA0DD }     /* color="plum" (CSS L2) */

  /* ---------- */
  /* クラス作成 */
  /* ---------- */

  /* マージン設定 */

  .nm { margin-left: 0 }      /*  No Margin */
  .list { margin-left: 1em }  /*  List Style */
  .sp { margin-bottom: 5px }  /*  行間 */

  /* テキスト配置 */

  .center { text-align: center }
  .right  { text-align: right }
  .left   { text-align: left }

  /* 行間隔 */

  p.body {line-height:120%; font-family: serif; font-size: small }
  .ws {line-height:160%}  /* Wide Line Space */

  /* フォント属性設定 */

  FONT.navi { font-size: x-small }
  FONT.menu { font-size: small }
  FONT.note { font-size: x-small; color: olive }
  FONT.attention { font-size: x-small; color: red }
  FONT.name { font-size: small; color: darkgreen }

  /* ボックス属性設定 */

  .pagetitle { background-color: #D3D3D3; border: medium outset silver; }

/*
  .hebikuzure  { background-color: #FFCCCC; border: medium none silver;
                 margin: 5px 10px; padding: 5px 5px; }
  .fumizuki    { background-color: #DCDCDC; border: medium none silver;
                 margin: 5px 10px; padding: 5px 5px; }
  .higashikaze { background-color: #AFEEEE; border: medium none silver;
                 margin: 5px 10px; padding: 5px 5px; }
*/

  .hebikuzure  { border-width:10px 0px 0px 3px; border-style:solid;
            border-color:#ffcccc; padding:3px 10px 0px 10px; margin:10px 10px 0px 10px; }
  .fumizuki    { border-width:10px 0px 0px 3px; border-style:solid;
            border-color:#c0c0c0; padding:3px 10px 0px 10px; margin:10px 10px 0px 10px; }
  .higashikaze { border-width:10px 0px 0px 3px; border-style:solid;
            border-color:#afeeee; padding:3px 10px 0px 10px; margin:10px 10px 0px 10px; }

  .b-pink   { border-width:10px 0px 0px 3px; border-style:solid;
              border-color:#ff99ff; padding:3px 10px 0px 10px; margin:10px 0px 0px 0px; }
  .b-red    { border-width:10px 0px 0px 3px; border-style:solid;
              border-color:#ff0000; padding:3px 10px 0px 10px; margin:10px 0px 0px 0px; }
  .b-orange { border-width:10px 0px 0px 3px; border-style:solid;
              border-color:#ff9900; padding:3px 10px 0px 10px; margin:10px 0px 0px 0px; }