@charset "utf-8";

/* ---------------------------------------- 共通 */
* {
  padding: 0;
  margin: 0;
}

a:link {
  color: #000099;
  text-decoration: none;
}

a:visited {
  color: #000099;
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

img { vertical-align: top; }
a img { border: none; }

/* ---------------------------------------- #共通classの指定 */
.login-error {
  font-size:10px;
  font-weight: bold;
  color: #e22;
  text-align: center;
  margin-bottom: 4px;
}
.clr { clear: both; }
.goto-top {
  width: 566px;
  margin-top: 20px;
  font-size: 11px;
  text-align: right;
}
.margin-bottom-box { margin: 0 0 10px 0; }
.margin-top-box { margin: 10px 0 0 0; }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}
body div {
  text-align: left;
  margin: 0 auto;
}
/* ---------------------------------------- レイアウト指定 */
#wrapper {
  text-align: left;
  margin: 10px auto 0;
  width: 774px;
}

/* ---------- header */
#header { width: 774px; }
#header h1 {
  text-align: left;
  font-size: 11px;
  font-weight: normal;
}
#header h1 a:link { color: #111; text-decoration: none; }
#header h1 a:visited { color: #111; }
#header h1 a:hover { color: #111; text-decoration: underline; }

/* ----------  grandmenu */
#grandmenu { width: 100%; }
#grandmenu ul { list-style-type: none; }
#grandmenu li {
  float: left;
  width: 128px;
  margin-right: 1px;
}
#grandmenu #grandmenu-border {
  width: 773px;
  height: 3px;
  clear: both;
  background-image: url("../images/grandmenu/bottomline.png");
  background-repeat: repeat-x;
}

/* ----------  title */
#title {}
/* ----------  topic-path */
#topic-path {
  margin: 3px 0 3px 0;
  font-size: 11px;
}
/* ---------- container */
#container {
  width: 774px;
  margin-top: 10px;
}
/* ---------- menu */
#menu {
  width: 189px;
  float: left;
  margin-right: 19px;
}

/* ---------- 会員コンテンツメニュー */
#menu-member-container {
  border: solid 1px #c0c0c0;
  background-image: url("../images/menu/bg-menu-box.png");
  background-repeat: repeat-x;
}
.menu-list { margin: 7px; }
.menu-list ul { list-style-type: none; }
.menu-list li { margin-bottom: 1px; }

.menu-login {
  width: 171px;
  height: 127px;
  margin-bottom: 7px;
  background-image: url("../images/menu/login.png");
  font-size: 12px;
}
.menu-login #username { width:75px; margin: 45px 0 0 74px; }
.menu-login #password { width:75px; margin: 2px 0 0 74px; }
.menu-login #submit-button { margin: 4px 0 0 41px; }

/* ---------- 部会コンテンツメニュー */
#menu-bukai-container {}
.menu-bukai-list { margin: 0 0 7px 0; }
.menu-bukai-list ul { list-style-type: none; }
.menu-bukai-list li { margin-bottom: 2px; }

/* ---------- content */
#content {
  width: 566px;
  float: left;
}

/* ---------- error-box */
#error-box {
  margin: 100px 0 100px 0;
}

/* ---------- footer */
#footer {
  width: 774px;
  clear: both;
  margin-top: 18px;
  padding: 7px 0;
  font-size: 11px;
  background-image: url("../images/common/border-footer.png");
  background-repeat: repeat-x;
}
#footer #sitemap {
  float: left;
  background-image: url("../images/common/arrow-gray.png");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 8px;
}
#footer #copyright {
  float: right;
}