@import "initial.css";

body {
  background: url(../images/background.gif) repeat-y top left;
}

div#head {
  margin: 0;
  background: url(../images/head_background.jpg) repeat-x top left;
}

div#head-border {
  margin: 0;
  background: url(../images/head_border.gif) repeat-x top left;
  height: 21px;
}

h1 {
  margin: 0;
}
h1 a{
  display: block;
  background: url(../images/title.jpg) no-repeat top left;
  text-indent: -10000px;
  width: 420px;
  height: 131px;
}

#container {
  position: relative;
  margin: 0;
}
/* Hides from IE5-mac \*/
* html #container { height: 1%; }
/* End hide from IE5-mac */

#sidebar {
  position: absolute;
  top:  0px;
  left: 0px;
  width: 184px;
}

#contents {
  margin-left: 184px;
  padding-top: 20px;
}

#foot {
  clear: both;
  color: white;
  text-align: right;
  font-size: 10px;
  padding: 12px;
  padding-top: 40px;
}

#menubar { margin-top: 0px; }
html>body #menubar { margin-top : 20px; }

#menubar li {
  display: block;
  width: 175px;
  list-style-type: none;
  margin: 0 4px;
  padding: 0;
  background: url(../images/menu/background.gif) repeat-y top left;
  text-align: center;
  font-size: 1px;
  line-height: 0.1;
  vertical-align: bottom;
}
#menubar .head {
  background: url(../images/menu/head.gif) no-repeat left top;
  height: 6px;
}
#menubar .tail {
  background: url(../images/menu/tail.gif) no-repeat left top;
  height: 6px;
  margin-bottom: 10px;
}
#menubar .hr {
  height: 6px;
}
#menubar div.hr {
  display: block;
  background: url(../images/menu/hr.gif) no-repeat center center;
  height: 5px;
  width: 175px;
}

#menubar a, #menubar span {
  display: block;
  margin:0 auto;
  padding:0;
  width: 162px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -10000px;
}
#menubar li.profile      a { background-image: url(../images/menu/profile.gif); }
#menubar li.profile      a:hover { background-image: url(../images/menu/profile-over.gif); }
#menubar li.diary        a { background-image: url(../images/menu/diary.gif); }
#menubar li.diary        a:hover { background-image: url(../images/menu/diary-over.gif); }
#menubar li.senjutsu     span { height: 20px; background-image: url(../images/menu/senjutsu.gif); }

#menubar li.shichusuimei a { background-image: url(../images/menu/shichusuimei.gif); }
#menubar li.shichusuimei a:hover { background-image: url(../images/menu/shichusuimei-over.gif); }
#menubar li.kigaku       span { height: 20px; background-image: url(../images/menu/kigaku.gif); }
#menubar li.kyusei       a { height: 20px; background-image: url(../images/menu/kyusei.gif); }
#menubar li.kyusei       a:hover { background-image: url(../images/menu/kyusei-over.gif); }
#menubar li.houi         a { height: 20px; background-image: url(../images/menu/houi.gif); }
#menubar li.houi         a:hover { background-image: url(../images/menu/houi-over.gif); }
#menubar li.kasou        a { background-image: url(../images/menu/kasou.gif); }
#menubar li.kasou        a:hover { background-image: url(../images/menu/kasou-over.gif); }
#menubar li.seimeigaku   a { background-image: url(../images/menu/seimeigaku.gif); }
#menubar li.seimeigaku   a:hover { background-image: url(../images/menu/seimeigaku-over.gif); }
#menubar li.kanteinaiyou a { background-image: url(../images/menu/kanteinaiyou.gif); }
#menubar li.kanteinaiyou a:hover { background-image: url(../images/menu/kanteinaiyou-over.gif); }
#menubar li.fortune      a { background-image: url(../images/menu/fortune.gif); }
#menubar li.fortune      a:hover { background-image: url(../images/menu/fortune-over.gif); }
#menubar li.kantei       a { height: 50px; background-image: url(../images/menu/kantei.gif?12024328); }
#menubar li.kantei       a:hover { background-image: url(../images/menu/kantei-over.gif?8398329289); }
#menubar li.price        a { height: 20px; background-image: url(../images/menu/price.gif); }
#menubar li.price        a:hover { background-image: url(../images/menu/price-over.gif); }
#menubar li.healing      a { height: 20px; background-image: url(../images/menu/healing.gif); }
#menubar li.healing      a:hover { background-image: url(../images/menu/healing-over.gif); }
#menubar li.access       a { height: 20px; background-image: url(../images/menu/access.gif); }
#menubar li.access       a:hover { background-image: url(../images/menu/access-over.gif); }
#menubar li.link         a { height: 20px; background-image: url(../images/menu/link.gif); }
#menubar li.link         a:hover { background-image: url(../images/menu/link-over.gif); }

.top-image {
  width: 480px;
  margin: 0 auto;
  background: #002574;
  color: yellow;
  font-size: 11px;
  margin-bottom: 6px;
}

.top-innner {
  width: 417px;
  margin: 0 auto;
  padding: 20px 0;
}
.banner-innner {
  padding: 4px;
}

a {
  color: yellow;
}