html{
  /*スクロールバーの色*/
  scrollbar-3dlight-color: #DADADB;
  scrollbar-arrow-color: #7A7A7B;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FAFAFB;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color: #999999;
  scrollbar-track-color: #FBFBFC;
}
body{
  /*全体のフォントサイズ・色*/
  font-size: 10pt;
  color: #161616;
  background-color: #FFFFFF;
  overflow: auto;
}
div,td{
  /*全体のフォントサイズ*/
  font-size: 10pt;
}
a:link{
  /*リンク色*/
  color: #554966;
  text-decoration: none;
}
a:visited{
  /*訪問済みリンク色*/
  color: #554966;
  text-decoration: none;
}
A:HOVER,A:ACTIVE{
  /*アクティブリンク色*/
  color : fuchsia;
}
.menu{
  /*メニュー部分の枠設定*/
  width: 170px;
  /*幅*/
  height: 500px;
  /*高さ*/
  padding: 1em 0px 1em 0px;
  border: solid 1px #DADADB;
  /*枠色*/
  background-color: #FAFAFB;
/*背景色*/
  }
.main{
  /*右側部分の設定*/
  width: 400px;
  /*幅*/
  height: 500px;
  /*↑の高さと同じに*/
  padding: 1em 0px 1em 0px;
  border-top: solid 1px #DADADB;
  border-right: solid 1px #DADADB;
  border-bottom: solid 1px #DADADB;
  background-color: #FBFBFC;
}
.head{
  /*最上部の飾り設定*/
  width: 660px;
  /*幅*/
  height: 2em;
  padding: 6px;
}
.mark{
  width: 10px;
  height: 10px;
  background-color: #BA5665;
/*赤色部分*/
  }
.midhead{
  width: 620px;
  height: 10px;
}
.headhr{
  height: 1px;
  margin: -1px 15px -1px 15px;
  color: #767691;
/*横線*/
  }
h1#top{
  /*SiteTitle部分の設定*/
  font-size: 15px;
  /*文字サイズ*/
  font-family: Verdana,Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.3em;
  text-align: left;
  position: relative;
  z-index: 2;
  width: 550px;
  height: 1.5em;
  margin: 0.1em 1em -0.5em 1em;
  padding: 1px 2em 1px 3em;
  border: solid 1px #DADADB;
  /*枠色*/
  color: #212121;
  /*文字色*/
  background-color: #FEFEFF;
}
h2{
  /*About,Diary,Union部分の設定*/
  font-size: 13px;
  font-family: Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.3em;
  text-align: left;
  margin: 2em 1.5em 0.5em 1.5em;
  padding: 1px 2em 1px 1em;
  border: solid 1px #DADADB;
  color: #343434;
  background-color: #FEFEFF;
}
ul{
  /*メニュー部分の設定*/
  margin: 3em 0px 1em 0px;
  /*上下余白*/
  padding: 0.5em 0px 0.5em 0px;
  border-top: double 3px #C4C4C9;
  /*上下の二重線*/
  border-bottom: double 3px #C4C4C9;
}
li{
  /*個別メニューの設定*/
  font-size: 9pt;
  font-family: Arial,Verdana,Tahoma,sans-serif;
  letter-spacing: 0.5em;
  /*字の間隔*/
  padding: 0.2em 1.2em;
  margin: 1.5em 0px;
  /*上下間隔の設定*/
  border-top: dashed 1px #DADADD;
  /*上下の破線*/
  border-bottom: dashed 1px #DADADD;
  list-style: none;
  background-color: #F2F2F4;
}
li.overm{
  /*マウスを乗せたときの枠色・背景色*/
  border-color: #BABABC;
  background-color: #FEFEFF;
}
p.top{
  /*文章記述部分の設定*/
  font-size: 10pt;
  /*文字サイズ*/
  margin: 0.4em 2em 1em 2em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  border-right: dashed 1px #767679;
}
div.diary{
  /*スクロール可能の部分の設定*/
  height: 9em;
  /*高さ*/
  overflow: auto;
  font-size: 10pt;
  margin: 0.4em 2em 1em 2em;
  padding: 0.1em 0.8em 0.5em 0.5em;
}
address{
  /*最下部のCopyright部分*/
  margin: -1em 0px 1em 0px;
  position: relative;
  z-index: 2;
  width: 550px;
  padding: 2px;
  font-size: 8pt;
  font-style: normal;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  border: solid 1px #DADADB;
  background-color: #FEFEFF;
}