body {
  background-color: #ccc;
  color: #333;
}

#align {
  background-image: url(/images/hmf/body_bg.jpg);
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

div#shadow {
  background-image: url(/images/hmf/bg_shadow.gif);
  background-repeat: repeat-y;
  background-position: center;
}

#header {
  height: 39px;
  background-image: url(/images/hmf/header.gif);
  background-repeat: no-repeat;
  background-color: #fff;
  text-align: right;
}

#header h1 {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin-right: 15px;
  display: none;
}

#container {
  min-height: 500px;
  background-color: #fff;
  text-align: left;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #fff;
  border-top-color: #ccc;
}

#header_bar {
  background-image: url(/images/hmf/header_under.gif);
  background-repeat: no-repeat;
  background-color: #fff;
  height: 10px;
}

/* top_menu */
div#top_menu td {
  text-align: center;
}

div#top_menu td a {
  display: block;
  background-color: #effff3;
  color: #fff;
  text-decoration: none;
  width: 100px;
  line-height: 130%;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #ccc;
  padding: 2px 0;
}

html>body #top_menu td a { width: 99px; }

#top_menu td a:hover {
  background-color: #feffe7;
  color: #000;
  text-decoration: none;
}

#top_menu a:link {color: #000; text-decoration: none;}
#top_menu a:visited {color: #000; text-decoration: none;}
#top_menu a:hover {color: #000; text-decoration: underline;}

/* menu  */
div#menu {
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  color: #333;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#menu li {
  border-bottom: 1px solid #d0dbd3;
}

#menu li a {
  display: block;
  padding: 3px 5px 3px 0.5em;
  background-color: #effff3;
  color: #fff;
  text-decoration: none;
  width: 100%;
  line-height: 130%;
}

#menu .category {
  padding: 3px 0 3px 10px;
  background-image: url(/images/hmf/menu_title.gif);
  background-repeat: no-repeat;
  color: #fff;
}

html>body #menu li a { width: auto; }

#menu li a:hover {
  background-color: #feffe7;
  color: #000;
  text-decoration: none;
}

#menu a:link {color: #000; text-decoration: none;}
#menu a:visited {color: #000; text-decoration: none;}
#menu a:hover {color: #fff; text-decoration: none;}

/* main */
div#main h2 {
  background-image: url(/images/common/title_bar_large.gif);
  background-repeat: no-repeat;
  width: 580px;
  height: 30px;
  color: #fff;
  margin-bottom: 10px;
  padding: 6px 0 0 15px;
  font-size: 14px;
  text-align: left;
}

div#main h3 {
  background-image: url(/images/common/title_bar_small.gif);
  background-repeat: no-repeat;
  width: 550px;
  height: 23px;
  padding: 5px 0 0 15px;
}

div#main div.box {
  margin: 0 15px 30px;
}

div#main div.box p {
  padding: 5px 10px;
  line-height: 160%;
}

div#main .comment {
  margin-bottom: 15px;
}

#footer {
  text-align: center;
  font-size: 12px;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #080;
  background-color: #080;
  color: #fff;
  padding: 3px 0;
}

#footer a {color: #fff; text-decoration: none;}

* html #container {
  height: 500px;
}