@charset "UTF-8";
@import "profile.css";
@import "disco.css";
@import "blog.css";
@import "bbs.css";
@import "mail.css";
@import "schedule.css";

body, div, p, td, th {
  font-size: 12px;
  color: #333;
  line-height: 1.6;
}
html,body,div {
  margin: 0;
  padding: 0;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}
html {
  background: url(/_img/common/back.jpg) no-repeat fixed 0 0 !important;
  background: url(/_img/common/htmlback.jpg) repeat-y 0 0;
}
body {
  background: url(/_img/common/back.jpg) no-repeat fixed 0 0;
}

a { color: #cc3300; }
a:visited { color: #dd6740; }

div.container {
  width: 800px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 0 -20px 0;
}

div.sidebar {
  /* float: left; */
  width: 140px;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  height: 100%;
  position: fixed !important;
  position: absolute;
}

div.toptitle {
  width: 150px;
  height: 77px;
  margin: 0;
  padding: 0;
  background: url(/_img/common/title.jpg) no-repeat 0 0;
  text-indent: -10000px;
}

div.right {
  float: right;
  width: 644px;
  color: black;
  font-size: 12px;
}
div.main {
  margin: 16px 16px;
}
h1 {
  margin: 0;
  padding: 0;
  width: 612px;
  height: 40px;
  text-indent: -10000px;
  background-position: 0 0;
  background-repeat: no-repeat;
  line-height: 0.1;
  font-size: 1px;
}
h1.profile { background-image: url(/_img/title/profile.gif); }
h1.schedule { background-image: url(/_img/title/schedule.gif); }
h1.disco { background-image: url(/_img/title/disco.gif); }
h1.blog { background-image: url(/_img/title/blog.gif); }
h1.bbs { background-image: url(/_img/title/bbs.gif); }
h1.mail { background-image: url(/_img/title/mail.gif); }


ul.menu {
  margin: 10px 0 0 22px;
  padding: 0;
  list-style: none;
}
ul.menu li {
  margin-bottom: 14px;
}
ul.menu li a {
  display: block;
  margin: 0;
  padding: 0;
  width: 130px;
  height: 23px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -10000px;
}
ul.menu li.profile a { background-image: url(/_img/common/profile.jpg); }
ul.menu li.schedule a { background-image: url(/_img/common/schedule.jpg); }
ul.menu li.blog a { background-image: url(/_img/common/blog.jpg); }
ul.menu li.bbs a { background-image: url(/_img/common/bbs.jpg); }
ul.menu li.disco a { background-image: url(/_img/common/disco.jpg); }
ul.menu li.mail a { background-image: url(/_img/common/mail.jpg); }
ul.menu li.top a { background-image: url(/_img/common/top.jpg); }

div.footer {
  width: 790px;
  clear: both;
  text-align: right;
  font-size: 12px;
  color: #999;
  height: 20px;
}

.topcomment {
  font-size: 12px;
  padding: 1em 10px;
  margin: 0 0 1em 0;
  color: #333;
  border-bottom: 2px solid black;
}

img.right {
  float: right;
  margin: 0 4px 6px 6px;
}

img.left {
  float: left;
  margin: 0 6px 6px 0;
}

a#toppage {
  text-indent: -10000px;
  display: block;
  position: absolute;
  left: 60px;
  top: 22px;
  width: 70px;
  height: 70px;
}