html {
  background-color: #000000;
  background-image: url("bg000.jpg");
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px;
  color: #559977;
  font-size: 14px;
  text-align: center; /* centering for MSIE */
}

body {
  width: 836px;
  height: 100%;
  color: #eeddbb;
  background-color: #000000;
  background-image: url("bg001.jpg");
  background-repeat: repeat-y;
  margin: 0px auto 0px auto; /* centering */
  padding: 0px;
  text-align: center; /* restore align for MSIE centering */
}

  a:link {color: #ffdd88}
  a:visited {color: #ffdd88}
  a:hover {color: #ff7777}
  a:active {color: #ff5555}

p {
  line-height: 120%;
  margin: 0px auto 1.0em auto;
}

.cry{
  width: 100%;
  height: 104px;
  position: absolute;
  z-index: 11;
  top: -480px;
}

.cnt{
  padding: 80px 0px 0px 670px;
}

/* タイトルイメージ */
h1 {
  width: 836px;
  height: 522px;
  background-image: url("title_img.jpg");
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 9px;
  font-weight: normal;
  color: #55998f;
/* hide text */
}

  /* メニュー全体指定 */
.menu {
  width: 624px;
  height: 20px;
  text-align: center;
  margin: 5px auto 10px auto;
  display: block;
  position: relative;
  left: 0px;/*←両サイド固定に必要*/
  right: 0px;/*←両サイド固定に必要*/
  z-index: 2;
  padding: 0px;
  /*border: 1px solid #ffffff;*/

}

  /* メニューボタンポジショニング指定 */
.menu li{
  list-style-type: none;
  margin: auto 5px auto 5px;
  display: block;
  float: left;
  width: 93px;
  height: 20px;
}

  /* メニューボタン個別指定（拡張用） */
#information {background-color: #000000}
#gallery {background-color: #000000}
#profile {background-color: #000000}
#works {background-color: #000000}
#bbs {background-color: #000000}
#link {background-color: #000000}

  /* メインスペースサイズ・ポジショニング指定 */
.main {
  position: relative;
  z-index: 1;
  top: -30px;
　left: auto;
  right: auto;
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 766px;
  height: 600px;
  background-image: url("bg002.jpg");
  background-repeat: repeat-y;

}

  /* 上枠 */
.main h2{
  width: 766px;
  height: 44px;
  background-image: url("frame-top.jpg");
  /* hide text */
  font-size: 2px;
  text-indent: -1700em;
  color: #000000;
  margin: 0px;
}

.main-inner{
  padding: 0px 0px 0px 57px;
  margin: 0px;
}

  /* ログ項目全体指定 */
div#log{
  list-style-type: none;
  font-size: 12px;
  color: #ddd0bf;
  text-align: left;
  margin: 0px 8px 0px 0px;
  padding: 3px 3px 3px 3px;
  width: 280px;
  height: 338px;
  border: 1px solid #998877;
  background-color: #332926;
  float: left;
}

  /* ログヘッダ */
#log h3{
  font-weight: normal;
  font-size: 11px;
  padding: 3px;
  background-color: #7f6b5f;
  text-align: center;
  margin: 0px;
  border-bottom: 2px solid #000000;
  border-top: 1px solid #bbb299;
}

#log ul{
  width: 280px;
  margin: 4px 0px 0px 0px;
  padding: 0px;
}

  /* ログテキスト指定（日付含） */
#log li{
  color: #d0c6a0;
  font-weight: bold;
  list style-type: none;
  list-style-image: url("orb-blue.gif");
  list-style-position: inside;
}

 /* ログテキスト指定（日付以外） */
.log-texts{
  color: #ccbb99;
  line-height: 1.2em;
  font-weight: normal;
  font-size: 12px;
  margin: 0px 0px 12px 8px;
}

  /* ログフッター */
.log-footer{
  width: 276px;
  position: absolute;
  top: 366px;
  z-index:10;
  display: block;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 2px 2px 2px;
  background-color: #7f6b5f;
  text-align: right;
  border-top: 1px solid #bbb299;
  border-bottom: 2px solid #000000;
}

  /* 過去ログリンク指定 */
a.all-log-link:link {color: #bbaa88}
a.all-log-link:visited {color: #bbaa88}
a.all-log-link:hover {color: #ffffdd}
a.all-log-link:active {color: #ff5555}

  /* 日記全体指定 */
#diary {
  width: 330px;
  height: 390px;
  background-image: url("scroll.gif");
  background-repeat: no-repeat;
  text-align: left;
  font-size: 12px;
  float: left;
  padding: 10px 15px 0px 15px;
}

  /* 日記テキスト */
.diary-texts {
  height: 360px;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

  /* 日記フッター */
.diary-footer{
  clear: both;
  width: 315px;
  display: block;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 6px 0px 0px;
  margin: 0px;
  border-top: 1px solid #ccbbaa;
  text-align: right;

}

  /* 過去日記リンク指定 */
a.all-diary-link:link {color: #eeddbb}
a.all-diary-link:visited {color: #eeddbb}
a.all-diary-link:hover {color: #ff8888}
a.all-diary-link:active {color: #ff5555}

  /* リンクについて */
div#others {
  border-top: 2px solid #665544;
  position: relative;
  z-index: 4;
  margin: 0px 50px 0px auto;
  clear: both;
  list-style-type: none;
  font-size: 12px;
  line-height: 1.5;
  color: #ccbbaa;
  text-align: right;
  padding: 8px 4px 0px 0px;
  width: 488px;
  height: 107px;
}

div#others p {
  margin: 0;
  padding: 0;  
}


  /* ギア */
#gear{
  position: absolute;
  top: 394px;
  left: 45px;
　z-index: 0;
  width: 292px;
  height: 180px;
  background-image: url("rolling-gear.jpg");
  background-repeat: no-repeat;
  background-position: left top;
}

  /* バナーポジショニング */
.banner{
  text-align: center;
  pisition: absolute:
  width: 280px;
  float: right;
  margin: 7px 0px 0px 16px;
  padding: 0px;
}

  /* 下枠 */
.footer {
  z-index: 3;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  width: 766px;
  height: 44px;
  text-align: right;
  background-image: url("frame-bottom.jpg");
}

#copyright {
   color: #ccbb99;
   padding: 22px 50px 0px 0px;
}