@charset "euc-jp";

body{
  background:#E5E0B2;
  color:#666;
  margin:0;
  padding:0;
  text-align:center;
  font-family:Arial, Helvetica,Sans-serif;
  word-break:break-all;
  word-wrap:break-word;
}

img{
  border:0;
}

h1,h2,h3,h4,h5{
  font-size:100%;
  margin:0;
  padding:0;
}

ul {
  margin:0;
  padding:0;
  list-style:none;
}

p{
  margin:0;
  padding:0;
}

a{

}

form{
  display:inline;
}

input , textarea{
  border:1px solid #CCC;
}

input:focus , textarea:focus{
  border:1px solid #AAA;
  background:#EEE;
}

body table{
  width:777px;
  color:#333;
  border-left:6px solid #333;
  border-right:6px solid #333;
  border-top:6px solid #333;
  margin:1em auto 0 auto;
  background:#FFF;
}

body table tr td{
  background:transparent;
}

body table tr td img{
}

body table table{
  border-left:6px solid #fff;
  border-right:6px solid #fff;
  border-top:0;
  margin-top:0;
 _width:100%; /* IE6 */
 *width:100%; /* IE7 */
ˇˇwidth:100%; /* Opera */
}

body table table tr td{
}

h1{
  font-size:160%;
  margin:0 auto 0 auto;
  text-align:left;
  width:777px;
  color:#333;
  border-left:6px solid #333;
  border-right:6px solid #333;
  border-top:6px solid #333;
  text-indent:1em;
  padding:1em 0;
  background:#FFF;
}

h1 a{
color:#333;
text-decoration:none;
}

.hatena-body{
  width:789px;
  margin:0 auto;
  text-align:left;
  font-size:90%;
  line-height:135%;
  border-left:6px solid #E5E0B2;
  border-right:6px solid #E5E0B2;
}

div.calendar{
  padding:0.5em;
  border-left:6px solid #333;
  border-top:6px solid #333;
  background:#FFF;
}

.main{
  float:left;
  margin-right:244px;
 _margin-right:232px;/* IE6 */
 *margin-right:232px;/* IE7 */
ˇˇmargin-right:232px;/* Opera */
  border-bottom:6px solid #333;
  border-right:6px solid #333;
  background:#FFF;
  margin-bottom:1em;
  width:539px;
 _width:533px;/* IE6 */
 *width:533px;/* IE7 */
ˇˇwidth:533px;/* Opera */
}

.sidebar{
  float:right;
  width:250px;
  margin-left:-250px;
  background:#FFF;
  border-bottom:6px solid #333;
  margin-bottom:1em;
}

a.keyword , a.okeyword{
  color:#666;
  text-decoration:none;
  border-bottom:1px dotted #CCC;
  padding-bottom:2px;
}

.day{
  line-height:160%;
  border-top:6px solid #333;
  border-left:6px solid #333;
}

.day h2{
  font-size:130%;
  background:#333;
  color:#FFF;
  padding:0.5em;
  border-bottom:6px solid #333;
}

.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{
  padding:1em;
  color:#666;
  background:#FFF;
}

.body h3{
  padding:0.5em 0;
}

.body h3 a{
  text-decoration:none;
  color:#666;
}

.body h3 a span.sanchor{
}

.body h3 span.timestamp{
  font-weight:normal;
  margin-left:1em;
}

.body h4 {
  margin:1em;
}

.body .section {
  margin-bottom:1em;
}

.body .section p{
  margin-bottom:1em;
  margin-left:1em;
}

.body .section ul{
  margin:0.5em 2em;
  list-style:disc;
}

.body .section pre{
 font-size:90%;
 padding:1em;
 margin:1em;
 line-height:120%;
 background: #333;
 white-space : -moz-pre-wrap ;
 white-space : -pre-wrap ;
 white-space : -o-pre-wrap ;
 white-space : pre-wrap ;
 word-break  : break-all ;
 word-wrap   : break-word ;
 color:#FFF;
}

.body .section blockquote{
 padding:1em;
 margin:1em;
 font-size:90%;
 border:6px solid #333;
}

.body .section blockquote p{
  margin:0;
}

.body .section dl{
}

.body .section dl dt{
  font-weight:bold;
}

.body .section dl dd{
}

.body .section table{
  border:6px solid #333;
  margin:1em;
  font-size:90%;
  width:auto;
  border-collapse:collapse;
}

.body .section table tr th{
  padding:5px;
  background:#333;
  color:#fff;
}

.body .section table tr th a{
  color:#FFF;
}

.body .section table tr td , .day div.body table tr td{
  padding:5px
}

.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{
  font-size:90%;
  padding-top:0.5em;
}

div.comment .caption, div.refererlist .caption{
  padding:0.5em;
  border-top:6px solid #333;
  border-bottom:6px solid #333;
  background:#2C5ADD;
  color:#FFF;
}

div.comment .caption a, div.refererlist .caption a{
  color:#FFF;
}

div.comment .commentshort , div.refererlist ul{
  padding:0.5em 1em;
}
div.comment .commentshort p ,div.refererlist ul li{
  margin-bottom:0.5em;
}

div.comment .commentshort p .commentator{
  font-weight:bold;
}

div.comment input{
  background:#DDD;
  border:0;
}

div.comment input:focus{
  background:#EEE;
}

div.comment textarea{
  width:510px;
  margin-bottom:0.5em;
  background:#DDD;
  border:0;
  padding:0.2em;
}

div.comment textarea:focus{
  background:#EEE;
}

/* sidebar module */

.hatena-module{
  border-left:6px solid #333;
  border-right:6px solid #333;
  border-top:6px solid #333;
}

.hatena-module .hatena-moduletitle{
  font-weight:bold;
  font-size:110%;
  padding:0.5em;
  background:#E60000;
  color:#FFF;
  line-height:100%;
  border-bottom:6px solid #333;
}

.hatena-module .hatena-moduletitle a{
  color:#FFF;
  text-decoration:none;
}

.hatena-module .hatena-moduletitle a:hover{
  text-decoration:underline;
}

.hatena-module .hatena-modulebody{
  padding:1em;
  background:#FEFC62;
}

.hatena-module .hatena-modulebody ul li{
  padding:0.2em;
}


.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{
}

.hatena-module .hatena-modulebody a{
  color:#333;
  text-decoration:none;
}

.hatena-module .hatena-modulebody a:hover{
  text-decoration:underline;
}

.hatena-module input{
  margin-right:0.5em;
  border:0;
}
.hatena-module input:focus{
  background:#E60000;
  color:#FFF;
}
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 auto;
  width:200px;
  border-top:0;
  border-right:0;
  border-left:0;
  background:transparent;
}

table.calendar tr td{
  text-align:center;
}

table.calendar tr td a{
  text-decoration:underline !important;
}

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{
  background:#333;
  color:#FFF;
}

table.calendar td.day-today a{
  color:#FFF;
}

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;
}