.contents h1 { line-height: 1em; font-size: 1.8em; font-weight: bold; }
.contents h2 { line-height: 1em; font-size: 1.5em; font-weight: bold; }
.contents h3 { line-height: 1em; font-size: 1.2em; font-weight: bold; }
.contents h4 { line-height: 1em; font-size: 0.9em; font-weight: bold; }
.contents h5 { line-height: 1em; font-size: 0.7em; font-weight: bold; }
.contents h6 { line-height: 1em; font-size: 0.7em; font-weight: bold; }

.contents ul > li {
  margin-left: 2.0em;
  list-style-type: disc;
}
.contents dl > li { margin-left: 2.0em; }
.contents ol > li { margin-left: 2.5em; }

.contents > * { margin-top: 9pt; }
.contents > *:first-child { margin-top: 0; }

.contents h1 {
  border-bottom: 3px solid #666;
  padding: 6px 0 6px 0.3em;
  background-color: #dddddd;
  background: linear-gradient(#ffffff, #dddddd);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
  background: -moz-linear-gradient(#ffffff, #dddddd);
  background: -o-linear-gradient(#ffffff, #dddddd);
  filter: progid:DxImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffdddddd);
}

.contents h2 {
  border-bottom: 2px solid #666;
  padding: 4px 0 4px 0.5em;
  background-color: #dddddd;
  background: linear-gradient(#ffffff, #dddddd);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
  background: -moz-linear-gradient(#ffffff, #dddddd);
  background: -o-linear-gradient(#ffffff, #dddddd);
  filter: progid:DxImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffdddddd);
}

.contents > .post-info {
  margin-top: 3pt;
  font-size: 10.5pt;
  line-height: 10.5pt;
}

.contents > .post-info ul {
}

.contents > .post-info ul > li {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0;
  list-style-type: none;
}

.contents > .post-info ul > li.tag {
  margin-left: 0;
}

.contents > .post-info ul > li.tag > a {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  color: #000000;
  background-color: #dddddd;
}

.contents > .post-summary {
  margin-top: 3pt;
  border: 3px dotted #bbbbbb;
  border-radius: 6pt;
  padding: 4pt 8pt;
  line-height: 15pt;
}

.contents .post-nav {
  position: relative;
  height: 21pt;
}
.contents .post-nav > li {
  position: absolute;
  display: inline-block;
  margin-left: 0px;
  list-style-type: none;
  text-align: center;
}
.contents .post-nav > li.prev { left: 0; }
.contents .post-nav > li.next { right: 0; }
.contents .post-nav > li > a {
  display: inline-block;
  border: 2px solid #bbb;
  border-radius: 10pt;
  padding: 4.5pt 9pt;
  min-width: 16em;
  max-width: 16em;
  overflow: hidden;
  font-size: 9pt;
  line-height: 9pt;
  color: #bbb;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.contents .post-nav > li > a:link {
  color: #999;
  border-color #999;
}
.contents .post-nav > li > a:visited {
  color: #bbb;
  border-color #bbb;
}
.contents .post-nav > li > a:hover,
.contents .post-nav > li > a:active {
  color: #000;
  border-color: #000;
}

.contents > .post-body > * { margin-top: 9pt; }
.contents > .post-body > *:first-child { margin-top: 0; }

.contents > .post-body li { margin-top: 4pt; }
.contents > .post-body li > * { margin-top: 4pt; }

.contents div.highlighter-rouge {
  margin-left: 1em;
  margin-right: 1em;
  border: 2px solid #999;
  border-radius: 6pt;
  padding: 0.8em;
  max-height: 800px;
  line-height: 1em;
  overflow: auto;
  background-color: #e5e5e5;
}

/*
.contents .highlight > pre {
  display: inline-block;
}
*/

.contents .sandbox {
  margin-left: 1em;
  margin-right: 1em;
  border: 2px solid #999;
  border-radius: 6pt;
  padding: 0.8em;
  overflow: auto;
}

.contents .post-body hr {
  margin: 12pt 0;
  border: 2px solid #999;
}

.contents .post-body blockquote {
  margin-left: 24pt;
  margin-right: 24pt;
  border-left: 0.5em solid #ccc;
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 10.5pt;
  line-height: 15pt;
  background-color: #eee;
}
.contents > .post-body blockquote > * { margin-top: 9pt; }
.contents > .post-body blockquote > *:first-child { margin-top: 0; }

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), url(//themes.googleusercontent.com/static/fonts/inconsolata/v6/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

.contents code {
  font-size: 10.5pt;
  font-family: "Inconsolata", "Lucida Console", "monospace" !important;
  line-height: 10.5pt;
}

.contents p > code,
.contents li > code {
  display: inline-block;
  margin-left: 2pt;
  margin-right: 2pt;
  /*border: 1px solid #999;*/
  border-radius: 3pt;
  padding: 2pt 4pt;
  background-color: #eeeeee;
  white-space: nowrap;
  font-size: 10.0pt;
  vertical-align: 1pt;
}

.contents p > a > code {
}

.contents p.amazon-affiliate {
  float: right;
  margin: 0.5em;
}

.contents .post-body img {
  display: block;
  margin-left: 1em;
  margin-top: 6pt;
  max-width: 680px;
}

.contents .post-body ul.tags {
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.contents .post-body ul.tags > li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.contents .post-body ul.tags > li > a {
  display: inline-block;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  line-height: 1;
  color: #000000;
  background-color: #dddddd;
}

.contents table {
  margin-left: 1em;
  margin-right: 1em;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  border-collapse: collapse;
  border-spacing: 0;
}

.contents table tr > th {
  background-color: #dddddd;
  background: linear-gradient(#ffffff, #dddddd);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
  background: -moz-linear-gradient(#ffffff, #dddddd);
  background: -o-linear-gradient(#ffffff, #dddddd);
  filter: progid:DxImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffdddddd);
}

.contents table tr > * {
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  padding: 0.2em 0.9em;
}

.contents table .right {
  text-align: right;
}

.contents .twitter-tweet {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* post-social */

.post-social {
  line-height: 100%;
}
.post-social a {
  border: none !important;
  background: none !important;
}

.social-buttons { }
.social-buttons-after { visibility: hidden; }
.social-button {
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

.kaoriya-disqus {
  margin: 8pt 0 0 0;
  border: 3px solid #999;
  border-radius: 9pt;
  padding: 9pt;
}