@charset "utf-8";

/*CSS_Reset*/

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

/*全体*/

body {
  background: #333;
  color: #efefef;
  font-family: メイリオ, meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
  /* transform: rotate(0.03deg); */
  line-height: 1.7em;
}

/*リンク*/

a:link,
a:visited {
  color: #44bbff;
}
a:hover,
a:active {
  color: #f6c;
  text-decoration: underline;
}

/*リスト*/

ul,
ol {
  margin: 0;
  padding: 1em;
}
li {
  margin: 1em 0 1em 1em;
  padding: 0 0 0 0.5em;
}
.decimal li {
  list-style: decimal-leading-zero;
}
.liststylenone {
  list-style: none;
}
.lineheight1rem {
  line-height: 1rem;
}
.nomargin,
.nomargin li {
  margin: 0;
}
li.new01 {
  list-style-image: url("/img/NEW01.gif")
}
li.new02 {
  list-style-image: url("/img/NEW02.gif")
}
li.new03 {
  list-style-image: url("/img/NEW03.gif")
}
li.new04 {
  list-style-image: url("/img/NEW04.gif")
}
li.new05 {
  list-style-image: url("/img/NEW05.gif")
}
li.clear01 {
  list-style-image: url("/img/clear01.gif")
}

/*レイアウト*/

#container {
  margin: 0 auto;
  max-width: 640px;
}
#title {
  margin-bottom: 10px;
  padding: 5px 10px 10px;
  border: 1px dashed #bbb;
  background: #444;
  text-decoration: none;
}
#introduction {
  padding: 5px 20px;
  color: #ddd;
  font-size: 80%;
  line-height: 1.5em;
}
#content {
  margin: 0;
  padding: 5px;
  border: 1px dashed #bbb;
  background: #444;
}
#topmenu {
  max-width: 100%;
}
#bottommenu {
  margin: 10px 0;
  max-width: 100%;
}
#mainentry {
  font-size: 108%;
  padding: 5px 20px;
}
#footer {
  margin-top: 0;
  border: 1px dashed #bbb;
  text-align: center;
}
.entryfooter {
  padding: 15px 0 0;
}
.entryfooter li {
  display: inline-block;
  padding: 0 10px;
  list-style: none;
}
.copyright {
  clear: both;
  padding: 10px;
  border-top: 1px dashed #bbb;
  font-size: small;
}

/*エントリー*/

.entrybody {
  padding: 1em;
}
.entrytext {
  padding: 1em 2em;
}
.entrytext img {
  padding: 5px;
}

/*トップメニュー*/

#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: #555;
  vertical-align: bottom;
  text-align: center;
  font-size: 80%;
}
#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 {
  display: inline-block;
  margin: 5px 0;
  width: 98.5px;
  border: 1px dotted #bbb;
  background: #f7f7f7;
  text-align: center;
  font-size: 80%;
}
#topmenu li a,
#bottommenu li a {
  display: block;
  padding: 25px 0;
}
#directory {
  padding: 5px;
  color: #888;
  font-size: 80%;
  line-height: 0.8em;
}

/*画像*/

.embed-container {
  position: relative;
  overflow: hidden;
  height: 0;
  background-color: black;
}
.embed-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.border3px img {
  margin: 3px;
  padding: 0;
  border: 3px solid #ccc;
  vertical-align: baseline;
}
.imgsort01 {
  margin: 0;
  padding: 1rem 0;
  border: 1px solid #aaa;
  background: #444;
  font-size: 0;
  line-height: 0;
}
.imgborder img {
  padding: 20px 30px;
  background-color: #e9e9e9;
}
.passparts img {
  padding: 2px;
}

/*基本設定*/

h1 {
  margin: 5px 10px;
  padding: 10px 10px 5px;
  background: #3c3c3c;
  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 #0099ff;
  border-right: 1px solid #0099ff;
  border-bottom: 1px solid #0099ff;
  border-left: 15px solid #0099ff;
  background: #444;
  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: #444;
  color: #ccc;
  vertical-align: bottom;
  font-size: 120%;
}
h4 {
  margin: 5px 0 1em;
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
  border-left: 15px solid #ccc;
  color: #aaa;
  font-size: 120%;
}
h5 {
  color: #999;
  font-size: 90%;
  line-height: 1.7em;
}
h6 {
  color: #999;
  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 #aaa;
}
.wakusolid7 {
  margin: 1em 0;
  padding: 1em;
  border: 3px solid #ccc;
}
.wakudott8 {
  margin: 1em 0;
  padding: 0 1em;
  border: 6px dotted #ccc;
}
.wakudash8 {
  margin: 1em 0;
  padding: 0 1em;
  border: 6px dashed #ccc;
}
.wakusolid8 {
  margin: 1em 0;
  padding: 0 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: #3f3f3f;
}
.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: #cfcfcf;
  font-size: 85%;
  line-height: 1.8em;
}
.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;
}
.babyblue {
  background-color: #bbe2f1;
}
.cornsilk {
  background-color: #fff8dc;
}
.dcdcdc {
  background-color: #dcdcdc;
}
.bg222 {
  background-color: #222;
}
.bg333 {
  background-color: #333;
}

/* 20% */


/*揃え*/

.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;
}
.migi2 {
  float: right;
  margin: 10px 5px;
  text-align: right;
}
.migi3 {
  margin-left: auto;
  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,
p.jisage,
p.indent {
  text-indent: 1em;
}
.rjisage p,
.rindent p {
  text-indent: -1em;
}
.sirowaku1110 {
  padding: 1em 1em 1em 0;
}
.sirowaku12 {
  padding: 1em 2em;
}
.sirowaku122 {
  padding: 1em 2em 2em;
}
.sirowaku1220 {
  padding: 1em 2em 2em 0;
}
.sirowaku1320 {
  padding: 1em 3em 2em 0;
}
.sirowaku123 {
  padding: 1em 2em 3em;
}
.padding5px,
span.padding5px {
  padding: 5px 10px;
}
.button5px,
span.button5px {
  display: inline-block;
  padding: 5px 10px;
}
.clap {
  margin: -1em 5px 1em 0;
}
.semai0002 {
  padding: 0 0 0 2em;
}
.semai0102 {
  padding: 0 1em 0 2em;
}
.sirowaku1112 {
  padding: 1em 1em 1em 2em;
}

/*フォントサイズ*/

.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;
}
.fontsizemedium {
  font-size: medium;
  line-height: 1.7rem;
}
.futoji {
  font-weight: bold;
}

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

.ATcolor,
.pink {
  color: #f6c;
}
.deeppink {
  color: deeppink;
}
.usuji {
  color: #999;
}
.usuku {
  color: #999;
  font-size: 90%;
}
.comme {
  padding-left: 1em;
  color: #cfcfcf;
  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: #999;
}
.fontcoloraaa {
  color: #aaa;
}
.fontcolorbbb {
  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: #ccc;
  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;
}
table.simpleT01 td,
table.simpleT01 th {
  padding: 5px 10px;
  border: none;
}
table.simpleT02 td,
table.simpleT02 th {
  padding: 5px 7px;
  border: none;
}

/* SNS Button */

.sns_button01 {
  margin-top: -8px;
  margin-left: auto;
  margin-bottom: 8px;
  padding: 0;
}
.sns_button01 td {
  display: inline-block;
  margin: 0;
  padding: 0 8px;
}
td.clap1 {
  margin: -19px 0 0;
}

/*code*/

pre {
  white-space: pre-wrap;
  font-family: inherit;
}
code {
  word-wrap: break-word;
  word-break: break-all;
  font-family: 'consolas', 'courier new', 'courier', 'monaco', monospace;
}
.codebox {
  margin: 1rem 0;
  padding: 1.0em;
  border: 6px solid #666;
  border-radius: 10px/10px;
  background: #333;
  color: #ddd;
  font-size: 80%;
  line-height: 1.2rem;
}
.descriptor {
  margin: 5px;
  padding: 2em;
  border: 6px solid #666;
  border-radius: 10px/10px;
  background-color: #333;
  color: #ddd;
}

/*禁則処理*/

.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;
}
.gazou {
  max-width: 400px;
}

/* box */

.descriptbox_01 {
  width: 500px;
  margin: 1em auto;
  padding: 1em;
  border: 1px dashed #999;
  background-color: #3f3f3f;
  line-height: 1.6em;
  font-size: 95%;
}
.descriptbox_01 ul {
  text-align: left;
  color: #ccc;
}
.descriptbox_01 li {
  padding: 0.5em;
  line-height: 1.7em;
}
.descriptbox_01 td {
  text-align: left;
  vertical-align: top;
  padding: 10px 2px;
}