@charset "UTF-8";
/* -*- coding: utf-8 -*- */

/* begin html5 reset */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* end html5 reset */



/* body,div,pre,p,blockquote, */
/* form,fieldset,input,textarea,select,option, */
/* dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, */
/* table,th,td,embed,object { */
/*   margin: 0; */
/*   padding: 0; */
/*   vertical-align: baseline; */
/* } */

/* h1,h2,h3,h4,h5,h6 { */
/*   font-style: normal; */
/*   font-weight: normal; */
/*   fint-size: 1.0em; */
/* } */

/* table { border-spacing:0; } */
/* img, input {vertical-align: middle;} */
/* q:before,q:after { content:'';} */


/* body { */
/*   margin: 0; */
/*   padding: 0; */
/*   background: #545454 url("body-background.png") repeat-x scroll 0% 0%; */
/*   text-align: center; */
/*   color: #000; */
/* } */

/* div.title h1 { */
/*   margin-top: 10px; */
/*   margin-bottom: 0; */
/* } */

/* div.title img { */
/*   vertical-align: text-bottom; */
/* } */

/* div.container { */
/*   width: 90%; */
/*   margin: 0 auto; */
/*   text-align:left; */
/*   background: #fff; /\* background for sidebar. *\/ */
/* } */

/* div.top { */
/*   background: #fff; */
/*   border-bottom: 1px solid #fff; */
/*   padding: 0; */
/* } */

/* div.content { */
/*   width: 100%; */
/*   background: #fff; */
/* } */

/* div.top */
/* div.top div.title { */
/*   margin: 0; */
/*   padding: 0; */
/*   border-style: solid; */
/*   border-color: #afafaf; */
/*   border-width: 0px 0px 1px 0px; */
/*   color: #000; */
/*   background-image: url("logo-background.png"); */
/*   background-repeat:repeat-x; */
/*   backgroiund-color: #efefef; */
/*   padding: 15px 5px 10px 10px; */
/* } */

/* div.top div.quote { */
/*   margin: 0px; */
/*   margin-left: 40%; */
/*   padding: 0em; */
/*   background: #fff; */
/*   font-size: small; */
/* } */

/* div.quote blockquote { */
/*   font-size: 90%; */
/*   line-height: 1.3; */
/*   text-align: left; */
/*   margin: 5px 2em; */
/*   padding: 0; */
/*   background: #fff; */
/* } */

/* div.quote div.cite { */
/*   text-align: right; */
/* } */

/* div.content */
/* div.maincontainer { */
/*   background: #fff; */
/*   width: 79%; */
/*   right-margin: 21%; */
/*   float: left; */
/* } */

/* div.sidebar { */
/*   width: 19%; */
/*   float:right; */
/* } */

/* div.adminmenu */
/* div.adminmenu { */
/*   background: #fff; */
/*   padding: 1em 0em; */
/*   text-align:right; */
/* } */

/* div.adminmenu p { */
/*   margin: 5px 0px; */
/*   text-align: right; */
/*   font-size: 90%; */
/*   padding-bottom: 1px; */
/* } */

/* div.adminmenu a { */
/* } */

/* adminmenu button */
/* span.adminmenu { */
/*   background-color: #efefef; */
/*   color: #000; */
/*   border-style: solid; */
/*   border-color: #bbb #666 #666 #bbb; */
/*   border-width: 1px 2px 2px 1px; */
/*   padding: 3px 2px 2px 2px; */
/* } */

/* div.main { */
/*   width: 100%; */
/*   float: left; */
/*   background-color: #fff; */
/* } */

/* div.day { */
/*   margin-bottom: 50px; */
/* } */

/* 日記タイトル行全体 */
/* h2 { */
/*   background: #ffffff url("h2-background.png") repeat-x scroll 0% 0%; */
/*   border-color: #afafaf #afafaf #cfcfcf #fff; */
/*   border-style: solid; */
/*   border-width: 1px 1px 1px 0px; */
/*   padding: 5px 5px 10px; /\* ↑ ←→ ↓ *\/ */
/*   float: left; */
/*   font-size: 100%; */
/*   width: 100%; */
/* } */

/* h2 a:link, h2 a:visited { */
/*   border-bottom-width: 0px; */
/* } */

/* 日付 */
/* span.date, span.title { */
/*  display: block; */
/*  float: left; */
/*  color: #000; */
/*  font-family: verdana; */
/*  font-weight: bold; */
/* } */

/* span.date a, span.nyear a { */
/*  color: #000; */
/* } */

/* span.title { */
/*   margin-left: 10px; */
/* } */

/* 長年日記 */
/* span.nyear { */
/* /\* display:inline; *\/ */
/*  margin-left: 10px; */
/*  font-size: 80%; */
/* } */

/* edit-today */
/* span.edit-today { */
/*   font-size: 60%; */
/* } */

/* span.edit-today a { */
/*   color: #999; */
/* } */

/* タイトルを除いた、1日の日記本文全体 */
/* div.body { */
/*   clear: both; */
/*   padding-top: 1em; */
/*   line-height: 1.5; */
/* } */

/* div.section { */
/*   margin-bottom: 20px; */
/* } */

/* セクションのタイトル */
/* h3 { */
/*   font-weight: bold; */
/*   margin-bottom: 1em; */
/* } */

/* h4 { */
/*   font-weight: bold; */
/* } */

/* セクションアンカー */
/* div.day span.sanchor { */
/* } */

/* ツッコミアンカー */
/* div.day span.canchor { */
/* } */

/* 日記本文 */
/* p { */

/* } */

/* ツッコミ欄の全体 */
/* div.comment { */
/* } */

/* ツッコミ欄タイトル行 */
/* Div.comment div.caption { */

/* } */

/* ツッコミした人の名前の設定 */
/* span.commentor { */
/* } */

/* ショートコメント */
/* div.comment div.commentshort { */

/* } */

/* リンク元リスト(短い方) */
/* div.referer { */

/* } */

/* リンク元リスト(全体一覧) */
/* div.refererlist { */

/* } */

/* 罫線 */
/* hr { */
/* } */

/* 日記のセパレータ */
/* hr.sep { display: none; } */

/* フッタ */
/* div.footer { */
/*   clear:both; */
/*   color: #666666; */
/*   padding: 0.5em; */
/*   background-color: #000; */
/*   background-image: url("footer-background.png"); */
/*   background-repeat: repeat-x; */
/*   font-size: 90%; */
/*   text-align: right; */
/* } */

/* フォーム全体の囲み枠 */
/* div.form { */
/* } */

/* 入力フィールド */
/* input.field { */
/* } */

/* 複数行入力フィールド */
/* textarea { */
/* } */

/* /\* エラーメッセージ表示の設定 *\/ */
/* p.message { */

/* } */

/* /\* preタグ *\/ */
/* pre { */
/* } */

/* /\* blockquote *\/ */
/* blockquote { */
/* } */

/* /\* 項目リスト *\/ */
/* dl { */
/* } */

/* dt { */
/* } */

/* dd { */
/* } */

/* ======================================================================== new */

body {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  max-width: 900px;
}

div.adminmenu {
  clear: both;
  background: #efefef;
  font-size: 14px;
  text-align: right;
  padding-right: 3px;
}

div.adminmenu a {
  border-bottom-width: 0px;
}

div.adminmenu div, div.adminmenu form, div.adminmenu select {
  display: inline;
}

div.adminmenu span.adminmenu, div.adminmenu img {
  vertical-align: middle;
}

div.adminmenu a.img {
  vertical-align: top;
}

div.adminmenu input[type=submit] {
  font-size: 14px;
}

div.top {
  background: #fff;
  padding-bottom: 10px;
}

div.top div.title {
  border: 1px solid #999;
  color: #000;
  background-image: url("logo-background.png");
  background-repeat:repeat-x;
  backgroiund-color: #efefef;
  padding: 10px 10px 4px 10px;
}

h1 {
  margin: 12px 0 4px 0;
}

div.top div.lead {
  font-size: 14px;
}

div.top blockquote {
  display: blockquote;
  font-size: 10px;
  color: #666;
  margin: 10px 2em 1em 2em;
}

div.top blockquote div {
  display: inline;
}

div.top blockquote cite {
  margin-left: 4em;
}

div.top a {
  border-bottom-width: 0px;
}

div.content {
  text-align:left;
  max-width: 900px;
}

div.main {
  padding: 0;
  background-color: #fff;
  max-width: 690px;
  float: left;
}

div.sidebar {
  background: #fff;
  width: 200px;
  overflow: auto;
  zoom: 1;
  float: left;
}

div.footer {
  clear: left;
  font-size: 12px;
  background-color: #333;
  color: #aaa;
  text-align: right;
  padding: 8px;
}

div.footer a {
  border-bottom-width: 0px;
}


/* link */
a:link, a:visited {
  color: #00f;
  text-decoration: none;
  border-bottom: 1px dotted #69f;
}

a:visited {
  color: #939;
  border-bottom-color: #969;
}

a:hover {
  color: #f00;
  border-bottom: 1px solid #f00;
}

/* 1日ぶん */
div.day {
  padding-left: 32px;
  padding-bottom: 64px;
}

h2 {
  display: block;
  background: #ffffff;
  padding: 3px 8px 3px 10px;
  color: #666;
  border-left: 8px solid #666;
}

h2 span.date a:link, h2 span.date a:visited, h2 span.date a:hover {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 0px;
}

/* 長年日記 */
span.nyear {
   margin-left: 4px;
   font-size: 12px;
}

span.nyear a:link,span.nyear a:visited,span.nyear a:hover {
  font-size: 12px;
  border-bottom: 0px;
}


/* edit-today */
span.edit-today {
  display: block;
  float: right;
  font-size: 10px;
}

span.edit-today a:link,span.edit-today a:visited,span.edit-today a:hover {
  color: #ddd;
  font-size: 10px;
  border-bottom: 0px;
}

/* タイトルを除いた、1日の日記本文全体 */
div.body {
  line-height: 1.8;
  margin-top: 4px;
  padding-right: 16px;
}

/* 1セクションぶん */
div.section {
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;

}

div.section h3 {
  margin: 0.5em 0 0.5em 0.5em;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

div.section h4 {
  margin: 0.5em 0 0.5em 0.5em;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}


div.section h3 a {
  border-bottom-width: 0px;
}

span.sanchor {
  font-size: 14px;
}


div.section p {
  line-height: 1.8;
  margin-bottom: 1em;
  margin-left: 1em;
}

div.section > div {
  margin-left: 1em;
}

div.section ul {
  margin-left: 1.5em;
  margin-bottom: 1em;
}

div.section li {
  margin-left: 1em;
  line-height: 1.8;
}

div.section pre {
  font-size: 90%;
  margin: 0 1em 1em 1em;
  padding: 1em;
  background: #f9f9f9;
  border: 1px solid #999;
  overflow: auto;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
}

div.section blockquote {
  margin: 0 1em 1em 1em;
  padding: 1em 0.5em 0em 42px;
  background-color: #f9f9f9;
  background-image: url("./quote.png");
  background-repeat: no-repeat;
  background-position: 4px 2px;
  border: 1px solid #ddd;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
}

div.section blockquote * {
  margin-left: 0;
}

div.section strong {
  color: #000;
  font-weight: bold;
}

/* gist plugin */
div.section div.gist_plugin {
  font-size: 14px;
  margin: 0 1em 1em 1em;
}

div.gist_plugin div.gist-file {
  margin: 0;
  padding: 0;
}

div.gist-data {
  margin-left: 0;
}


/* amazon detail */
div.section div.amazon-detail {
  margin: 0 1em 1em 1em;
  padding: 1em 1em 0 1em;
  line-height: 1.3;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
}

div.section span.amazon-title {
  font-size: 14px;
}

div.section img {
  border: 0;
}

div.day a.flickr {
  border-bottom: 0px;
}


div.section div.tags {
  color: #999;
  font-size: 12px;
  padding-top: 1em;
}

div.tags a {
  border-bottom-width: 0px;
}

/* speed-form */
div.form {
  margin: 16px 0 4px 0;
  padding: 8px 12px 12px 12px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #000;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;

}

div.form a {
  border-bottom-width: 0px;
}


div.form input {
  margin-right: 8px;
}

div.form input[name=name] {
  width: 8em;
  font-weight: bold;
}

div.comment {
  margin: 8px 16px 4px 0;
  padding: 8px 12px 12px 12px;
  border: 1px solid #ddd;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
}

div.comment a {
  border-bottom-width: 0px;
}

div.comment div.caption {
  font-size: 14px;
}

/* 日別表示のコメント */
div.comment div.commentbody {
  margin-top: 14px;
}

div.commentbody span.commentator {
  color: #000;
  font-weight: bold;
}

div.commentbody span.commenttime {
  color: #666;
}

div.commentbody p {
  margin-left: 1em;
}





/* 日別のコメントフォーム */
div#comment-form-section {
  margin-right: 16px;
}

div.form div.caption {
  font-size: 14px;
}

form.comment {
  margin-top: 1em;
}

input.field {
  font-size: 14px;
}

input[type=submit] {
  font-size: 24px;
}

form.comment input.field {
  width: 50%;
  margin-left: 1em;
  font-weight: bold;
}

form.comment textarea {
  width: 100%;
  font-size: 16px;
}

div.button {
  text-align: right;
}

form.comment input[type=submit] {
  width: 128px;
  height: 56px;
  padding: 8px;
}

div.sbcontent {
  font-size: 12px;
  margin: 24px auto 0 auto;
}

div.sbblock {
  margin: 16px auto;
}

div.sbblock div.book {
  margin: 8px 0px 32px 24px;
  text-align: left;
}

div.book img.amazon {
  float:none;
  display: block;
  margin: 8px 0;
  border: 1px solid #ddd;
}

div.sbblock div.other_service {
  margin: 8px 0;
  padding: 4px 4px 4px 12px;
  font-weight: bold;
  font-size: 18px;
  color: #aaa;
  background-color: #262626;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
}

div.other_service a {
  display: block;
  color: #fff;
}

div.sbblock h2 {
  display: block;
  background: #ffffff;
  padding: 3px 8px 3px 10px;
  color: #262626;
  border-left: 8px solid #262626;
  font-size: 16px;
  text-align: left;
  margin-bottom: 12px;
}


div.sidebar a {
  border-bottom-width: 0px;
}


/* footnote プラグイン */
div.body span.footnote {
	vertical-align: super;
	font-size: xx-small;
}

div.footnote {
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0px 0px 0px;
	margin-left: 3em;
	font-size: small;
}

hr.sep {
  margin: 0;
  border-width: 0;
  display: none;
}

p.commentator, span.commentator {
  font-weight: bold;
}