@charset "euc-jp";
body{
  background:#333 url("body.gif") top center repeat-x;
  background-attachment:fixed;
  color:#FFF;
  margin:0;
  padding:0;
  text-align:center;
  font-family:"Lucida Grande", Arial, Helvetica,Sans-serif;
}
img{
  border:0;
}
h1,h2,h3,h4,h5{
  font-size:100%;
  margin:0;
  padding:0;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
ol{
  margin:0;
  padding:0;
}
p{
  margin:0;
  padding:0;
}
a{
  color:#FFFFCC;
}
form{
  display:inline;
}
input , textarea{
  border:1px solid #445;
}
input:focus , textarea:focus{
  border:1px solid #778;
  background:#E8EAFD;
}
h1{
  font-size:200%;
  padding:1em 0 0.5em 0;
  margin:0.5em auto;
  text-align:left;
  width:765px;
  color:#D87C6A;
}
h1 a{
  color:#D87C6A;
  text-decoration:none;
}
.hatena-body{
  width:765px;
  margin:0 auto;
  text-align:left;
  font-size:90%;
  line-height:135%;
}
.calendar{
  margin:1em 0 0 0;
}
.main{
  float:left;
  margin-right:235px;
}
.sidebar{
  float:right;
  width:220px;
  margin-left:-220px;
}
a.keyword , a.okeyword{
  color:#CDCCDD;
  text-decoration:none;
  border-bottom:1px dotted #445;
  padding-bottom:2px;
}
.day{
  margin-top:3em;
  line-height:160%;
}
.day h2{
  font-size:130%;
}
.day h2 a{
  text-decoration:none;
  color:#FFF;
}
.day h2 a.edit{
  font-size:70%;
  font-weight:normal;
  text-decoration:underline;
  margin-left:0.5em;
}
.day img.photo{
 float:right;
 margin:0 0.5em;
}
.body{
  margin-top:1em;
  margin-bottom:1em;
  margin-left:1em;
  color:#CDCCDD;
}
.body h3{
  margin-left:-1em;
  padding-bottom:0.5em;
  background:url("h3.gif") no-repeat;
}
.body h3.title {
	padding:0px 0 3px 32px;
	margin-bottom: 0;
}
.body h3.title a {
	text-decoration: none;
}
.body h3 a{
  text-decoration:none;
  color:#CDCCDD;
}
.body h3 a span.sanchor{
  color:#333;
  padding-left:32px;
  font-size:1px; 
}
.body h3 span.timestamp{
  font-weight:normal;
  margin-left:1em;
}
.body h4 {
  margin:1em 0 1em -1em;
  padding-left:25px;
  background:url(h4.gif) no-repeat;
}
.body .section {
  margin-bottom:1em;
}
.body .section p{
  margin-bottom:1em;
}
.body .section ul{
  margin:0.5em 1em;
  list-style:circle;
}
.body .section pre{
 padding:1em;
 margin:1em;
 line-height:120%;
 background: #424552;
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
}
.body .section blockquote{
 padding:1em;
 margin:1em;
 font-size:90%;
 border:1px solid #424552;
}
.body .section dl{
  line-height:155%;
}
.body .section dl dt{
  font-weight:bold;
}
.body .section dl dd{
  padding-bottom:1em;
}
.body .section table{
  border:1px solid #424552;
  margin:0.5em 0;
  font-size:90%;
}
.body .section table tr th{
}
.body .section table tr td , .day div.body table tr td{
  color:#CDCCDD;
}
.body .section p.sectionfooter { 
 text-align: right;
 margin:1em;
 font-size:90%;
}
.body .footnote{
  font-size:90%;
}
/* syntax */
.body .section .hatena-question-detail{
}
.body .section .hatena-question-detail-title{
  padding:0.3em;
}
.body .section .hatena-question-detail-label{
  width:30%;
  padding:0.3em;
}
.body .section .hatena-question-detail-value{
  width:65%;
  padding:0.3em;
}
.body .section .hatena-asin-detail{
  margin:1em;
}
.body .section .hatena-asin-detail a{
}
.body .section .hatena-asin-detail-info{
}
.body .section .hatena-asin-detail-info ul{
  list-style:none;
  margin:0.5em;
}
.body .section .hatena-asin-detail-info ul li{
}
.body .section .hatena-asin-detail-image{
  float:left;
  margin-right:10px;
}
.body .section .hatena-asin-detail-title{
}
.body .section .hatena-asin-detail-foot{
 clear:both;
}
/* comment referer */
div.comment , div.refererlist{
  width:500px;
  font-size:90%;
  margin-bottom:1em;
  background:url(comment.gif);
  color:#D3DDCC;
}
div.comment .caption, div.refererlist .caption{
  background:url(caption.gif);
  padding:1em 1.5em 1em 1.5em;
}
div.comment .commentshort , div.refererlist ul{
  padding:0em 1.5em 1em 1.5em;
}
div.comment .commentshort p ,div.refererlist ul li{
  margin-bottom:0.5em;
}
div.comment .commentshort p .commentator{
  font-weight:bold;
}
div.comment input, .refererlist input{
  background:#CDCECF;
}
div.comment input:focus, .refererlist input:focus{
  background:#FFF;
}
div.comment textarea{
  width:460px;
  margin-bottom:0.5em;
  background:#CDCECF;
}
div.comment textarea:focus{
  background:#FFF;
}
/* sidebar module */
.hatena-module{
  margin-top:2em;
}
.hatena-module .hatena-moduletitle{
  font-weight:bold;
  font-size:110%;
  margin-bottom:1em;
}
.hatena-module .hatena-moduletitle a{
  color:#FFF;
  text-decoration:none;
}
.hatena-module .hatena-modulebody{
  margin-left:1em;
}
.hatena-module .hatena-modulebody ul li{
  margin-bottom:0.2em;
  background:url("li.gif") 0 3px no-repeat;
  padding-left:23px;
}

.hatena-module .hatena-modulebody ul.hatena-photo li{
  background:transparent;
  display:inline;
  margin:0;
  padding:0;
}
.hatena-module .hatena-modulebody ul.hatena-photo li img{
  padding:3px;
  border:1px solid #B6B7C5;
  background:#CECFDE;
}
.hatena-module .hatena-modulebody a{
  color:#B86453;
}
p.recentitem{
  margin:0;
}
div.recentsubtitles{
}
ul.keywordcloud {
  margin: 0;
  padding: 0;
}
.hatena-module .hatena-modulebody ul.keywordcloud li {
  font-size:90%;
  display: inline;
  padding:0;
  margin:0.5em;
  background:transparent;
}
ul.keywordcloud li a{
  display:inline;
  line-height:1.2;
}
ul.keywordcloud li a.keywordcloud0 { font-size: 80%; }
ul.keywordcloud li a.keywordcloud1 { font-size: 100%; }
ul.keywordcloud li a.keywordcloud2 { font-size: 120%; }
ul.keywordcloud li a.keywordcloud3 { font-size: 140%; }
ul.keywordcloud li .keywordcloud4 { font-size: 160%; }
ul.keywordcloud li a.keywordcloud5 { font-size: 180%; }
ul.keywordcloud li a.keywordcloud6 { font-size: 200%; }
ul.keywordcloud li a.keywordcloud7 { font-size: 220%; }
ul.keywordcloud li a.keywordcloud8 { font-size: 240%; }
ul.keywordcloud li a.keywordcloud9 { font-size: 260%; }
ul.keywordcloud li a.keywordcloud10 { font-size: 280%; }
/* calendar */
table.calendar{
  font-size:90%;
  margin:0;
  width:200px;
  color:#FFF;
}
table.calendar tr td{
  text-align:center;
}
table.calendar td.calendar-prev-month{
  text-align:left;
}
table.calendar td.calendar-current-month{
  text-align:center;
}
table.calendar td.calendar-next-month{
  text-align:right;
}
table.calendar td.day-today a{
  color:#FFFFCC;
}
table.calendar td.day-selected{
 font-weight:bold;
}
table.calendar td.calendar-day img{
 width:15px;
 height:15px;
}
/* profile */
.hatena-profile{
 _height:1%;
}
.hatena-profile:after{
  clear:both;
  content:"";
  display:block;
  height:3px;
}
.hatena-profile-image,.hatena-profile-id,.hatena-profile-body{
  margin:0px;
  font-size:90%;
}
.hatena-profile-body{
  margin-right:0;
}
.hatena-profile-image{
  float:left;
  margin:0 0.2em;
}
/* clock */
.hatena-clock{
  text-align:center;
}
/* adminmenu */
div.adminmenu{
 width:780px;
 text-align:right;
 font-size:90%;
 margin:0px auto;
 padding:0.5em 0;
}
span.adminmenu a{
  margin-left:0.5em;
}
/* ad */
.ad{
 margin:1em 0;
}
/* footer */
div.footer{
  clear:both;
}
/* === ABOUT === */
#hatena-about h3{
  clear:left;
  padding-top:1em;
}

/* tweet */  

div.twitter-tweet, 
div.twitter-detail {
  margin-top:0;
  margin-bottom:0;
  border-bottom:1px solid #3B3B3B;
}

div.twitter-tweet p.twitter-tweet-text, 
div.twitter-detail p.twitter-detail-text {
  margin:0;
  padding-top:7px;
}

div.twitter-tweet p.twitter-tweet-info, 
div.twitter-detail p.twitter-detail-info {
  color:#999999;
  font-size:80%;
  padding-top:0;
  padding-bottom:6px;
}
div.twitter-detail div.twitter-detail-user img {
  margin-top:6px;
}

div.twitter-tweet p.twitter-tweet-info a, 
div.twitter-detail p.twitter-detail-info a{
  color:#999999;
  text-decoration:none;
}

div.twitter-tweet p.twitter-tweet-info a:hover, 
div.twitter-detail p.twitter-detail-info a:hover{
  text-decoration:underline;
}