/* 基本色 
   背景色 濃 #d0d5ff, 淡 #eeeeee
   文字色 濃 #808080, 淡 #bbbbbb,#ffffff, その他 #33aa99, #ffd700(gold)
   リンク #ffdd99
*/

/* 全ページ共通定義 */

/* ID CLASS無し */
body
{
 background: #d0d5ff;
 margin: 0px;
 padding: 0px;
 scrollbar-track-color: #eeeeee;
 scrollbar-face-color: #d0d5ff;
 scrollbar-shadow-color: #d0d5ff;
 scrollbar-darkshadow-color: #d0d5ff;
 scrollbar-highlight-color: #d0d5ff;
 scrollbar-3dlight-color: #d0d5ff;
 scrollbar-arrow-color: #eeeeee;
}

table
{
 margin: 0px;
 padding: 0px;
 background-color: #ffffff;
 width: 100%; height: 100%;
 border-collapse: collapse;
 empty-cells: show;
}

hr
{ color: #d0d5ff; width: 100%; }

h1
{
 margin: 0px;
 padding: 0px;
 border: 3px solid #d0d5ff;
 width: 90%;
 color: #808080; background-color: #eeeeee;
 font: medium sans-serlf;
 font-weight: bold;
 line-height: 1.1em;
}

h2
{
 margin: 0px;
 padding: 0px;
 border-bottom: 3px solid #d0d5ff;
 width: 80%;
 color: #808080;
 font: small sans-serlf;
 font-weight: bold;
 line-height: 1.1em;
}

a:link { color: #808080; text-decoration: none;}
a:visited { color: #808080; text-decoration: none; }
a:hover { color: #ffffff; background-color: #ffdd99; }
a:active { color: #ffffff; background-color: #ffdd99; }


/* ID定義 */
#pagenow
{ margin: 0px;
  padding: 0px;
  border-right: 2px solid #d0d5ff;
  border-bottom: 2px solid #d0d5ff; 
  width: 80%;
  color: #ffffff;
  background-color: #d0d5ff;
  text-align: center;
  font: bold small sans-serlf;
}

#pagelink
 { margin: 0px;
   padding: 0px;
   border-right: 2px solid #d0d5ff;
   border-bottom: 2px solid #d0d5ff;
   width: 80%;
   color: #bbbbbb;
   background-color: #eeeeee;
   text-align: center;
   font: bold small sans-serlf;
   line-height: 1.2em; }

a:link #pagelink 
 { color: #bbbbbb; background-color: #eeeeee; text-decoration: none;}
a:visited #pagelink
 { color: #bbbbbb; background-color: #eeeeee; text-decoration: none; }
a:hover #pagelink
 { color: #ffffff; background-color: #ffdd99; }
a:active #pagelink
 { color: #ffffff; background-color: #ffdd99; }


/* CLASS定義 */
td.left
{
 margin: 0px;
 padding: 5px;
 border-top: 10px solid #d0d5ff;
 border-bottom: 10px solid #d0d5ff;
 vertical-align: top;
 text-align: center;
}

td.right
{
 margin: 0px;
 padding: 0px;
 border-left: 5px solid #d0d5ff;
 width: 35%;
 color: #000000;
 background-color: #ffffff;
 vertical-align: top;
 text-align: left;
}

div.writing
{ margin: 0px;
  padding: 5px;
  border: 0px solid #d0d5ff;
  width: 90%;
  color: #808080;
  background-color: #ffffff;
  font: x-small sans-serlf;
  text-align: left;
  line-height: 1.2em; }

div.writing a:link { color: #808080; text-decoration: underline;}
div.writing a:visited { color: #808080; text-decoration: underline; }
div.writing a:hover { color: #ffffff; background-color: #ffdd99; }
div.writing a:active { color: #ffffff; background-color: #ffdd99; }
   
div.submenu
{
 margin: 20px 0px;
 padding: 0px;
 width: 100%;
 text-align: center;
}
 
div.submenu table
{
 padding: 5px;
 border: 1px solid #d0d5ff;
 background-color: #eeeeee;
 width: 90%;
}

div.submenu td
{
 margin: 0px;
 padding: 5px;
 color: #808080;
 background-color: #eeeeee;
 text-align: center;
 font: x-small serlf;
 line-height: 1.2em;
}

div.submenu td.caption
{
 padding: 0px;
 color: #ffffff;
 background-color: #d0d5ff;
 font: small monospace;
 font-weight: bold;
}
   
div.submenu td.writing
{ text-align: left; }

div.submenu a:link
 { color: #808080; text-decoration: underline; }
div.submenu a:visited
 { color: #808080; text-decoration: underline; }
div.submenu a:hover
 { color: #ffffff; background-color: #ffdd99; text-decoration: underline; }
div.submenu a:active
 { color: #ffffff; background-color: #ffdd99; text-decoration: underline; }