@import url(../../../css/general.css);

#main {
  padding: 12px;
}

#main h1 {
  font-size: 160%;
  margin: .5em auto;
}

#main h2 {
  color: #000;
  background: transparent url(../image/icon.png) no-repeat left center;
  border-bottom: 1px solid #000;
  font-size: 120%; font-weight: bold;
  padding-left: 24px; padding-bottom: 1px;
  margin-top: 0 margin-bottom: .5em;
}

#main h3 {
  margin: 1em 0 .5em;
  color: #900;
}

#main .section ul {
  margin-top: 0;
}

#main #menu h2 {
  display: none;
}

#main a:link img, #main a:visited img {
  border: solid 1px #999;
}

#main a:hover img, #main a:active img {
  border: solid 1px #f00;
}

#main p {
  margin: .5em 0;
  line-height: 1.4;
  text-indent: 1em;
}

#photo {
  float: right;
  width: 302px;
  height: 402px;
  margin: 0 0 1em;
}

#main .caption-right {
  clear: none;
  font-size: 90%;
  margin: 2em 330px auto auto;
  font-style: italic;
  text-indent: 0em;
  text-align: right;
  padding-left: 2em; padding-right: .5em;
}

#podcast {
  margin: .5em 330px 1em 1em;
  border: 1px solid #ffffc8;
  padding: .2em;
  font-size: 90%;
}

#podcast-banner {
  float: left;
  width: 150px;
  height: 30px;
  margin: 1em 0;
  _margin: .5em 0;
}

#podcast-banner a img {
  border: none;
}

#lead {
  padding: .5em;
  border: 2px solid #c00;
  margin: 1em 330px 1em 0;
}

#menu {
  margin: 1em 330px 2em auto;
}

#menu ul li {
  font-size: 90%;
  margin-bottom: .3em;
}

#chart, #hoshizora-navi {
  width: 260px;
  float: right;
  margin-left: 1em; margin-bottom: .5em;
}

#main .caption {
  margin: 0;
  font-size: 80%;
  text-indent: 0;
  text-align: left;
}

#horizon {
  width: 280px;
  float: left;
  text-align: center;
  margin-left: 30px;
}

#south {
  width: 280px;
  float: right;
  text-align: center;
  margin-right: 30px;
}

#link dl dd {
  margin-bottom: .7em;
}

.#main section {
  clear: both;
  margin-top: 2em;
}