<style type="text/css">
<!--
html{/*スクロールバーの色*/
  scrollbar-3dlight-color: #F5DADA;
  scrollbar-arrow-color: #C0C0FC;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FFFACD;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color: #D5CACA;
  scrollbar-track-color: #FBFCFF;
  }
body{/*全体のフォントサイズ・色*/
/*xx-small < x-small < small < medium < large < x-large < xx-large */
  font-size: midium;
  color: #464646;
  background-color: #FFFFE0;
  overflow: auto;
  }
div,td{/*全体のフォントサイズ*/
  font-size: midium;
  }
a:link{/*リンク色*/
  color: #1E90FF;
  text-decoration: none;
  }
a:visited{/*訪問済みリンク色*/
  color: #1E90FF;
  text-decoration: none;
  }
a:hover,a:active{/*アクティブリンク色*/
  background-color: #FFCC66;
  }
.menu{/*メニュー部分の枠設定*/
  width: 180px;/*幅*/
  height: 500px;/*高さ*/
  padding: 1em 0px 1em 0px;
  background-color: #FFFFE0;/*背景色*/
  }
.main{/*右側部分の設定*/
  width: 550px;/*幅*/
  height: 500px;/*↑の高さと同じに*/
  padding: 1em 0px 1em 0px;
  border-top: solid 1px #FFFFE0;;
  border-right: solid 1px #FFFFE0;;
  border-bottom: solid 1px #FFFFE0;;
  background-color: #FFFFE0;
  }
.head{/*最上部の飾り設定*/
  width: 660px;/*幅*/
  height: 2em;
  padding: 6px;
  }
.mark{
  width: 10px;
  height: 10px;
  background-color: #00BFFF;/*青色部分*/
  }
.mark2{/*リンク項目タイトルの設定の右のライン*/
  width: 310px;
  height: 1px;
  font-size: 1px;
  background-color: #191970;
  }
.midhead{
  width: 620px;
  height: 10px;
  }
.headhr{
  height: 1px;
  margin: -1px 15px -1px 15px;
  color: #191970;/*横線*/
  }
.lay{
  height: 100%;
  width: 570px;/*全体の幅*/
  background-color: #FCFCFC;/*背景色*/
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0px 1em 0px;
  border-left: solid 1px #191970;
  border-right: solid 1px #191970;
  border-top: solid 1px #191970;
  border-bottom: solid 1px #191970;
  text-align: left;
  }

.linktitle{/*リンク項目タイトルの設定*/
  width: 18em;
  padding: 2px 1.5em 1px 1.5em;
  border: solid 1px #191970;
  color: #333333;
  background-color: #ADD8E6;
  font-size: midium;
  letter-spacing: 0.2em;
  }
.menutitle{/*リンク項目タイトルの設定*/
  width: 550px;
  padding: 2px 1.5em 1px 1.5em;
  border: solid 1px #F9FAFF;;
  color: #333333;
  background-color: #00BFFF;
  font-size: midium;
  letter-spacing: 0.2em;
  }
.lay ul,.lay dl{/*リンク表の設定*/
  border-bottom: solid 1px #8877BB;/*リンク下部の境界線*/
  margin: 0.5em 6px 1em 1em;
  padding-bottom: 0.5em;
  }
h1{/*SiteTitle部分の設定*/
  font-size: small;
  font-family: Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.3em;
  text-align: left;
  margin: 0em 0em 0em 0em;
  padding: 1px 2em 1px 1em;
  border: solid 1px #ADFF2F;/*枠色*/
  color: #343434;
  background-color: #ADFF2F;
  }
h2{/*About,Diary,Union部分の設定*/
  font-size: small;
  font-family: Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.3em;
  text-align: left;
  margin: 0em 0em 0em 0em;
  padding: 1px 2em 1px 1em;
  border: solid 1px #ADFF2F;/*枠色*/
  color: #343434;
  background-color: #ADFF2F;
  }
h3{
  font-size: midium;
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: 0.3em;
  text-align: left;
  margin: 0em 0em 0em 0em;
  padding: 1px 2em 1px 1em;
  border: solid 1px #ADFF2F;/*枠色*/
  color: #343434;
  }
pre{
  margin: 0px 0px 0px 0px;
  }
ul{/*メニュー部分の設定*/
  margin: 0.5em 0px 0.5em 0px;/*上下余白*/
  padding: 0em 0px 0em 0px;
/*  border-top: double 3px #D4C4C9;/*上下の二重線*/
/*  border-bottom: double 3px #D4C4C9;*/
  }

li{
  list-style: square outside;
  color: #00CC00;/*リンクの左の■のカラー*/
  margin: 0.1em 0px 0.2em 15px;/*上右下左余白*/
  font-size: midium;
  line-height: 110%;/*行の高さの設定・％でフォントサイズ連動*/
  }
li.overm{/*マウスを乗せたときの枠色・背景色*/
  border-color: #191970;
/*  background-color: #FFCC66; */
  }
a.overm{/*マウスを乗せたときの枠色・背景色*/
  background-color: #FFCC66;
  }
td.link{
  text-align:center;
  vertical-align:middle;
}
ul.left{
  margin-right: 0px;
  }
ul.right{
  margin-left: 0px;
  }
div.text{/*文章記述部分の設定*/
  font-size: midium;/*文字サイズ*/
  margin: 0.4em 1em 1em 2em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  }
div.textdiary{/*日記用に行間を広く設定*/
  font-size: midium;/*文字サイズ*/
  margin: 0.4em 1em 1em 2em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  line-height: 2;
  }
div.photo{/*文章記述部分の設定*/
  height: 100px;/*高さ*/
  font-size: midium;/*文字サイズ*/
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  }
div.text180{/*文章記述部分の設定*/
  width: 180px;/*幅*/
  height:10em;/*高さ*/
  font-size: midium;/*文字サイズ*/
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  }
div.text360{/*文章記述部分の設定*/
  width: 360px;/*幅*/
  height:10em;/*高さ*/
  font-size: midium;/*文字サイズ*/
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  }
div.textsc180{/*文章記述部分の設定*/
  width: 180px;/*幅*/
  height:11.5em;/*高さ*/
  overflow: auto;
  font-size: midium;/*文字サイズ*/
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  border: solid 1px #D5CACA;
  background-color: #FFF39F;
  }
div.textsc360{/*文章記述部分の設定*/
  width: 360px;/*幅*/
  height:11.5em;/*高さ*/
  overflow: auto;
  font-size: midium;/*文字サイズ*/
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  border: solid 1px #D5CACA;
  background-color: #FFF39F;
  }
div.textsc220{/*文章記述部分の設定*/
  width: 220px;/*幅*/
  height:11.5em;/*高さ*/
  overflow: auto;
  font-size: midium;/*文字サイズ*/
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  border: solid 1px #D5CACA;
  background-color: #FFF39F;
  }
div.textsc{/*スクロール可能の部分の設定*/
  width: 550px;/*幅*/
  height: 6em;/*高さ*/
  overflow: auto;
  font-size: midium;
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0.8em 0.5em 0.5em;
  border: solid 1px #D5CACA;
  background-color: #FFF39F;
  }
div.toptext{/*上部のテキストエリア部分*/
  margin: 0em 0px 0em 0px;
  position: relative;
  z-index: 2;
  width: 550px;
  padding: 2px;
  font-size: midium;
  font-style: normal;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  border: solid 1px #FFFACD;
  background-color: #FFFACD;
  }
div.bottomtext{/*最下部のテキストエリア部分*/
  margin: 0em 0px 0em 0px;
  position: relative;
  z-index: 2;
  width: 550px;
  padding: 2px;
  font-size: midium;
  font-style: normal;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  border: solid 1px #FFFACD;
  background-color: #FFFACD;
  }
-->
</style>

