@charset "euc-jp";

/* init  */

body {
  color: #333;
  font-family: "Lucida Grande", "arial", "helvetica", sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #595855 url(20071127151816.jpg) top left repeat-x;
}
a {
  color: #06c; 
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.keyword {
  color: #333;
  border-bottom: 1px solid #eee;
}
a.okeyword {
  color: #333;
  border-bottom: 1px dotted #eee;
}
a.keyword:hover, a.okeyword:hover {
  text-decoration: none;
}
form {
  margin: 0;
  padding: 0;
}
img {
  border: medium none;
}

/* simple-header */

#simple-header {
  margin-bottom: 5px;
  background: transparent;
}

/* title */

h1 {
  width: 700px;
  height: 200px;
 _height: 312px;
  color: #fff;
  font-size: 130%;
  margin: 0 auto;
  padding: 100px 0 0;
  border-top: 10px solid #fff;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
  background: #eee url("20071127151822.jpg") top left no-repeat;
}
h1 a {
  color: #fff;
}
h1 img {
  vertical-align: baseline;
}
h1 a img[title="このページをアンテナに追加"] {
  width: 0;
  height: 0;
  padding: 12px 16px 0 0;
  background: transparent url("20071127155420.gif") top left no-repeat;
}
h1 a img[title="RSSフィード"] {
  width: 0;
  height: 0;
  padding: 12px 24px 0 0;
  background: transparent url("20071127155419.gif") top left no-repeat;
}

/* hatena-body */

.hatena-body {
  width: 700px;
  text-align: left;
  line-height: 1.5;
  margin: 0 auto;
  padding: 10px 0;
  background: #fff;
  zoom:1;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.hatena-body:after {
  display: block;
  content: "";
  clear: both;
  border-bottom:1px transparent solid;
}

/* main */

.main {
  float: left;
  width: 100%;
  text-align: left;
}
div.calendar {
  font-size: 80%;
  text-align: right;
  margin: 0;
}
.main div.calendar {
  margin-right: 210px;
}
div#pager-top {
  margin-bottom: 10px;
}
div#pager-bottom {
}
div.day {
  margin: 0 0 40px;
}
.main div.day {
  margin-right: 210px;
}
div.day h2 {
  font-size: 90%;
  line-height: 1;
  margin: 0 5px;
  padding: 0 0 5px;
  border-bottom: 2px dotted #595855;
}
div.day h2 a.edit {
  color: #ccc;
  font-size: 90%;
  font-weight: normal;
}
.body {
  width: 100%;
  overflow: hidden;
}
.body .section {
  padding: 0 5px 5px;
}
.body .section p {
  font-size: 90%;
  margin: 1.2em 0;
}
.body h3 {
  font-size: 100%;
  margin: 1em 0;
  padding: 5px 0;
}
.body h3 a .sanchor {
  font-family: "ＭＳ ゴシック", sans-serif;
  padding-right: 0.3em;
}
.body h3 a.sectioncategory {
  text-decoration: none;
  padding: 0 2px;
}
.body h3 .timestamp {
  color: #ccc;
  font-size: 80%;
  font-weight: normal;
}
.body h3.title {
  margin: 1em 0 0;
  padding: 5px 10px 3px;
  border-left: 5px solid #ffbf00;
}
h3.hover {
  background-color: #e5f5fa;
}
.body p.sectionheader {
  color: #666;
  font-size: 80%;
  text-align: left;
  margin: 0 0 1.2em;
  padding: 3px 10px 2px;
  border-left: 5px solid #999;
}
img[title="このエントリーを含むブックマーク"] {
  width: 0;
  height: 0;
  padding: 12px 16px 0 0;
  background: transparent url("20071127155418.gif") top left no-repeat;
}
img[title="このエントリーのブックマークコメント"] {
  width: 0;
  height: 0;
  padding: 12px 14px 0 0;
  background: transparent url("20071127155417.gif") top left no-repeat;
}
.body h4 {
  font-size: 90%;
  margin: 1.2em 0;
  padding: 0 0 1px;
  border-bottom: 1px solid #595855;
}
.body h5 {
  font-size: 90%;
  margin: 1.2em 0;
  padding: 0;
}
.body .section ul, .body .section ol {
  margin: 1.2em 0;
  padding-left: 1.5em;
  font-size: 90%;
}
.body .section ul ul, .body .section ol ol {
  margin: 0 0 0.5em;
  padding-left: 1.8em;
  font-size: 90%;
}
.body .section ul li, .body .section ol li {
  margin-top: 2px;
  margin-bottom: 2px;
}
.body .section pre {
 _width: 100%;
 *width: 100%;
  font-size: 90%;
  margin: 1.2em 0;
  padding: 0.5em 0.8em;
  overflow: auto;
  overflow-y: hidden;
  background-color: #eee;
  border: 1px solid #595855;
}
.body .section blockquote {
  margin: 1.2em 0;
  padding: 0.5em;
  border: 1px solid #595855;
}
.body .section blockquote p {
  margin: 0;
}
.body .section blockquote cite {
  display: block;
  font-size: 80%;
  font-style: normal;
  text-align: right;
  margin: 0.5em 0 -0.3em 0;
}
.body .section table {
  border-collapse: collapse;
  font-size: 90%;
  margin: 1.2em 0;
}
.body .section table td, .body .section table th {
  padding: 5px;
}
.body .section table th {
  color: #fff;
  background-color: #7a7977;
  border: 1px solid #595855;
}
.body .section table td {
  border: 1px solid #595855;
}
.body .section table.hatena-question-detail {
  margin-top: 0;
  width: 560px;
}
.body .section table.hatena-question-detail td.hatena-question-detail-label {
  width: 250px;
}
.body .section table.hatena-question-detail td.hatena-question-detail-value {
  white-space: nowrap;
}
.body .section .hatena-asin-detail {
  font-size: 90%;
  margin: 1.2em 0;
  padding: 0.8em 0.6em;
  border: 1px solid #595855;
}
.body .section .hatena-asin-detail .hatena-asin-detail-image {
  float: left;
  margin-right: 15px;
}
.body .section .hatena-asin-detail .hatena-asin-detail-title {
  margin-top: 0;
  font-weight: bold;
}
.body .section .hatena-asin-detail p {
  text-indent: 0;
}
.body .section .hatena-asin-detail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.body .section .hatena-asin-detail .hatena-asin-detail-foot {
  clear: left;
}
.body .section dl {
  font-size: 90%;
  margin: 1.2em 0;
  padding: 0 4px;
}
.body .section dt {
  font-weight: bold;
  padding-bottom: 3px;
}
.body .section dd {
  padding-bottom: 6px;
  margin-left: 1em;
}
.body .ad {
  padding: 0 5px 10px;
}
.highlight {
  background: #fff06e;
  padding: 0 0.3em;
}
.body .sectionfooter {
  text-align: right;
  clear: both;
}
.body textarea {
  width: 100%;
  border: 1px solid #ccc;
  height: 28em;
}
.body img.photo {
  float: right;
  position: relative;
  margin: 20px 0 0;
  border-left: 10px solid #fff;
}
.body div.footnote {
  padding: 0 10px;
  border-top: 1px solid #595855;
}
.body div.footnote p.footnote {
  font-size: 80%;
  margin: 10px 0;
}
.body span.footnote a {
  font-size: 80%;
  vertical-align: top;
}

div.comment, div.refererlist {
  clear: both;
  font-size: 80%;
  margin: 0;
  border-right: 1px solid #595855;
  border-left: 1px solid #595855;
  border-bottom: 1px solid #595855;
}
div.comment .caption {
  color: #bdbcbb;
  padding: 3px 10px;
  background: #7a7977;
  border-top: 1px solid #595855;
}
div.comment .caption a {
  color: #fff;
}
div.comment .commentshort p {
  line-height: 1.5;
  margin: 0;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
}
div.comment textarea {
  border: 1px solid #ccc;
  margin: 0.5em 0;
  width: 100%;
}
div.comment input.field {
  background: #fff;
  border: 1px solid #ccc;
}
div.comment input#comment-username {
  background: #fff;
  border: 1px solid #ccc;
}
div.refererlist .caption {
  color: #a2a19d;
  padding: 3px 10px;
  background: #7a7977;
}
div.refererlist .caption a {
  color: #fff;
}
div.refererlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.refererlist ul li {
  line-height: 1.5;
  margin: 0;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
}
div.refererlist ul li a {
  text-decoration: none;
}
div.refererlist ul li input {
  vertical-align: middle;
  margin-left: 0;
}
div.refererlist input {
  margin-left: 10px;
  margin-bottom: 6px;
}

/* sidebar */

.sidebar {
  float: right;
  width: 200px;
  margin-left: -201px;
 _margin-left: -200px;
 *margin-left: -200px;
  overflow: hidden;
}
.hatena-module {
  margin-bottom: 10px;
}
.hatena-moduletitle {
  padding: 3px 10px;
  background: #595855;
}
.hatena-moduletitle, .hatena-moduletitle a {
 _width: 200px;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
}
.hatena-moduletitle a.edit {
  color: #ccc;
}
.hatena-modulebody {
 _width: 200px;
  padding: 0;
  background: #eee;
  border: 2px #595855 solid;
  overflow: hidden;
}
.hatena-module ul {
  margin: 0;
  padding: 0;
}
.hatena-module li {
  list-style: none;
  font-size: 80%;
  margin: 0;
  padding: 5px 7px;
  border-bottom: 1px solid #ccc;
}
.hatena-module dl {
  font-size: 80%;
  margin: 0;
  padding: 0;
}
.hatena-module dl dt {
  margin: 0;
  padding: 5px 5px 0 7px;
}
.hatena-module dl dd {
  margin: 0;
  padding: 0 5px 5px 7px;
  border-bottom: 1px solid #ccc;
}
.hatena-module ul.hatena-photo {
  margin: 0;
  padding: 5px 0 0;
  text-align: center;
}
.hatena-module ul.hatena-photo li {
  display: inline;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.hatena-module ul.keywordcloud {
  padding: 5px 7px;
}
.hatena-module ul.keywordcloud li {
  line-height: 1.2;
  border-bottom: none;
}
.hatena-module div.hatena-profile {
  padding: 5px 7px;
}
.hatena-module div.hatena-profile:after {
  clear: both;
  content: "";
  display: block;
}
.hatena-module div.hatena-profile p {
  font-size: 80%;
  margin: 0;
}
.hatena-module div.hatena-profile p.hatena-profile-image {
  float: left;
  margin-right: 5px;
}
.hatena-module div.hatena-profile p.hatena-profile-id a {
  font-weight: bold;
}
.hatena-module-calendar2 div.hatena-modulebody, .hatena-module-calendar div.hatena-modulebody {
  padding: 5px 0;
}
.hatena-module table.calendar {
  width: 176px;
  font-size: 90%;
  margin: 0 10px;
  border-collapse: collapse;
}
.hatena-module table.calendar td {
  text-align: center;
  padding: 3px;
}
.hatena-module table.calendar td.day-today {
  background: #eee;
}
.hatena-module table.calendar td img {
  width: 15px;
  height: 15px;
}
.hatena-module form {
  font-size: 80%;
  margin: 0;
  padding: 10px;
}
.hatena-module form input {
  border: 1px solid #595855;
  margin-right: 5px;
}
p.message {
  margin: 0;
  padding: 1em;
}
.message {
  font-size:80%;
  position: fixed;
  bottom: 20px; right: 20px;
  width: 350px;
  z-index:1000;
}

/* hatena-about */
div#hatena-about h3 {
  margin: 1em 0 0;
  padding: 0;
}
div#hatena-about p {
  margin: 1em 0 0;
  padding: 0;
}
div#hatena-about ul {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
}
div#hatena-about ul li {
  display: inline;
}

/* adjust base.css */
.hatena-image-left {
  margin: 0 1em 0.5em 0;
}

/* adsense */

.google_color_text {
  color:#333;
}
.google_color_link {
  color:#06c;
}
.google_color_url {
  color:#333;
}
.google_color_bg {
  color:#fff;
}
.google_color_border {
  color:#fff;
}

/* hatena star */

.hatena-star-add-button-image {
  background-image: url("add.gif");
}
.hatena-star-comment-button-image {
  background-image: url("comment.gif");
}

/* add hatena */

.adminmenu {
  font-size: 80%;
  padding: 5px;
  text-align: right;
}

.adminmenu a{
  color: #fff;
}


div.main div.section img.hatena-fotolife {
  max-width:485px;
}

div.section img.hatena-fotolife {
  max-width:690px;
}