@charset "utf-8";

* {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0em;
  padding: 0em 0em 0em 0em;
  color: #000000;
  background-color: #fcfcff;
  background-color: #ffffff;
  background-color: #ffffff;
  background-color: #f4f4f4;
  font-family: Meiryo, sans-serif;
}

img {
  padding: 2px;
  background: #ffffff;
  border: 1px solid #8899cc;
  box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

a:link {
  color: #6677aa;
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: #6677aa;
  text-decoration: none;
  font-weight: bold;
}

a:active {
  text-decoration: none;
}

a:hover {
  background-color: transparent;
  text-shadow: #e0e0e0 -3px -3px 5px, #e0e0e0 3px -3px 5px, #e0e0e0 -3px 3px 5px, #e0e0e0 3px 3px 3px;
  text-decoration: none;
}

b {
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #444444;
}

/* page */

.header {
  width: 100%;
  margin: 0em 0em 4em 0em;
  color: #7788bb;
  color: #99aadd;
  color: #7788bb;
  color: #8899cc;
}

.header .logo {
  margin: 0.4em 0.8em 0.4em 0.8em;
  padding: 0em 0em 0em 0em;
  font-size: 250%;
  font-weight: bold;
  text-align: left;
}

.header .plus {
  margin: -2.7ex 0em 0em 0ex;
  padding: 0ex 0em 0em 4.1em;
  font-size: 250%;
  text-align: left;
  font-weight: bolder;
  color: #ff7766;
}

.header .desc {
  margin: -3ex 0em 0em 0ex;
  padding: 0ex 0em 0em 8.8em;
  font-size: 140%;
  font-weight: bold;
  text-align: left;
}

.header .logo,
.header .plus,
.header .desc {
  text-shadow: #e4e4e4 -4px -4px 5px, #e4e4e4 4px -4px 5px, #e4e4e4 -4px 4px 5px, #e4e4e4 4px 4px 4px;
}


/* main */

.main {
  margin-right: 10em;
  margin-right: 16em;
  margin-top: -3em;
  padding: 6em 4em 4em 4em;
  background-color: #ffffff;
  border: solid 1px #8899cc;
  border-left: none;
  border-top-right-radius: 5em;
}

.main .article {
  margin-bottom: 8ex;
}

.main .comment {
  margin-bottom: 3ex;
}

/* nav */

.nav {
  width: 14em;
  float: right;
  padding: 0em 1em 0em 2em;
  font-weight: bold;
  background-color: transparent;
  text-shadow: #e8e8e8 -3px -3px 5px, #e8e8e8 3px -3px 5px, #e8e8e8 -3px 3px 5px, #e8e8e8 3px 3px 3px;
}

/* nav */

.nav ul {
  list-style: none;
}

.nav ul a:link,
.nav ul a:visited {
  color: #8899cc;
  color: #6677aa;
  color: #7788bb;
}

.nav ul a:hover {
  text-decoration: none;
  background-color: transparent;
  text-shadow: #e0e0e0 -3px -3px 5px, #e0e0e0 3px -3px 5px, #e0e0e0 -3px 3px 5px, #e0e0e0 3px 3px 3px;
}

.nav .mark {
  padding: 0ex 0.5em 0ex 0em;
  font-size: 80%;
  font-weight: bold;
  text-shadow: 0px -1px, 1px 0px, 1px -1px;
  z-index: -1;
}

/* ul */

.nav ul li {
  padding: 2ex 0em 0ex 0em;
}

.nav ul li .mark {
  color: #ff7766;
}

/* ul li ul */

.nav ul li ul {
  margin: -3ex 0em 0ex 0em;
  color: #bbddbb;
}
.nav ul li ul li {
  margin: -1.5ex 0em 0ex 1em;
}

.nav ul li ul li .mark {
  color: #bbddbb;
  color: #88bb88;
  color: #77aa77;
}

.nav ul li ul a:link,
.nav ul li ul a:visited {
  text-decoration: none;
}

/* head */

/* article header */

.article .header {
  margin: 0em 0em 2em 0em;
}

.article .header .remark {
  text-indent: 0.5em;
  margin-top: -0.9em;
  margin-top: -1.2em;
  margin-bottom: -1.02em;
  margin-bottom: -0.9em;
  line-height: 1.8;
  font-size: 300%;
  font-size: 200%;
  font-weight: bold;
  color: #dddddd;
  color: #eeeeee;
  color: #8899cc;
  color: #e0e0e0;
  z-index: -2;
}

.article .date {
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-size: 300%;
  font-size: 200%;
  margin-top: 0.3em;
  margin-bottom: -1.9em;
  margin-bottom: -2.3em;
  color: #ccddee;
  color: #ccddff;
  color: #e0e0e0;
  color: #8899cc;
  color: #ccddff;
  color: #8899cc;
  color: #ccddee;
  color: #e0e0e0;
  z-index: -1;
}

.article .header .mark {
  text-indent: -0.6em;
  margin-bottom: -0.7em;
  line-height: 0.8;
  font-size: 240%;
  font-weight: bold;
  color: #eebb99;
  color: #ffaa88;
  color: #ffbb99;
  color: #ff7766;
  border-bottom: solid 2px #88aadd;
  border-bottom: solid 2px #88aaff;
  border-bottom: solid 2px #8899cc;
  z-index: 1;
}

.article .header .subject {
  text-indent: 0.6em;
  margin: 0.2em 0em -5.1ex 0em;
  padding: 0em 0em 5ex 0em;
  font-weight: bold;
  color: #444444;
}

/* comment header */

.comment .header .mark {
  text-indent: -0.4em;
  margin-bottom: -0.7em;
  line-height: 0.7;
  font-size: 240%;
  font-weight: bold;
  color: #bbddbb;
  border-bottom: dotted 2px #55aa55;
}

.comment .date {
  width: 100%;
  text-align: right;
  font-weight: normal;
  font-size: 100%;
  color: #bbddbb;
  margin-top: -2.1ex;
  display: none;
}

/* .body */

.body {
  margin: 0em 1.2em 0em 1.2em;
  line-height: 1.4;
}

.body p {
  margin: 1em 0em 1.2em 0em;
  word-break : normal;
}

.body li {
  margin: 0.5em 0.8em 0.5em 0.8em;
  word-break : normal;
  list-style-type: circle;
  list-style-type: none;
}

.body li ul {
  margin: 0.5em 0em 0.5em 0em;
}

.body li li {
  margin: 0.1em 0.8em 0.1em 0.8em;
  word-break : normal;
  list-style-type: circle;
  list-style-type: none;
}

.body li:before {
  content: "· ";
}

.body blockquote {
  margin: 0.6em 1em 1.6em 1em;
  padding: 1em 1em 0.4em 1em;
  background-color: #f8f8f8;
  border: solid 1px #8899cc;
  border-radius: 1em;
}

.body pre {
  margin: 0em 0.2em 0.6em 0.2em;
  line-height: 1.2;
}

.body img {
  margin: 0em 0em 0em 0em;
}

/* footer */

.footer {
  margin: 4em 4em 2em 4em;
  text-align: right;
  font-weight: normal;
  font-size: 100%;
  color: #bbccdd;
}