.between_line {
   line-height: 30px;
}

.body {
  position: fixed;
  overflow: auto;
  width: 77%;
  height: 87%;
  margin-left: 320px;
  margin-top: 70px;
}

.chapter {
  margin-left: 50px;
  margin-bottom: 50px;
}

.char_white {
  color: white;
}

.container {
  width: 100%;
  height: auto;
  display: flex;
}

.dropdown {
  width: 100px;
  height: 25px;
  font-size: 14px;
}

.header_char {
  color: white;                     /* 見出しテキストの色を指定する */
	padding-left:10px;                  /* ボックス内左側の余白を指定する */
  margin-left: 10px;
}

.header_back {
  position: fixed;
  background: #708090;
  height: 11%;
  width: 99%;
}

.indent01 {
  margin-left: 20px;
}

.indent02 {
  border-bottom: 1px dashed #708090;  /* ボーダー下部のスタイルを指定する */
}

.indent03 {
  margin-left: 30px;
}

.indent04 {
  margin-left: 30px;
}

.sidebar {
  position: fixed;
  width: 20%;
  height: 87%;
  border-right: 1px solid #326693;    /* ボーダー左側のスタイルを指定する */
  overflow: auto;
  margin-top: 70px;
}

.topmargin80 {
  margin-top: 80px;                   /* 上部の余白を指定する */
}

.topmargin10 {
  margin-top: 10px;                   /* 上部の余白を指定する */
}

.width_pretty {
  width: 1000px;
}