@charset "euc-jp";
/* 
Title: fungus
Author: 186
Access: http://d.hatena.ne.jp/smoking186/
 http://186.bz/
License: GPL
Comment: fungus. キノコ.
 IEはquirk. Operaはquirkながらcontent-box使って強引に.
 firefox, Safariは標準なので良い筈です.
*/

/* -------------------- basic layout -------------------- */

* {
 box-sizing: content-box; /* CSS3, Opera */
 margin: 0px; padding: 0px;
 font-size: 100%;
 font-family: verdana, monospace;
 line-height: 1.4;
}

body {
 margin: 0px;
 padding: 0px;
 color: black;
 background: #007325 url("header.gif") center top repeat-x;
 text-align: center; /* IE bug */
}

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

table div table {
 width: 100%;
 margin: 0px;
 border: 0px;
 font-size: 80%;
}

h1, .hatena-body {
 margin: 0px auto;
 padding: 0px;
 text-align: left;
 width: 700px;
}

h1 {
 padding: 50px 0px;
 font-size: 200%;
 text-align: left;
 letter-spacing: 0.5em;
}

.hatena-body {
 position: relative;
 top: 0px; left: 0px;
}

/* -------------------- cancel -------------------- */
.hatena-body table {
 margin: auto;
 width: auto;
 background-color: transparent;
}

.hatena-body table * {
 background-color: transparent;
}

/* -------------------- layout -------------------- */

.hatena-body {
 margin: 50px auto 10px;
 padding: 5px 0px;
}

.hatena-body .main {
 width: 480px;
 margin: 0px;
 padding: 0px;
 float: left;
}

.hatena-body .sidebar {
 width: 200px;
 float: right;
}

/* -------------------- main -------------------- */
a:link {color: #007325; text-decoration: none;}
a:visited {color: #004010;}
a:hover {text-decoration: underline;}
a:active {}

a.keyword, a.okeyword {
 color: black;
 text-decoration: none;
 border-bottom: 1px dashed #d0d0d0;
}

div.calendar a:link {
 color: rgb(200,255,220);
}
div.calendar a:visited {
 color: rgb(170,255,200);
}

div.breadcrumbs,
div.calendar {
 margin-bottom: 10px;
 text-align: right;
 font-size: 90%;
}

div.breadcrumbs a {
 font-size: 90%;
}

/* -------------------- in main -------------------- */
.day {
 width: 480px;
 margin: 0px 0px 20px;
 padding: 0px;
 background: white url("d_b.gif") left bottom no-repeat;
}

.body {
 margin: 10px;
 padding: 0px;
 background: white;
}

.day h2 {
 width: 480px;
 margin: 0px;
 padding: 0px;
 background: white url("d_t.gif") left top no-repeat;
}

.day h2 span.date {
 display: block;
 padding-top: 10px;
 text-align: center;
 font-size: 150%;
}

.day h2 span.title {
 display: block;
 text-align: center;
 font-size: 120%;
}

.day h2 .edit {
 display: block;
 text-align: center;
}

.section {
 margin-bottom: 2em;
 background: white;
 font-size: 90%;
}

h3,h4,h5,h6 {
 margin: 5px 0px;
}
h3 {font-size: 120%;}
h4 {font-size: 115%;}
h5 {font-size: 110%;}
h6 {font-size: 105%;}

.section .sanchor {
 display: block;
 float: left;
 width: 32px;
 height: 32px;
 padding: 32px 32px 0px 0px;
 font-size: 0px;
 background: transparent url("1_mm.png") top left no-repeat;
}

p, ul, ol, dl, pre, blockquote {
 clear: left;
}

img {
 border: 0px;
 margin: 0px;
}

img.photo {
 float: right;
}

p.sectionfooter {
 clear: right;
 font-size: 90%;
}

div.footnote {
 font-size: 90%;
}

.comment,
.refererlist {
 margin: 10px 0px;
 padding: 5px 10px;
 font-size: 90%;
}

.comment {
 clear: right;
}

.caption {
 padding-top: 18px;
 padding-left: 40px;
 background: transparent url("2_mm.png") left center no-repeat;
}

.comment p {
}

.refererlist ul {
 margin: 0px; padding: 0px;
 list-style-type: none;
}

/* ----- elementary elements ----- */
pre {
 margin: 1em;
 padding: 10px;
 background: rgb(200,255,220);
 font-family: monospace;
 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -pre-wrap;     /* Opera 4-6 */
 white-space: -o-pre-wrap;   /* Opera 7 */
 white-space: pre-wrap;      /* CSS3 */
 word-wrap: break-word;      /* IE 5.5+ */
}

blockquote {
 margin: 1em;
 padding: 10px;
 border: 1px solid rgb(200,255,220);
 border-right: 3px double rgb(200,255,220);
}

.section p {
 text-indent: 1em;
 margin: 0.2em 10px 0.5em 10px;
}

ul, ol, dl {
 margin: 0.5em 10px 0.5em 2em;
}

dd {
 margin-left: 2em;
 margin-bottom: 5px;
 padding: 5px;
}

/* ----- table ----- */
.section table {
 margin: 1em;
 border-collapse: collapse;
}

.section td,
.section th {
 padding: 3px;
 border: 1px solid black;
 background-color: rgb(200,255,220);
}

.section table thead td,
.section table thead th,
.section table tfoot td,
.section table tfoot th {
 background-color: rgb(180,240,200);
}

/* ----- 小物 ----- */
span.footnote,
q cite {
 font-size: 70%;
 vertical-align: super;
}

span.footnote:before,
q cite:before {
 content: "[";
}

span.footnote:after,
q cite:after {
 content: "]";
}

.aa {
 font-family: "ＭＳ Ｐゴシック", "Mona", "mona-gothic-jisx0208.1990-0";
 line-height: 1.05;
}

/* ----- asin-detail ----- */
.hatena-asin-detail {
 margin: 5px;
 border: 1px solid  rgb(200,255,220);
}

.hatena-asin-detail img {
 float: left;
 margin: 5px;
}

.hatena-asin-detail p.hatena-asin-detail-title {
 margin: 0px;
 text-indent: 0em;
}

.hatena-asin-detail-info {
 margin: 5px;
}

.hatena-asin-detail-info ul {
 margin: 0px;
 list-style-type: none;
}


.hatena-asin-detail .hatena-asin-detail-foot {
 clear: both;
}

/* ----- question-detail ----- */
table.hatena-question-detail {}
th.hatena-question-detail-title {}
th.hatena-question-detail-title a {
 display: block;
 padding: 3px;
 text-decoration: none;
}

td.hatena-question-detail-label {
 width: 40%;
}

td.hatena-question-detail-value {
 width: 60%;
}

/* -------------------- about, archive, edit, config, keywordlist -------------------- */

div#hatena-about .day,
div#hatena-archive .day,
div#hatena-edit .day {
 width: 700px;
 margin: 0px 0px 20px;
 padding: 0px 0px 20px;
 background: white url("a_b.gif") left bottom no-repeat;
}

div#hatena-about .day h2,
div#hatena-archive .day h2,
div#hatena-edit .day h2 {
 width: 700px;
 margin: 0px;
 padding: 10px 0px 0px;
 background: white url("a_t.gif") left top no-repeat;
}

div#hatena-about .day h2 a {
 display: block;
 text-align: center;
}

div.footer {
 text-align: center;
}

/* -------------------- sidebar -------------------- */
.sidebar {
 font-size: 95%;
}

.sidebar a {
 color: black;
}

.sidebar .hatena-module {
 margin: 10px 0px 20px 0px;
}

.sidebar a {text-decoration: none;}

.hatena-modulebody ul a:hover,
.hatena-modulebody p a:hover,
.hatena-modulebody dl a:hover {
 text-decoration: underline;
}

.sidebar ul,
.sidebar dl,
.sidebar ol {
 margin: 0px;
 padding: 0px;
}

.sidebar ul li {
 list-style: none;
}

.hatena-module {
 margin: 0px;
 padding: 0px;
 background: white url("s_t.gif") left top no-repeat;
}

.hatena-moduletitle {
 margin: 0px;
 padding: 5px 0px;
 text-align: center;
 background: transparent;
}

.sidebar .hatena-modulebody {
 padding: 5px 10px;
 font-size: 90%;
 background: transparent;
 background: white url("s_b.gif") left bottom no-repeat;
}

.hatena-modulebody ul,
.hatena-modulebody dl,
.hatena-modulebody p {
 margin: 0px;
}

/* ----- table.calendar2phot ----- */
form.hatena-searchform {}
input.hatena-searchform {}

/* ----- table.calendar2 ----- */
.sidebar .hatena-module table.calendar {
 width: 175px;
 margin: 0px;
}

table.calendar {
 border-collapse: separate;
 font-size: 90%;
}

table.calendar td {
 text-align: center;
 empty-cells: show;
}

.calendar td a { display: block;}
.calendar td a:visited {}
.calendar td a:hover {}

/* ----- table.calendar2phot ----- */
.calendar td a img {
 margin: 0px;
 padding: 0px;
 width: 20px;
}

/* ----- rss ----- */
.sidebar .hatena-module dt {
 
}
.sidebar .hatena-module dd {
 font-size: 90%;
 margin-left: 0px;
 margin-bottom: 10px;
}

/* ----- keywordcloud ----- */
.sidebar .keywordcloud {}
.sidebar .keywordcloud li {
  font-size:90%;
  display: inline;
}

a.keywordcloud0 { font-size: 80%; }
a.keywordcloud1 { font-size: 100%; }
a.keywordcloud2 { font-size: 120%; }
a.keywordcloud3 { font-size: 140%; }
a.keywordcloud4 { font-size: 160%; }
a.keywordcloud5 { font-size: 180%; }
a.keywordcloud6 { font-size: 200%; }
a.keywordcloud7 { font-size: 220%; }
a.keywordcloud8 { font-size: 240%; }
a.keywordcloud9 { font-size: 260%; }
a.keywordcloud10 { font-size: 280%; }

a.keywordcloud0,
a.keywordcloud1,
a.keywordcloud2,
a.keywordcloud3,
a.keywordcloud4,
a.keywordcloud5,
a.keywordcloud6,
a.keywordcloud7,
a.keywordcloud8,
a.keywordcloud9,
a.keywordcloud10 {
 text-decoration: none;
}