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

#main {
  padding: 12px;
}

#main h1 {
  text-align: center;
  margin: 12px 0;
}

#main h2 {
  clear: both;
  font-size: 120%;
  padding-left: 15px;
  border-left: solid 10px #cc5218; /* $base_color2 */
  margin: 1em 0 .5em;
}

#main h3 {
  clear: both;
  color: #cc5218; background: #ffd896; /* $base_color2 L 51 -> 100 */
  font-size: 110%;
  text-shadow: 1px 1px 2px #f8f8f8, -1px 1px 1px #ffffee, -1px -1px 2px #ffffff, 1px -1px 1px #ffffee;
  letter-spacing: 1px;
  padding: .3em 1em;
  border: solid #cc5218; border-width: 1px 0;
  margin: 1em 0 .5em;
}

#main h4 {
  border-left: solid 10px #cc5218; /* $base_color2 */
  border-bottom: solid 1px #cc5218; /* $base_color2 */
  padding-left: 5px;
  margin-left: 0;
}

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

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

#global-navigation {
  height: 34px;
  background-color: #ee781d; /* $base_color */
  font-size: 12px; line-height: 16px;
  padding: 2px 0;
  border-bottom: solid 2px #b45c16; /* $base_border_color: K 0 -> 30 */
  border-radius: 10px 0 0 0;
  margin: 1em 0;
  overflow: hidden;
  list-style: none;
}

#global-navigation li {
  float: left;
  width: 63px; height: 34px;
  font-weight: bold;
  text-align: center;
  padding: 0 1px;
  border-right: solid 2px #8f4605; /* K 0 -> 50 */
  margin: 0;
}

#global-navigation li.dl_ver {
  padding: 0 10px;
  margin-right: 10px;
}

#global-navigation li.buy1 {
  padding-right: 5px;
  border-right: dotted 1px;
}

#global-navigation li.buy2 {
  padding-left: 5px; padding-right: 10px;
}

#global-navigation li span.thispage,
#global-navigation li a {
  display: block;
  width: 100%; height: 100%;
  padding-top: 2px;
  border-radius: 10px 10px 0 0;
}

#global-navigation li span.thispage {
  color: #b45c16; /* $base_border_color: K 0 -> 30 */
  background: #fff;
  text-shadow: 1px 1px 2px #ddd;
}

#global-navigation li a {
  color: #fff; background: #ee781d; /* $base_color */
  text-decoration: none !important;
}

#global-navigation li a:hover {
  color: #fff; background: #b45c16; /* $base_border_color */
}

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

#main .section p.author {
  font-size: 90%;
  text-indent: 1.1111em;
}

#main .left-image,
#main .right-image {
  text-indent: 0 !important;
  margin-bottom: 0;
}

#main .left-image img {
  float: left;
  margin: 0 16px 1em 0;
}

#main .right-image img {
  float: right;
  margin: 0 0 1em 16px;
}

#main .left-image span {
  clear: left;
  float: left; width: 320px;
  font-size: 90%;
  text-align: left;
  padding: 0 1px;
  margin: -.3em 16px 0 0;
}

#main .right-image span {
  clear: right;
  float: right; width: 320px;
  font-size: 90%;
  text-align: right;
  padding: 0 1px;
  margin: -.8em 0 0 16px;
}

#main .back {
  padding-top: 1em;
  margin-right: 12px;
  text-align: right;
  font-size: 90%;
}

#main .back a {
  color: #003;
  border: 1px solid #666;
  padding: 3px 1em;
}

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

/* ERRATA */

#errata #main dl.errata {
  margin-left: 2em;
}

#errata #main dl.errata dt {
  font-weight: bold;
  margin-top: .5em;
  margin-left: 0;
}

#errata #main dl.errata dd {
  margin-left: 4em; margin-top: .3em;
  text-indent: -2em;
}

#errata #main dl.errata dd img {
  vertical-align: top;
}

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

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


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