@charset "utf-8";
/* CSS Document */

.fontRed {
    color: #FF0000;
}

.textBold {
  font-weight: bold;
}

.alignL {
    text-align: left !important;
}

dl.notationA01 .fontRed {
    color: #FF0000;
}

/* table */
#contentsArea article table.table01 tbody th {
  font-weight: bold;
  text-align: left;
  background: none;
  color: #222;
}

/* image with overlay text */
#contentsArea article .textOverlay-box {
  position: relative;
}
#contentsArea article h2+.textOverlay-box {
  margin-top: 11px;
}
#contentsArea article .textOverlay-title {
  margin-top: 0;
}
#contentsArea article .textOverlay-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
#contentsArea article .textOverlay-body-inner {
  padding: 10px;
}
#contentsArea article .textOverlay-body-inner ul li {
  background-image: url(/planetarium/hard/img/bg_list_001.png);
}

/* attention */
#contentsArea article .attention-box {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid #b0b0b0;
}
#contentsArea article .attention-box-title {
  padding: 7px 5px;
  margin-top: 0;
  font-weight: bold;
  background-color: #eee;
}


@media only screen and (max-width: 599px) { /* device-width: 320px ～ 599px  for Smartphone */

.spHide {
    display: none !important;
}

#contentsArea article p.imageTextCenter01 {
    text-align: center;
}

#contentsArea article p.imageTextCenter01 .imageCaption {
    text-align: left;
    display: block;
}

/* image with overlay text */
#contentsArea article .textOverlay-body {
  position: relative;
  color: inherit;
}
#contentsArea article .textOverlay-body-inner {
  padding: 0;
}
#contentsArea article .textOverlay-body-inner ul li {
  background-image: url(/component/c_common/img/bg_list01.gif);
}
}