@charset "UTF-8";
@import "profile.css";
@import "disco.css";
@import "blog.css";
@import "link.css";
@import "mail.css";
@import "news.css";

body, div, p, td, th {
  font-size: 12px;
}

/* 縦横センター配置 */
html, body { height: 100%; }
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 809px;
  min-height: 609px;
  background-color: #141417;
}
.centerMiddle {
  margin: -305px 0 0 -405px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 809px;
  height: 609px;
  background: transparent url(/_img/background.gif) no-repeat 0 0;
}
a { color: #6183DF; }
a:visited { color: #2C478F; }
/* 縦横センター配置 */

h1.top {
  position: absolute;  
  top: 200px;
  left: 420px;
  width: 161px;
  height: 164px;
  background-image: url(/_img/title.gif);
}

div#copyright {
  position: absolute;
  top: 580px;
  left: 340px;
  width: 450px;
  text-align: right;
  font-size: 12px;
  color: #666;
}

div.main {
  /* border: 1px solid red; */
  margin-left: 234px;
  margin-top: 10px;
  width: 560px;
  height: 580px;
  overflow: auto;
  color: black;
  font-size: 12px;
}
h1 {
  margin: 0;
  padding: 0;
  width: 140px;
  height: 27px;
  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.news { background-image: url(/_img/title/news.gif); }
h1.disco { background-image: url(/_img/title/disco.gif); }
h1.blog { background-image: url(/_img/title/blog.gif); }
h1.link { background-image: url(/_img/title/link.gif); }
h1.mail { background-image: url(/_img/title/mail.gif); }


ul.menu {
  position: absolute;
  left: 24px;
  top: 110px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.menu li {
  margin-bottom: 20px;
}
ul.menu li a {
  display: block;
  margin: 0;
  padding: 0;
  width: 142px;
  height: 32px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -10000px;
}
ul.menu li.profile a { background-image: url(/_img/menu/profile.gif); }
ul.menu li.profile a:hover { background-image: url(/_img/menu/profile-over.gif); }
ul.menu li.news a { background-image: url(/_img/menu/news.gif); }
ul.menu li.news a:hover { background-image: url(/_img/menu/news-over.gif); }
ul.menu li.disco a { background-image: url(/_img/menu/disco.gif); }
ul.menu li.disco a:hover { background-image: url(/_img/menu/disco-over.gif); }
ul.menu li.blog a { background-image: url(/_img/menu/blog.gif); }
ul.menu li.blog a:hover { background-image: url(/_img/menu/blog-over.gif); }
ul.menu li.link a { background-image: url(/_img/menu/link.gif); }
ul.menu li.link a:hover { background-image: url(/_img/menu/link-over.gif); }
ul.menu li.mail a { background-image: url(/_img/menu/mail.gif); }
ul.menu li.mail a:hover { background-image: url(/_img/menu/mail-over.gif); }
ul.menu li.top a { background-image: url(/_img/menu/top.gif); }
ul.menu li.top a:hover { background-image: url(/_img/menu/top-over.gif); }

.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;
}