/* manual */

.l-main.main_manual,
.main_body.has_column.main_manual {
  background-color: white;

  padding: 0px;
}

#Manual_ShowBody h1 {
  font-size: 20px;

  font-weight: bold;

  margin: 20px 0px;

  border-bottom: solid 1px black;

  padding-bottom: 10px;
}

#Manual_ShowBody ol {
  list-style: decimal;

  padding-left: 30px;

  margin-bottom: 15px;
}

#ManualMarkdown {
  display: none;

  font-size: 14px;
}

#ManualMarkdown img {
  max-width: 100%;

  margin: 20px 0px;

  cursor: pointer;
}

#ManualMarkdown table {
  border-collapse: collapse;

  margin: 10px 0px 20px 15px;
}

#ManualMarkdown table,
#ManualMarkdown th,
#ManualMarkdown td {
  border: solid 1px silver;

  padding: 8px;
}

#ManualMarkdown h2 {
  font-size: 16px;

  font-weight: bold;

  line-height: 40px;

  margin: 20px 0 8px 0;
}

#ManualMarkdown h3 {
  font-size: 14px;

  font-weight: bold;

  margin: 20px 0 8px 0;
}

#ManualMarkdown h4 {
  margin: 20px 0px 5px 15px;

  font-size: 14px;

  font-weight: bold;
}

#ManualMarkdown h5 {
  margin: 20px 0px 5px 15px;

  font-size: 14px;

  font-weight: bold;

  color: gray;
}

#ManualMarkdown p {
  padding-left: 15px;

  margin-bottom: 10px;
}

#ManualMarkdown code {
  border: solid 1px silver;

  margin: 0px 0px 10px 15px;

  padding: 5px 10px;

  line-height: 30px;

  display: block;
}

#ManualMarkdown p,
#ManualMarkdown pre,
#ManualMarkdown code {
  white-space: pre-wrap;
}

#ManualList h2 {
  font-size: 14px;

  font-weight: bold;

  margin: 20px 0px 10px 0px;
}

#ManualList ul {
  padding: 0px;
}

#ManualList li {
  list-style-type: none;

  padding-left: 10px;

  word-wrap: break-word;

  word-break: break-all;

  white-space: pre-wrap;
}

#ManualList span {
  font-size: 14px;

  margin-left: 10px;
}

/* manual menu */

#ManualMenu {
  margin: 0px 0px 50px 0px;
}

#ManualMenu * {
  padding: 0;
}

#ManualMenu #wrap {
  width: 500px;

  margin: 0 auto;

  padding: 0;

  background-color: #fff;

  text-align: center;
}

#ManualMenu #content {
  margin: 0 20px;

  padding: 0;

  text-align: left;
}

#ManualMenu #footer {
  margin: 1em 0 0 0;

  padding: 0.2em 0.5em;

  background-color: #999;

  color: #fff;

  font-size: 78%;

  text-align: right;
}

#ManualMenu #footer * {
  font-style: normal;

  font-size: 100%;

  color: #fff;
}

#ManualMenu h1 {
  margin: 0 0 1em 0;

  padding: 0.5em 1em;

  background-color: #999;

  color: #fff;

  font-size: 100%;

  text-align: left;
}

#ManualMenu h1 a {
  color: #fff;
}

#ManualMenu h2 {
  margin: 1em 0;

  font-size: 1.2em;

  font-weight: bold;
}

#ManualMenu p {
  margin: 1em 0;

  padding: 0;
}

#ManualMenu img {
  border: 0;
}

#ManualMenu li {
  font-size: 14px;
}

#SearchContainer {
  margin: 20px 0px;
}

#SearchContainer > * {
  padding: 5px;

  font-size: 0.9em;

  border-radius: 3px;

  border: solid 1px silver;
}

#SearchText:focus {
  outline: none;
}

@media print {
  #satori__creative_container, .l-header {
    display: none;
  }
}