.js {
  font-family: monospace;
  font-size: 12px;
  white-space: pre;
  overflow: auto;
  border: 1px solid lightgray;
  line-height: 100%;
}

.jsKey {
  color: blue;
}

.jsId {
  color: black;
}

.jsNumber {
  color: deepskyblue;
}

.jsString {
  color: green;
}

.jsCommentS {
  color: gray;
}

.jsCommentM {
  color: gray;
}

.jsKey:hover, .jsId:hover, .jsnumber:hover, .jsString:hover, .jsCommentS:hover, .jsCommentM:hover {
  background-color: whitesmoke;
}

.jsLine {
  background-color: whitesmoke;
  color: gray;
  border-right: 1px solid lightgray;
  padding-left: 2px;
  padding-right: 5px;
  margin-right: 5px;
}

.codeblock .codenavi {
  text-align: right;
  font-size: 10px;
  color: lightgray;
  margin-bottom: 3px;
}

.codeblock .codenavi li {
  display: inline;
  padding-left: 10px;
}

.codeblock .navi a {
  text-decoration: none;
  color: lightgray;
}

.codeblock .js {
  margin-left: 10px;
}

.codeblock .subtitle {
  margin-top: 3px;
  margin-left: 10px;
}