@import "../../../css/general.css";

#main h1 {
  margin: 0;
}

#main h2 {
  border-left: #006 10px solid;
  padding-left: 5px;
  margin: 1em 0 .5em;
  clear: both;
  font-size: 120%;
}

#main h3 {
  background: #FFB32F;
  padding-left: 1em;
  border: solid #999; border-width: 1px 0;
  margin: 1em 0 .5em;
  color: #000;
  clear: both;
}

#main h4 {
  border-left: #006 10px solid;
  border-bottom: #006 1px solid;
  padding-left: 5px;
  margin-left: 10px;
}

#main {
  padding: 12px;
}

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

#main a:link img, #main a:visited img {
  border-color: #999;
}

#main a:hover img, #main a:active img {
  border-color: #f00;
}

#global-navigation {
  background-color: #007;
  padding: 0; padding-left: .5em;
  border-style: solid;
  border-color: #003399;
  border-width: 1px 0;
  margin: 1em 0;
}

#global-navigation li {
  display: inline;
  font-weight: bold;
  margin: 0; margin-right: -.5em;
}

#global-navigation li span.thispage, #global-navigation li a {
  line-height: 1;
  padding: 1px 1em;
  border: solid #003399!important; border-width: 0 1px!important;
}

#global-navigation li span.thispage {
  color: #16266D; background: #fff;
}

#global-navigation li a {
  color: #fff; background: #007;
  text-decoration: none !important;
}

#global-navigation li a:hover {
  color: #000; background: #EFBDA4;
}

#main .section p {
  text-indent: 1em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#main .image {
  float: right;
  margin: 0 0 .5em 1em;
}

#main .menu-image {
  float: left;
  margin: 0 1em .5em 0;
}

#main #data-movie .image, #main #partial-simulation .image {
  float: left;
  margin: 0 0 .5em 60px;
}

#about ul {
  margin: 0 0 0 1.5em;
  padding: 0;
}

#about li {
  margin: .5em 0;
}

#eclipse-list ul {
  margin: .5em 0 2em 1em;
  padding: 0;
}

#eclipse-list ul li {
  list-style-type: none;
  padding-left: 16px; padding-right: 1em;
}

#eclipse-list dl {
  line-height: 1.6;
  margin: .5em 0 .5em 1em;
  padding: 0;
}

#eclipse-list dl dt {
  clear: left; float: left;
  font-family: monospace;
  white-space: nowrap;
  vertical-align: top;
  padding-left: 16px; padding-right: 1em;
}

#eclipse-list .total {
  background: url(../image/icon-total.png) no-repeat left center;
}

#eclipse-list .annular {
  background: url(../image/icon-annular.png) no-repeat left center;
}

#eclipse-list .total-an {
  background: url(../image/icon-total-an.png) no-repeat left center;
}

#eclipse-list dl dd {
  margin-bottom: .3em;
  margin-left: 7em;
}

#ayamaru table {
  border-collapse: collapse;
  border: 1px solid #999;
  margin: 1em auto;
}

#ayamaru table th {
  background-color: #ccf;
  font-weight: normal;
  padding: 2px;
  border: 1px solid #999;
}

#ayamaru table td {
  padding: 2px;
  border: 1px solid #999;
}

.notice {
  font-size: 90%;
  padding-left: 1em;
  text-indent: -1em !important;
}

#main .back {
  padding-top: 1em;
  margin-right: 12px;
  text-align: right;
  font-size: 90%;
}
/* in .back block */
  #main .back a {
    color: #003;
    border: 1px solid #666;
    padding: 3px 1em;
  }

  #main .back a:hover {
    color: #f00;
  }
/* end */

#download p {
  text-align: center !important;
  font-weight: bold;
  margin: 1.5em auto;
}

/***********************************************************
** for print media
***********************************************************/
@media print {
  #main .back {
    display: none;
  }
}

/* for errata */

.errata dt {
  font-weight: bold;
}

.errata .wrong {
  font-weight: bold;
  color: #c00;
}

.errata .correct {
  font-weight: bold;
  color: #00c;
}

.errata .image {
  float: left;
  margin: 0 1em .5em 0;
}

.errata li {
  list-style-type: none;
}

.errata .caption {
  text-align: 0em !important;
  font-size: 90%;
  padding-top: 1em;
}