/* □□□□□□□□□□□□□□□□□□□□□□□
   Hossy 歌月十夜限定 Cascading Style Sheet
     by Hosoyama Naoki (hossy.mail@popup.org)
   □□□□□□□□□□□□□□□□□□□□□□□ */

  /*            up     right  bottom left */

/* ＝＝＝＝＝＝＝＝
     壁紙
   ＝＝＝＝＝＝＝＝ */
BODY
{
  background: white url(./hs_wall.png) repeat-y;
  color: black;
  margin-left: 24px;
  margin-right: 8px;
}



/* ＝＝＝＝＝＝＝＝
     本文
   ＝＝＝＝＝＝＝＝ */
P
{
  display: block;
  text-indent: 1em; 
}

SPAN.day
{
  color: green;
  font-family: Verdana, sans-serif;
  font-size: 80%;
  font-weight: bold;
}

SPAN.me
{
  color: blue
}

P.update
{
  text-align: right;
  color: green;
  font-family: Verdana, sans-serif;
  font-size: 80%;
  font-weight: bold;
}

P.right
{
  text-align: right;
}

P.counter , P.shortcut
{
  text-align: right;
}

SPAN.shortcut {
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-weight: normal;
  text-align: right;
  background: snow;
/*  background: floralwhite url(./tuk_column.png) no-repeat bottom right; */
  color: #696969; /* dimgray; */
  /* ほげ */

  /* Netscape4 のための親切設計(--; */
  border-color:       gray;
  border-left-width:   1px;
  border-top-width:    1px;
  border-bottom-width: 1px;
  border-right-width:  1px;

  /* 本当の設定はここから */
  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
  border-bottom: 1px gray     solid;
  border-right:  1px gray     solid;

}

P.note , P.link
{
  padding: 0.2em 1em 0.2em 1em;
  margin-left: 5em;
  margin-right: 5em;

  /* Netscape4 のための親切設計(--; */
  border-color:       gray;
  border-left-width:   1px;
  border-top-width:    1px;
  border-bottom-width: 2px;
  border-right-width:  2px;

  /* 本当の設定はここから */
  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
  border-bottom: 2px gray     solid;
  border-right:  2px gray     solid;

  background: floralwhite;
/*  background: floralwhite url(./tuk_column.png) no-repeat bottom right; */
}

P.link
{
  text-indent: 0em; 
  padding: 0.2em 1em 0.2em 1em;
  margin:  0.2em 3em 0.2em 3em;
  background: #f8f8ff; /* ghostwhite; */
}

P.title
{
  text-align: center;
}

P.move
{
  text-align:  right;
  padding-top:    0px;
  padding-bottom: 0px;
}

P.back
{
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}

P.cg
{
  text-align: center;
}

P.figure
{
   text-indent: 0em;
   margin-left: 2em;
}

P.column
{
  color: #224;
  padding: 0.2em;
  padding-left: 1em;
  text-indent: 0em;
  margin-left: 3em;
  margin-right: 3em;
  border: thin outset #eef; /* 旧 */
  background: #f8f8ff;
}


PRE
{
  margin-left: 2em;
  white-space: pre;
  padding: 0.8em;
  line-height: 100%;
  color: #202020;
  border: thin outset honeydew;
  background: honeydew;
}

/* ＝＝＝＝＝＝＝＝
    見出し
   ＝＝＝＝＝＝＝＝ */
H1, H2, H3, H4
{
  border-style: none;
  background: transparent;
  font-style: normal;

  padding-left: 0.5em;
  font-family: "ＭＳ Ｐゴシック", osaka, sans-serif;
  text-align: left;
}
H5
{
  font-size: 180%;
  text-align: center;
  color: blue;
  font-style: normal;

  /* Netscape4 のための親切設計(--; */
  border-color: #44F;
  border-top-width:    0.1em;
  border-bottom-width: 0.1em;

  /* 本当の設定はここから */
  border-top:    0.1em solid #44F;
  border-bottom: 0.1em solid #44F;
  background: lemonchiffon; 
  padding: 0.1em 0.5em;
  padding-bottom: 0.1em;
}

H1
{
  font-family: "ＤＦＰPOP体", "ＭＳ Ｐゴシック", osaka, sans-serif;
  font-size: 150%;

  /* Netscape4 のための親切設計(--; */
  border-color: red;
  border-top-width:    0.15em;
  border-left-width:   0.15em;
/*  border-bottom-width: 1px; */

  /* 本当の設定はここから */
  border-top:    0.15em solid red;
  border-left:   0.15em solid red;
  border-bottom: 1px solid orangered;
  background: white url(./hs_h1.png) no-repeat;
  color: purple;
  padding: 0.1em 0.5em;
  padding-bottom: 0.1em;
  text-indent: 0.2em;
  font-style: italic;
}

H2
{
  font-size: 135%;

  /* Netscape4 のための親切設計(--; */
  border-color:     #32cd32; /*limegreen;*/
  border-top-width: 0.15em;

  /* 本当の設定はここから */
  border-top: 0.15em solid  limegreen ;
  background: white url(./hs_h2.png) no-repeat;
  color: #006400; /* darkgreen; */
  padding-top:    0.1em;
  padding-bottom: 0.5em;
  text-indent: 0.4em;
  font-style: normal;
}

H3
{
  font-size: 120%;

  /* Netscape4 のための親切設計(--; */
  border-color:     #48F;
  border-top-width: 0.15em;

  /* 本当の設定はここから */
  border-top: 0.15em solid  #48F ;
  background: white url(./hs_h3.png) no-repeat;
  color: #24F;
  padding-top:    0.1em;
  padding-bottom: 0.5em;
  text-indent: 0.6em;

  font-style: normal;
}

H4
{
  font-size: 110%;

  /* Netscape4 のための親切設計(--; */
  border-color:     orange;
  border-top-width: 0.15em;

  /* 本当の設定はここから */
  border-top: 0.15em solid  orange ;
  background: white url(./hs_h4.png) no-repeat;
  color:  #ff8c00; /* darkorange ; */
  padding-top:    0.1em;
  padding-bottom: 0.5em;
  text-indent: 0.8em;

  font-style: normal;
}


/* ＝＝＝＝＝＝＝＝
      表 (歌月十夜)
   ＝＝＝＝＝＝＝＝ */

DIV.chart
{
  margin-left: 1.0em;
}

TABLE
{
  table-layout: fixed;
  margin-bottom: 2.0em;

  width       :   95%;
  
  font-size: 90%;
  line-height: 120%;
  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
  border-bottom: 1px gray     solid;
  border-right:  1px gray     solid;
/*  color: #404060; */
  background: lightyellow;
}

TABLE.start
{
  width       :   auto;
  margin-left: 32px;
}

CAPTION
{
  color: #4b0082; /* indigo; */
  background:    lightyellow;
  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
/*  border-bottom: 1px gray     solid; */
  border-right:  1px gray     solid;
  font-weight: bold;
  font-size: 105%;
  padding-top:    0.1em;
  padding-bottom: 0.1em;
}

TH
{
  width: 5em;
}

TD
{
  border-left:   1px white   solid;
  border-top:    1px white   solid;
  border-bottom: 1px dimgray solid;
  border-right:  1px dimgray solid;
  background: #f5f5f5;
  color: black;
}

TD.title
{
  width: 5em;
  font-weight: bold;
  color:  #483d8b; 
/*  background: #e8e8e8; */
  background:    #f5f5f5;
  border-bottom: 1px gray solid;
  border-right:  1px gray solid;
}


TD.pre
{
  background: #e6e6fa;
}
TD.get
{
/*  background: #fff0f5; */
  background: #faebd7;
}
TD.next
{
  background: #f0f8ff;
}
TD.add
{
  background: #ffffff;
}

SPAN.secret
{
  color: #ffffff;
  background: #ffffff;
}


/* 旧版タイトル */
  
TD.title1
{
  background: paleturquoise;
  color: #191970; /* midnightblue; */
  font-weight: bold;
}
TD.title2
{
  background: lavender;
  color:  #483d8b; /* darkslateblue; */
  font-weight: bold;
  border-bottom: 1px gray solid;
  border-right:  1px gray solid;
}

TD.info1
{
  background: #dcdcdc; /* gainsboro; */
}
TD.info2
{
  background: white;
  border-bottom: 1px gray solid;
  border-right:  1px gray solid;
}
TD.info3
{
  background: beige;
}


TH
{
  border-left:   1px white   solid;
  border-top:    1px white   solid;
  border-bottom: 1px dimgray solid;
  border-right:  1px dimgray solid;
  background: wheat;
  font-weight: bold;
  color: #a52a2a; /* brown; */
}



TD A
{
  font-weight: bold;
}

TD.day
{
  border-left:   1px white   solid;
  border-top:    1px white   solid;
  border-bottom: 1px dimgray solid;
  border-right:  1px dimgray solid;
  font-family: Verdana, sans-serif;
  font-size: 90%;
  text-align: right;
/*
  border-bottom: 1px darkgray solid;
  border-right:  1px darkgray solid; */
}

TD.lightgray
{
  color: #c0c0c0;
}

TD.space
{
  background: lightgrey;
}

UL.index{
  /* #ffcaa0 */
  border: 1px solid;
  border-left:   1px #f8d solid;
  border-top:    1px #f8d solid;
  border-bottom: 1px #f6c solid;
  border-right:  1px #f6c solid;
  margin: 0.5em;
  margin-left: 2.0em;

  padding-left  : 1.5em;
  padding-top   : 0.5em;
  padding-bottom: 0.5em;
  padding-right : 0.5em;
  background-color: #fffcff;

  width: 70%;
}

OL LI
{
  margin-top: 0.5em;
/*   margin-bottom: -0.2%;
  display: block; */
}


DL.column{
  border: 1px dotted orange;
  margin: 0.5em;
  padding: 0.5em;
  background-color: #fffbff;
}

DL.news{
  border: 1px dashed green;
  margin: 0.5em;
  padding: 0.5em;
  background-color: #ffe;
}

DT
{
  margin-top: 0.5em;
/*
  font-weight: bold;
  font-size: 120%;
  font-family: Arial, sans-serif;
  color: gray;
*/
}

DL.column DT
{
  color: gray;
  font-weight: bold;
}

DT A
{
  font-weight: bold;
}


DD
{
  margin-left: 1em;
}



/* ＝＝＝＝＝＝＝＝
       フォーム
   ＝＝＝＝＝＝＝＝ */

FORM.index
{
  margin-left: 3em;
}



/* ＝＝＝＝＝＝＝＝
        リンク
   ＝＝＝＝＝＝＝＝ */

A
{
  color: #84F;
  text-decoration:none
}


A:link
{
  color: #84F;
}

A:visited
{
  color: #84F;
}


A:active
{
  color: #80A0FF;
}


A:hover
{
  text-decoration:underline;    
  background: #ff8;
}


A.menulink
{
  text-decoration: none;
}

/* ＝＝＝＝＝＝＝＝
     強調
   ＝＝＝＝＝＝＝＝ */

B
{
  color: #000080;
}



/* ＝＝＝＝＝＝＝＝
    その他
   ＝＝＝＝＝＝＝＝ */
HR
{
  color: #6b8e23; /* olivedrab; */
  /*  background: olivedrab;  */
}


ADDRESS{
  padding-left: 0.5em;
  color: #228b22; /* forestgreen; */
  background: transparent;
}


/* ＝＝＝＝＝＝＝＝
    取り込み
   ＝＝＝＝＝＝＝＝ */