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

#main {
  padding: 12px;
}

sup, sub {
  font-size: 83%;
}

#main h1 {
  float: left;
  width: 160px;
  font-size: 144%; font-weight: bold;
  margin: 0; padding: 0;
}

#main h2 {
  position: relative;
  width: 600px; height: 50px;
  background-color: #fff;
  padding: 0;
  margin: 0 auto 1em;
}

#main h2 img.month {
  position: absolute;
  top: 0; right: 0;
}

#main h3 {
  margin: 1.5em auto 1em;
  width: 4em;
  text-align: center;
  font-size: 150%;
  border: solid #5bb; border-width: 0 15px;
}

#lead {
  text-align: justify; text-justify: inter-ideograph;
  vertical-align: bottom;
  margin: 1em 0 0 165px;
  text-indent: 1em;
}

#lead p {
  font-size: 90%;
  line-height: 1.3;
  margin: 0 0 .5em;
}

#navi {
  clear: left;
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
  font-weight: bold;
}

#navi li {
  color: #888;
  float: left;
  width: 33%;
  list-style: none;
}



#starchart {
  margin-top: 1.5em;
}

#starchart p {
  text-align: center;
  margin: 0 auto 1em;
  padding: 0;
  width: 600px;
}

#starchart p img {
  margin: 1em 0;
}

#topics {
  width: 600px;
  background-color: #f6ffff;
  border-bottom: solid 1px #c0cfcf;
  margin: 1.5em auto 2em;
}

#topics h2 {
  padding-bottom: 1em;
}

#topics #eventlist {
  margin: 1.5em 0 1.5em 40px;
  line-height: 1.5;
  padding: 0;
}

#topics #eventlist dt {
  clear: left; float: left;
  width: 6em;
  text-align: right;
  vertical-align: top;
  background: url(../../css/image/star.png) no-repeat left center;
  padding-left: 24px; padding-right: 1.5em;
}

#topics #eventlist dt.sat {
  color: #00f;
}

#topics #eventlist dt.sun,
#topics #eventlist dt.hol {
  color: #f00;
}

#topics #eventlist dt.period {
  width: 4.2em;
  padding-right: 3.3em;
}

#topics #eventlist dt span {
  font-size: 80%;
}

#topics #eventlist dd {
  margin-bottom: .3em;
  margin-left: 7em;
}

#topics p {
  background: url(../../css/image/star.png) no-repeat left center;
  padding: 0 0 0 24px;
  margin-left: 40px;
}



#planet #uranus-neptune h3 {
  width: 9em;
}

#planet table {
  box-sizing: border-box;
  padding: 1em;
  border: 5px double #bcc;
  border-spacing: 0;
  border-radius: 2em;
  margin: auto;
}

#planet table th {
  font-weight: normal;
  padding: 0 2px;
  vertical-align: top;
  text-align: left;
  text-indent: 1em;
  white-space: nowrap;
}

#planet table td {
  text-align: center;
  box-sizing: border-box;
}

#planet #mercury table td,
#planet #venus table td {
  width: 150px;
}

#planet #mars table td,
#planet #jupiter table td,
#planet #saturn table td,
#planet #uranus-neptune table td {
  width: 180px;
}

#planet table tr.constellation th,
#planet table tr.constellation td {
  padding-bottom: .5em;
}

#planet table tr.phenomena th,
#planet table tr.phenomena td {
  background-color: #fafafa;
  padding-top: .5em; padding-bottom: .5em;
  border-top: dotted 1px #c0cfcf;
}

#planet table tr.phenomena th {
  border-radius: 0 0 0 1em;
}

#planet table tr.phenomena td {
  width: auto;
  text-align: left;
  text-indent: 1em;
  border-radius: 0 0 1em 0;
}

#planet table tr.phenomena td a {
  9color: #adf;
}

#planet table tr.phenomena td a:visited {
  9color: #cdf;
}

#planet table tr.phenomena td a:hover {
  9color: #ff9;
}

#planet table td img {
  margin: 5px 0;
}

#planet table td ul {
  margin: 0; padding: 0;
}

#planet table td ul li {
  font-size: 90%; line-height: 1.4;
  list-style: none;
}