body {
  padding: 0;
  margin: 0;
  font: normal normal normal 105%/170% "メイリオ", Meiryo, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", fantasy;
  text-align: left;
  vertical-align: middle;
  color: #483d8b;
  background: #fff7bd url("/images/bky01.gif") repeat fixed left top;
}

a {
  text-decoration: none;
}

a:link {
  color: #ff1493;
}
a:active {
  color: #ff69b4;
}
a:visited {
  color: #dc143c;
}
a:hover {
  color: #ff69b4;
  text-decoration: underline;
}

hr {
  background-color: #7b68ee;
  color: #7b68ee;
  border-width: 0;
  height: 2px; 
  margin: 1rem 0;
}

p {
  margin-top: 0%;
  margin-bottom: 0%;
  font: normal normal normal 100%/170% "メイリオ", Meiryo, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", fantasy;
}

div {
  margin-left: 0%;
  font: normal normal normal 100%/170% "メイリオ", Meiryo, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", fantasy;
}

form {
  margin-top: 5px;
  margin-bottom: 5px;
}

h1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 140%; /* ページタイトル用 */
}

h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 115%; /* 読み方なし小見出し用 */
}

/* class集 */
.sq { list-style-type: square; }	/* 箇条書きリスト用class */

.udl {
  text-decoration: underline;
}
.ths {
  text-decoration: line-through;
}

.td_none {
  text-decoration: none;
}

.br {
  margin-top: 3%;
}

.br_h {
  margin-bottom: 1%;
}

.tl_left {
  text-align: left;
}
.tl_center {
  text-align: center;
}
.tl_right {
  text-align: right;
}

.fl_left {
  float: left;
}
.fl_none {
  float: none;
}
.fl_right {
  float: right;
}
.fl_clear {
  clear: both;
}
.fl_clear-l {
  clear: left;
}
.fl_clear-r {
  clear: right;
}

.abs_top {
  vertical-align: top;
}
.abs_middle {
  vertical-align: middle;
}
.abs_bottom {
  vertical-align: bottom;
}

.tb {
  margin-left: 10%;
}
.tb15 {
  margin-left: 15%;
}
.d-2per_l {
  margin-left: 2%;
}
.d-3per_l {
  margin-left: 3%;
}
.d-5per_l {
  margin-left: 5%;
}
.d-7per_l {
  margin-left: 7%;
}

/* 画像の周辺を文章と少し離したい時のclass */
.mgn4 {
  margin: 10px;
}

.choi-lrg {
  font-size: 102%;
} /* ちょっとだけ大きめ、小説小見出し等のspan用class */
.m-lrg {
  font-size: 111%;
} /* 普通に大きめ、リンク集サイト名用class */
.lrg {
  font-size: 115%;
} /* 普通に大きめ、ページ内作品グループ用class */
.ttl-lrg {
  font-size: 130%;
} /* 作品タイトル等のclass */
.choi-sml {
  font-size: 97%;
} /* ちょっとだけ小さめspan用class */

.lsp {
  letter-spacing: -1px;
} /* ──タグ用class */
.lspc-3px {
  letter-spacing: -3px;
} /* ローマ数字用の文字間詰めclass */

.shn {
  font-size: 85%;
} /* ルビのオンオフspan用class */
.sss {
  font-size: 85%;
} /* 従来のsmallと置き換えるspan用class */

/* sssの太字用class */
.ssb {
  font-size: 85%;
  font-weight: bold;
}

/* sssの細字用class */
.ssh {
  font-size: 85%;
  font-weight: lighter;
}

/* sssを作品タイトルで使用する時のclass */
.ssss {
  font-size: 65%;
  font-weight: lighter;
}

/* 台詞抜粋用、インライン */
.phrs {
  display: block; /* ブロック要素にする */
  margin-top: 2%;
  margin-bottom: 1%;
  font-size: 105%; /* キャッチ用 */
  font-weight: bold;
}

/* インライン要素に上少し開け */
.choiake {
  display: block; /* ブロック要素にする */
  margin-top: 1%;
}

.c_red {
  color: #ff0055;
} /* 赤(#ff0055)用class */
.c_lrd {
  color: #ff1585;
} /* ちょっと他の色味が明るい赤(#ff1585)用class */
.c_pnk {
  color: #ff1493;
} /* リンクではないけど使いたいピンク(#ff1493)用class */
.c_azk {
  color: #aa2a88;
} /* 小豆色(#aa2a88)用class */
.c_tmt {
  color: #ff6347;
} /* トマト色(#ff6367)用class */
.c_drd {
  color: #dc143c;
} /* 暗い赤(#dc143c)用class */
.c_laz {
  color: #cc0055;
} /* 明るい小豆色(#cc0055)用class */

.c_grn {
  color: #006b6b;
} /* 緑(#006b6b)用class */
.c_lgr {
  color: #00cc33;
} /* 薄緑色(#00cc33)用class */
.c_dgr {
  color: #006655;
} /* 濃いめの緑(#006655)用class */

.c_wbg {
  color: #b0c4de;
} /* 青みの灰白色(#b0c4de)用class;未執筆用 */
.c_blu {
  color: #0000cd;
} /* 青色(#0000cd)用class */
.c_nbl {
  color: #000080;
} /* 紺色(#000080)用class */
.c_ppl {
  color: #8800aa;
} /* 青紫(#8800aa)用class */
.c_vio {
  color: #800080;
} /* 紫(#800080)用class */
.c_bvo {
  color: #8a0be2;
} /* 薄青紫(#8a0be2)用class */

.c_yoc {
  color: #c5db9f;
} /* 薄字(#c5db9f)用class */
.c_ocr {
  color: #556b2f;
} /* 黄土色(#556b2f)用class;呟き用 */
.c_sdb {
  color: #8b4513;
}	/* サドルブラウン(#8b4513)用class */

.c_knz {
  color: #2b4444;
} /* 濃鼠色(#2b4444)用class */
.c_nib {
  color: #3b5555;
} /* 鈍色(#3b5555)用class */

/* リンクではないアンカー用class */
.ank {
  color: #ff1493;
  text-decoration: underline;
  cursor: pointer;
}

/* 引用ではないけど目立たせたいブロック用class(紫) */
.blk_ppl {
  margin: 1px 1px -20px 1px;
  padding: 0 10px 25px 15px;
  color: #8800aa;
  background-color: #ffe6ff;
  border: 1px dotted #330066;
}

.q_ppl {
  color: #8800aa;
  background-color: #ffe6ff;
}

/* 引用ではないけど目立たせたいブロック用class(緑) */
.blk_grn {
  margin: 1px 1px -20px 1px;
  padding: 0 10px 25px 15px;
  color: #006b6b;
  background-color: #e6ffe6;
  border: 1px dotted #336699;
}

.q_grn {
  color: #006b6b;
  background-color: #e6ffe6;
}

/* 引用ではないけど目立たせたいブロック用class(トマト) */
.blk_tmt {
  margin: 1px 1px -20px 1px;
  padding: 0 10px 25px 15px;
  color: #ff6347;
  background-color: #fff6e6;
  border: 1px dotted #996633;
}

.q_tmt {
  color: #ff6347;
  background-color: #fff6e6;
}

/* 引用ではないけど目立たせたいブロック用class(白) */
.blk_wht {
  margin: 1px 1px -20px 1px;
  padding: 0 10px 25px 15px;
  background-color: #ffffff;
  border: 1px dotted #333333;
}

.q_wht {
  background-color: #ffffff;
}

/* 地平線を薄くしたい時のclass */
hr.lt {
  background-color: #aecdff;
  color: #ae9aff;
}

/* キャッチ部分のclass */
.ctch {
  font-size: 105%;
  color: #006b6b;
  font-weight: bold;
}

* id集 */