@charset "utf-8";

/* reset */

body,
h2,
p,
img,
time {
  padding: 0;
  margin: 0;
  border: none;
}

/* main */

body {
  max-width: 720px;
  margin: 0 auto;
  background: #222;
  word-break: break-all;
  color: #ccc;
  font-family: meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
}
h2 {
  padding: 10px 15px 6px;
  border-top: 1px solid #09f;
  border-right: 1px solid #09f;
  border-bottom: 1px solid #09f;
  border-left: 15px solid #09f;
  background: #222;
  color: #ddd;
  font-weight: bolder;
  font-size: 110%;
}
h3 {
  margin: 1rem 0;
  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: #222;
  color: #ddd;
  font-size: 100%;
  vertical-align: bottom;
}
h4 {
  margin: 5px 0 1em;
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
  border-left: 15px solid #ccc;
  color: #ddd;
  font-size: 100%;
}
.wroteday {
  padding: 5px;
  color: #ddd;
  font-size: 0.8rem;
}
#directory {
  padding: 3px;
  font-size: 0.9rem;
  color: #ccc;
}
#directory a {
  text-decoration: none;
}

/* frame */

.container {
  margin: 10px;
  padding: 0 1rem 1rem;
  background-color: #333;
  border: 1px solid #666;
}
.content {
  margin: 0;
  padding: 1rem 1.4rem;
  background-color: #222;
  border: 1px solid #666;
}
.entrytext {
  margin: 0;
  padding: 1rem;
  word-break: normal;
  word-wrap: normal;
}

/* aside */

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

/* box */

.box250px {
  width: 250px;
}
.box270px {
  width: 270px;
}
.dddbox {
  background: #ddd;
  padding: 18px;
  width: 270px;
  border: 1px solid #aaa;
  border-radius: 10px/10px;
}

/* code */

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

/* font */

.pink {
  color: #f6c;
}
.deeppink {
  color: deeppink;
}
.usuji {
  color: #666;
}
.futoji {
  font-weight: bold;
}

/* copyright */

.footer {
  padding-top: 18px;
  text-align: center;
}
.copyright {
  font-size: small;
}

/* link */

a {
  color: #09f;
  text-decoration: none;
}