@charset "utf-8";

/* CSS_Reset */

body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
class,
p,
span,
dl,
dt,
dd,
ol,
ul,
li,
a,
table,
tr,
th,
td,
blockquote,
pre,
code {
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-style: normal;
}

hr,
img {
  margin: 0 auto;
  padding: 0;
  border: none;
  vertical-align: bottom;
}

/* 全体 */

body {
  background: #333;
  color: #ccc;
  font-family: meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
  line-height: 1.7em;
}

/* リンク */

a:link,
a:visited {
  color: #09f;
}

a:hover,
a:active {
  color: #f6c;
  text-decoration: underline;
}

/* リスト */

ul,
ol {
  margin: 0 1em;
  padding: 1em;
}

li {
  margin: 0 1em 1em;
}

.decimal li {
  list-style: decimal-leading-zero;
}

/* レイアウト */

#container {
  margin: 0 auto;
  max-width: 640px;
}

#title {
  background: #333;
  border: 1px dashed #bbb;
  margin-bottom: 10px;
  padding: 5px 10px 10px;
  text-decoration: none;
}

#introduction {
  padding: 5px 20px;
  color: #777;
  font-size: 90%;
  line-height: 1.4em;
}

#content {
  background: #333;
  border: 1px dashed #bbb;
  margin: 0;
  padding: 5px;
}

#topmenu,
#bottommenu {
  max-width: 100%;
}

#bottommenu {
  margin: 10px 0;
}

#mainentry {
  padding: 5px 20px;
}

#footer {
  border: 1px dashed #bbb;
  margin-top: 0;
  text-align: center;
}

.entryfooter {
  padding: 15px 0 0;
}

.entryfooter li {
  display: inline-block;
  padding: 0 10px;
  list-style: none;
}

.copyright {
  border-top: 1px dashed #bbb;
  clear: both;
  padding: 10px;
  font-size: small;
}

/* エントリー */

.entrybody,
.entrytext {
  padding: 1em;
}

.entrytext img {
  padding: 5px;
}

.entrytext p {
  text-indent: 0em;
}

/* トップメニュー */

#topmenu table,
#bottommenu table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

#topmenu th,
#topmenu td,
#bottommenu th,
#bottommenu td {
  width: 60px;
  height: 30px;
  border: 1px dotted #bbb;
  background: #333;
  text-align: center;
  font-size: 80%;
  vertical-align: bottom;
}

#topmenu th a,
#topmenu td a,
#bottommenu th a,
#bottommenu td a {
  display: block;
  font-weight: normal;
}

#topmenu ul,
#topmenu ol,
#bottommenu ul,
#bottommenu ol {
  margin: 5px;
  padding: 0;
  width: 100%;
}

#topmenu li,
#bottommenu li {
  background: #333;
  border: 1px dotted #bbb;
  display: inline-block;
  font-size: 80%;
  margin: 5px 0;
  text-align: center;
  width: 98.5px;
}

#topmenu li a,
#bottommenu li a {
  display: block;
  padding: 25px 0;
}

#directory {
  line-height: 0.8em;
  font-size: 80%;
  padding: 5px;
  color: #888;
}


/* 画像 */

.embed-container {
  position: relative;
  overflow: hidden;
  height: 0;
  background-color: black;
}

.embed-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.ratio-5-4 {
  padding-bottom: 80%;
  /* 4/5*100 */
}

/* 基本設定 */

h1 {
  margin: 5px 10px;
  padding: 10px 10px;
  background: #333;
  color: #ccc;
  font-size: x-large;
  line-height: 1em;
}

#title a {
  color: #ccc;
  text-decoration: none;
}

h2 {
  margin: 5px 0 1em;
  padding: 10px 10px 6px;
  border-top: 1px solid #09f;
  border-right: 1px solid #09f;
  border-bottom: 1px solid #09f;
  border-left: 15px solid #09f;
  background: #333;
  color: #ccc;
  font-weight: bolder;
  font-size: 110%;
}

h3 {
  margin: 5px 0 1em;
  padding: 10px 15px 6px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 15px solid #aaa;
  background: #333;
  color: #ccc;
  font-size: 120%;
  vertical-align: bottom;
}

h4 {
  margin: 5px 0 1em;
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
  border-left: 15px solid #ccc;
  color: #ccc;
  font-size: 120%;
}

h5 {
  color: #ccc;
  font-size: 90%;
  line-height: 1.7em;
}

h6 {
  color: #ccc;
  font-size: x-large;
}

/* 枠線 */

.wakudott {
  margin: 1em;
  padding: 0.5em 1em;
  border: 1px dotted #bbb;
}

.wakudash {
  margin: 1em;
  padding: 0.5em 1em;
  border: 1px dashed #bbb;
}

.wakusolid {
  margin: 1em;
  padding: 0.5em 1em;
  border: 1px solid #ccc;
}

.wakudott2 {
  margin: 1em 0;
  padding: 0 1em;
  border: 1px dotted #bbb;
}

.wakudash2 {
  margin: 1em 0;
  padding: 0 1em;
  border: 1px dashed #bbb;
}

.wakusolid2 {
  margin: 1em 0;
  padding: 0 1em;
  border: 1px solid #ccc;
}

.wakudott3 {
  margin: 1em 0;
  border: 1px dotted #bbb;
}

.wakudash3 {
  margin: 1em 0;
  border: 1px dashed #bbb;
}

.wakusolid3 {
  margin: 1em 0;
  border: 1px solid #ccc;
}

.wakudott4 {
  padding: 1em;
  border: 1px dotted #bbb;
}

.wakudash4 {
  padding: 1em;
  border: 1px dashed #bbb;
}

.wakusolid4 {
  padding: 1em;
  border: 1px solid #ccc;
}

.wakudott5 {
  margin: 1em;
  padding: 1em;
  border: 1px dotted #bbb;
}

.wakudash5 {
  margin: 1em;
  padding: 1em;
  border: 1px dashed #bbb;
}

.wakusolid5 {
  margin: 1em;
  padding: 1em;
  border: 1px solid #ccc;
}

.wakusolid5a {
  margin: 1em;
  padding: 2em;
  border: 1px solid #ccc;
}

.wakudott6 {
  margin: 1em 0;
  padding: 1em;
  border: 1px dotted #ccc;
}

.wakudash6 {
  margin: 1em 0;
  padding: 1em;
  border: 1px dashed #ccc;
}

.wakusolid6 {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #ccc;
}

.wakudott7 {
  margin: 1em 0;
  padding: 1em;
  border: 3px dotted #ccc;
}

.wakudash7 {
  margin: 1em 0;
  padding: 1em;
  border: 3px dashed #888;
}

.wakusolid7 {
  margin: 1em 0;
  padding: 1em;
  border: 3px solid #ccc;
}

.wakudott8 {
  margin: 1em 0;
  padding: 1em;
  border: 6px dotted #ccc;
}

.wakudash8 {
  margin: 1em 0;
  padding: 1em;
  border: 6px dashed #ccc;
}

.wakusolid8 {
  margin: 1em 0;
  padding: 1em;
  border: 6px solid #ccc;
}

.wakudott9 {
  padding: 1em;
  border: 6px dotted #ccc;
}

.wakudash9 {
  padding: 1em;
  border: 6px dashed #ccc;
}

.wakusolid9 {
  padding: 1em;
  border: 6px solid #ccc;
}

.wakudott10 {
  padding: 1em;
  border: 1px dotted #ccc;
}

.wakudash10 {
  padding: 1em;
  border: 1px dashed #ccc;
}

.wakusolid10 {
  padding: 1em;
  border: 1px solid #ccc;
}

.wakudott7a {
  margin: 1em 0;
  padding: 1em;
  border: 3px dotted #bbb;
  background: #fafaf0;
}

.wakudash7a {
  margin: 1em 0;
  padding: 1em;
  border: 3px dashed #bbb;
  background: #fafaf0;
}

.wakusolid7a {
  margin: 1em 0;
  padding: 1em;
  border: 3px solid #bbb;
  background: #fafaf0;
}

.wakudott8a {
  margin: 1em 0;
  padding: 1em;
  border: 6px dotted #bbb;
  background: #fafaf0;
}

.wakudash8a {
  margin: 1em 0;
  padding: 1em;
  border: 6px dashed #bbb;
  background: #fafaf0;
}

.wakusolid8a {
  margin: 1em 0;
  padding: 1em;
  border: 6px solid #bbb;
  background: #fafaf0;
}

.wakudott7b {
  margin: 1em 0;
  padding: 1em;
  border: 3px dotted #bbb;
  background: #f6f6f6;
}

.wakudash7b {
  margin: 1em 0;
  padding: 1em;
  border: 3px dashed #bbb;
  background: #f6f6f6;
}

.wakusolid7b {
  margin: 1em 0;
  padding: 1em;
  border: 3px solid #bbb;
  background: #f6f6f6;
}

.wakudash12 {
  padding: 1em 2em;
  border: 1px dashed #ccc;
}

.wakudashusuku {
  margin: 5px auto;
  padding: 1em;
  border: 1px dashed #bbb;
  color: #7e7e7e;
  font-size: 90%;
  line-height: 1.6em;
}

.oowaku {
  padding: 0 2em;
}

.sideborderdash {
  border-right: 1px dashed #bbb;
  border-left: 1px dashed #bbb;
}

.sideborderdott {
  border-right: 1px dotted #bbb;
  border-left: 1px dotted #bbb;
}

.sidebordersolid {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

.sidebordersolid09f {
  border-right: 1px solid #09f;
  border-left: 1px solid #09f;
}

.fullborderdash {
  border: 1px dashed #bbb;
}

.fullborderdott {
  border: 1px dotted #bbb;
}

.fullbordersolid {
  border: 1px solid #eee;
}

/* 背景色 */

.bgfc {
  background: #fcfcfc;
}

.bgf9 {
  background: #f9f9f9;
}

.bgf7 {
  background: #f7f7f7;
}

.bgf4 {
  background: #f4f4f4;
}

.bgf2 {
  background: #f2f2f2;
}

.bgccc {
  background: #ccc;
}

/* 揃え */

.semai {
  margin: 0 auto;
  width: 400px;
}

.semaku {
  margin: 0 auto;
  width: 350px;
}

.saranisemaku {
  margin: 0 auto;
  width: 300px;
}

.wakunasi {
  padding: 0;
}

.sirowaku {
  padding: 0 1em;
}

.wakunasi2 {
  padding: 0 0 2em;
}

.sirowaku2 {
  padding: 0 1em 2em;
}

.semai2 {
  padding: 0 2em 2em;
}

.semaku2 {
  padding: 0 3em 2em;
}

.yorisemaku2 {
  padding: 0 4em 2em;
}

.saranisemaku2 {
  padding: 0 5em 2em;
}

.sirowaku3 {
  padding: 0 1em;
}

.semai3 {
  padding: 0 2em;
}

.semaku3 {
  padding: 0 3em;
}

.yorisemaku3 {
  padding: 0 4em;
}

.saranisemaku3 {
  padding: 0 5em;
}

.sirowaku4 {
  padding: 1em;
}

.semai4 {
  padding: 2em;
}

.semaku4 {
  padding: 3em;
}

.yorisemaku4 {
  padding: 4em;
}

.saranisemaku4 {
  padding: 5em;
}

.wakunasi5 {
  padding: 0 0 1em;
}

.sirowaku5 {
  padding: 0 1em 1em;
}

.semai5 {
  padding: 0 2em 1em;
}

.semaku5 {
  padding: 0 3em 1em;
}

.yorisemaku5 {
  padding: 0 4em 1em;
}

.saranisemaku5 {
  padding: 0 5em 1em;
}

.yokowaku5px {
  padding: 0 5px;
}

.yokowaku10px {
  padding: 0 10px;
}

.hidari {
  text-align: left;
}

.mannaka {
  margin: 0 auto;
  text-align: center;
}

.migi {
  text-align: right;
}

.nakayose {
  margin: 0 auto;
}

.semaku300 {
  margin: 0 auto;
  max-width: 300px;
}

.semaku350 {
  margin: 0 auto;
  max-width: 350px;
}

.semaku400 {
  margin: 0 auto;
  max-width: 400px;
}

.semaku425 {
  margin: 0 auto;
  max-width: 425px;
}

.semaku450 {
  margin: 0 auto;
  max-width: 450px;
}

.jisage p,
.indent p {
  text-indent: 1em;
}

.rjisage p,
.rindent p {
  text-indent: -1em;
}

.sirowaku12 {
  padding: 1em 2em;
}

.sirowaku122 {
  padding: 1em 2em 2em;
}

.sirowaku123 {
  padding: 1em 2em 3em;
}


/* フォントサイズ */

.fontsize50 {
  font-size: 50%;
  line-height: 1.4em;
}

.fontsize60 {
  font-size: 60%;
  line-height: 1.4em;
}

.fontsize70 {
  font-size: 70%;
  line-height: 1.4em;
}

.fontsize80 {
  font-size: 80%;
  line-height: 1.4em;
}

.fontsize90 {
  font-size: 90%;
  line-height: 1.4em;
}

.fontsize100 {
  font-size: 100%;
  line-height: 1.4em;
}

.fontsize120 {
  font-size: 120%;
  line-height: 1.4em;
}

.fontsize140,
td.fontsize140 {
  font-size: 140%;
  line-height: 1.4em;
}

.fontsize160 {
  font-size: 160%;
  line-height: 1.4em;
}

.fontsize180 {
  font-size: 180%;
  line-height: 1.4em;
}

.fontsize200 {
  font-size: 200%;
  line-height: 1.4em;
}

.fontsize220 {
  font-size: 220%;
  line-height: 1.4em;
}

.fontsize240 {
  font-size: 240%;
  line-height: 1.4em;
}

.fontsize260 {
  font-size: 260%;
  line-height: 1.4em;
}

.fontsize280 {
  font-size: 280%;
  line-height: 1.4em;
}

.fontsize300 {
  font-size: 300%;
  line-height: 1.4em;
}


/* フォントカラー指定 */

.ATcolor,
.pink {
  color: #f6c;
}

.deeppink {
  color: deeppink;
}

.usuku {
  color: #666;
  font-size: 90%;
}

.usuji {
  color: #666;
}

.fontcolor999 {
  color: #999;
}

.comme {
  padding-left: 1em;
  color: #666;
  text-indent: -1em;
  font-size: 85%;
  line-height: 1.4em;
}

.fontcolor000 {
  color: #000;
}

.fontcolor111 {
  color: #111;
}

.fontcolor222 {
  color: #222;
}

.fontcolor333 {
  color: #333;
}

.fontcolor444 {
  color: #444;
}

.fontcolor555 {
  color: #555;
}

.fontcolor666 {
  color: #666;
}

.fontcolor777 {
  color: #777;
}

.fontcolor888 {
  color: #888;
}

.fontcolor999 {
  color: #9993;
}

.fontcoloraaa {
  color: #aaa;
}

.fontcolorbbb3 {
  color: #bbb;
}

.fontcolorccc {
  color: #ccc;
}

.fontcolorddd {
  color: #ddd;
}

.fontcoloreee {
  color: #eee;
}

.fontcolorfff {
  color: #fff;
}

/* 文字背景色 */

.haikeipinku0 {
  background-color: #ffe8e8;
}

.haikeiao0 {
  background-color: #d6f0ff;
}

.haikeikiiro0 {
  background-color: #fffec4;
}

.haikeipink {
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #ffbcbc;
  background-color: #ffe8e8;
}

.haikeiao {
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #00a5ff;
  background-color: #d6f0ff;
}

.haikeikiiro {
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #efeb00;
  background-color: #fffec4;
}

.haikeinasi {
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #aaa;
}

/* テーブル */

table.st01 {
  margin: 5px auto;
  border: none;
  border-spacing: 10px;
  border-collapse: collapse;
}

.st01 th,
.st01 td {
  padding: 10px;
  border: none;
}

table.tb05 {
  margin: 1em auto;
  border-collapse: collapse;
  color: #777;
  font-size: 95%;
}

.tb05 th,
.tb05 td {
  padding: 5px 10px;
  border: 1px solid #bbb;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
  line-height: 1.6em;
}

table.tb11 {
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 85%;
}

table.tb11 th,
table.tb11 td {
  padding: 5px 10px;
  border: 0;
  vertical-align: top;
  text-align: left;
  line-height: 1.6em;
}

/* code */

pre {
  white-space: pre-wrap;
  font-family: inherit;
}

.code {
  font-family: 'consolas', 'courier new', 'courier', 'monaco', monospace;
  line-height: 1rem;
}

.codebox {
  margin: 1rem 0;
  padding: 1.0em;
  border: 6px solid #666;
  border-radius: 10px/10px;
  color: #ddd;
  line-height: 1em;
  background: #333;
}

.descriptor {
  margin: 5px;
  padding: 2em;
  color: #ddd;
  background-color: #333;
  border: 6px solid #666;
  border-radius: 10px/10px;
}

/* 禁則処理 */

.wordbkeep {
  word-break: keep-all;
}
.wordbnormal{
  word-break: normal;
}
.wordbbreak{
  word-break: break-all;
}

/* 引用文・その他 */

blockquote {
  margin: 20px 10px;
  padding: 1em 2em;
  border: 1px dashed #bbb;
}

hr {
  margin: 1em 0 0;
  height: 1px;
  border-top: 1px dashed #b7b7b7;
}

/* その他 */

img.icon {
  margin: 0 20px 0 0;
  padding: 5px;
}