@charset "euc-jp";

/* ======== HEADER ======== */

body{
margin:0;
padding:0;
text-align:center;
width:auto;
background:#FFF url("bg.gif") top center;
color:#334;
font-family:"Lucida Sans Unicode","Verdana",Sans-serif;
}

body table{
 margin:0 auto;
 background:transparent;
 width:725px;
}

body table input{
 border:1px solid #CCC;
}

body table table{
 width:100%;
 margin:0;
 border-top:1px dashed #DDD;
 border-bottom:1px dashed #DDD;
 position:relative;
}

body table tr td{
 background:transparent;
}

h1{
 font-size:180%;
 width:730px;
 margin:-5px auto 0 auto;
 padding:43px 0 43px 0;
 font-family:"Lucida Sans Unicode",serif;
 background:url("h1.gif") top center no-repeat;
 color:#785E9F;
}

h1 a,h1 a:visited,h1 a:link,h1 a:hover{
 color:#785E9F;
}

h1 img{
vertical-align:middle;
}
form{
display:inline;
}

/* ======== LINK ======== */

a{
color:#785E9F;
text-decoration:none;
}

a:link{
color:#785E9F;
text-decoration:none;
}

a:visited {
color:#8C71B6;
text-decoration:none;
}

a:hover {
color:#996DDA;
text-decoration:underline;
}

a, a:link, a:visited, a:hover, {
}

/* ======== LINK-KEYWORD ======== */

a.keyword ,a.keyword:link ,a.keyword:visited {
color:#555;
border-bottom:1px dashed #CCD;
padding-bottom:1px;
}

a.keyword:hover{
text-decoration:none;
}

a.okeyword ,a.okeyword:link ,a.okeyword:visited ,a.okeyword:hover {
color:#555;
border-bottom:1px dashed #CCD;
padding-bottom:1px;
}

a.okeyword:hover{
text-decoration:none;
}

/* ======== RAYOUT ======== */

div.hatena-body{
 margin:0px auto;
 text-align:left;
 position:relative;
 width:730px;
}

div.hatena-body:after{
dipslay:block;
content:"";
clear:both;
}

div.main {
 margin:0;
 text-align:left;
 float:left;
 width:500px;
}

div.sidebar {
 width:220px;
 float:right;
 margin-left:-220px;
}

/* ======== CALENDAR ======== */

div.calendar {
 text-align:left;
 margin:0 5px 15px 5px;
 font-size:90%;
 font-weight:bold;
 color:#CCC;
}

div.calendar a{
 font-weight:normal;
}

/* ========  DAY ======== */

div.day {
 padding-bottom:10px ;
 line-height:150%;
}

/* ======== TITLE ======== */

h2 {
 font-size:100%;
 padding-bottom:0px;
 padding-top:0px;
 margin:10px 10px 10px 0px;
}

h2 a .date{
 padding-right:5px;
 letter-spacing:0.1em;
 color:#94967B;
}

h2 a.edit {
 font-size:80%;
 text-decoration:underline;
 font-weight:normal;
}

/* ======== BODY ======== */

div.body {
 padding:0px;
 margin:0px;
}

/* ======== SECTION ======== */

div.section{
 font-size:90%;
 line-height:155%;
 color:#555;
 margin:10px;
}

div.section p{
 padding:0px;
 margin:10px 5px 12px 10px;
}

div.section ul{
 margin:20px;
 padding:0;
}

div.section ul li{
 margin-left:10px;
 line-height:135%;
}

input.field,textarea{
 font-size:90%;
 border:1px solid #D5D3C6;
 padding:3px;
}

input#comment-username{
 border:1px solid #D5D3C6;
 padding:3px;
}

.footnote{
 font-size:90%;
 margin-left:5px;
}

div.section p.sectionfooter { 
 text-align: right;
 margin-top:1em;
 font-size:90%;
}

img.photo{
}

/* ======== INDEX ======== */

h3 {
 font-size:100%;
 margin:15px 0 10px 0;
 padding:3px;
 clear:left;
 border-bottom:1px dashed #D5D3C6;
}

h3 .timestamp{
 font-weight:normal;
 font-size:80%;
 color:#666;
}

div.day span.sanchor{
background:url("h3.gif") top center no-repeat;
font-size:1px;
padding:15px 0px 5px 28px;
_padding:20px 0px 5px 28px;
margin-right:3px;
color:#FFF;
}

div.day h3 a:hover{
 text-decoration:none;
}

.body h3.title {
    margin-bottom: 0;
    background:url("h3.gif") top left no-repeat;
    padding:5px 0 5px 35px;
}

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

h4{
 font-size:100%;
 margin:10px 0px;
 padding:1px 5px 5px 20px;
 background:url("h4.gif") 0 3px no-repeat;
}

/* ======== COMMENT ======== */

div.comment{
 margin:10px 5px 10px 10px;
 padding-bottom:5px;
 font-size:90%;
 clear:both;
 color:#544;
 border-top:1px dashed #DDDCD3;
 border-bottom:1px dashed #DDDCD3;
 background:#F7F3F7 url("comment.gif");
}

/* ======== COMMENTBODY ======== */

div.commentshort{
 padding:0px;
 margin:0 0 0 10px;
 font-size:90%;
 line-height:135%;
}

.canchor{
}

span.commentator{
 padding-top:3px;
 padding-bottom:3px;
 line-height:150%;
 font-weight:bold;
}

/* ======== 1-COMMENT ======== */  

div.commentshort p{
 padding:5px 5px 5px 0px;
 margin:0 0 0 1.3em;
 text-indent:-1.3em;

}

div.commentshort p a,div.commentshort p a:visited,div.commentshort p a:hover,div.commentshort p a:link{
 font-weight:bold;
}

.comment .commentshort p .timestamp a {
	font-weight:normal;
	color:#999;
}

/* ======== COMMENT-TEXTBOX ======== */

div.commentshort textarea{
 width:350px;
 margin-left:-7px;
 border:1px solid #D5D3C6;
}

div.commentshort input{
 margin-left:10px;
 margin-bottom:5px;
}

div.commentshort input#comment-username{

}

/* ======== TRACKBACK ======== */

div.refererlist{
 margin:10px 5px 10px 10px;
 padding-bottom:5px;
 font-size:90%;
 clear:both;
 border-top:1px dashed #DDDCD3;
 border-bottom:1px dashed #DDDCD3;
 background:#F7F3F7 url("comment.gif");
 color:#544;
}

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

div.refererlist ul li {
 font-size:90%;
 padding:1px 0 1px 20px;
 margin-left:1em;
 background:url("comment-li.gif") 0 50% no-repeat;
}

div.refererlist ul li a{
}

/* ======== COMMENT&TRACKBACK ======== */

div.caption{
 padding:7px 5px 5px 7px; 
}

div.caption a{
 text-decoration:underline;
 font-weight:bold;
}

div.caption a:hover{
}

/* ======== HATENA-MODULE-BASE ======== */

div.hatena-module {
 padding:0px;
 margin:0 0 10px 0;
}

div.hatena-moduletitle{
 font-size:90%;
 padding:9px;
 margin:0px;
 font-weight:bold;
 background:url("hatena-moduletitle.gif") top left no-repeat;
 color:#C17E96;
}

div.hatena-moduletitle a , div.hatena-moduletitle a:visited , div.hatena-moduletitle a:hover{
 color:#C17E96;
 text-decoration:underline;
}

.hatena-modulebody {
 padding:0 10px 10px 10px;
 font-size:90%;
 background:url("hatena-modulebody.gif") bottom left no-repeat;
_height:1%;
}

.hatena-modulebody:after{
content:"";
display:block;
clear:both;
}

p.recentitem{
margin:0;
}

div.recentsubtitles{
}

/* ======== HATENA-MODULE-CALENDAR ======== */

table.calendar{
 text-align:center;
 width:195px;
 font-size:100%;
 border:none;
 background:transparent;
}

table.calendar td{
 background:transparent;
 color:#667;
}

table.calendar td a{
}

table.calendar td.calendar-day a{
 display:block;
}

table.calendar td.calendar-day a:hover{
}

td.calendar-sunday{
}

td.calendar-saturday{
}

table.calendar td.day-today a{}

table.calendar td.day-selected{
 font-weight:bold;
}

td.calendar-day img{
 width:15px;
 height:15px;
}

/* ======== HATENA-MODULE-LIST ======== */

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

.hatena-modulebody ul li {
 font-size:90%;
 margin:0px;
 padding:0 0 5px 20px;
 background:url("hatena-module-li.gif") 0 1px no-repeat;
 color:#766;
 line-height:135%;
 position:relative;
}

.hatena-modulebody ul li a {
 font-size:110%;
}

.hatena-modulebody ul li a:visited {
}

.hatena-modulebody ul li a:hover{
}

/* ======== HATENA-MUDULE-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 10px;
}

/* ======== HATENA-MODULE-CLOCK ======== */

.hatena-clock{
text-align:center;
}


/* ======== HATENA-MODULE-OTHER ======== */

ul.hatena-photo{
padding-top:5px;
padding-left:3px;
}

ul.hatena-photo li{
 display:inline;
 margin:0px;
 padding:0px;
 border:none;
 background:transparent;
}

ul.hatena-photo li a{
 display:inline;
 padding:;
 padding:2px 0px 0px 4px;
}

ul.hatena-photo li a:hover{
 background:transparent;
}

ul.hatena-photo li a img{
 margin:0;
 padding:0;
}

ul.hatena-photo li a:hover img{
}

img.hatena-fotolife {
}

.hatena-searchform {
 margin-left:3px;
 padding:0px;
 font-size:90%;
}

.hatena-searchform input{
border:1px solid #D5D3C6;
padding:3px;
}

div.adminmenu{
 width:740px;
 text-align:left;
 font-size:90%;
 margin:0px auto;
 padding:5px 0;
}

span.adminmenu a{
 padding-left:8px;
 padding-right:10px;
 border-right:1px solid #D5D3C6;

}

span.adminmenu a:hover{

}

span.adminmenu a:visited{

}

span.hatena-counter{
margin-left:10px;
}

/* ======== HATENA-SYNTAX & HTML ======== */

div.section pre{
 padding:10px;
 font-size:85%;
 line-height:120%;
 margin:10px;
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
 background:#F5F1E6;
}

div.section blockquote{
 font-size:90%;
 padding-left:5px;
 border:2px solid #D6CFC3;
 margin:10px;
}

div.section ul li{
}

div.day img.photo{
 float:right;
 margin:0 5px 10px 10px;
}

img{
 border:0px;
}

dl dt{
 font-weight:bold;
}

dl dd{
 margin:0;
 padding:0;
}

/* ======== HATENA-SYNTAX-QUESTION ======== */

.hatena-question-detail{
 width:90%;
 text-align:left;
 font-size:90%;
}

th.hatena-question-detail-title{
 padding:5px;
 font-weight:normal;
}

.hatena-question-detail-label{
 width:30%;
 padding:5px;
}

.hatena-question-detail-value{
 width:65%;
 padding:5px;
}

/* ======== HATENA-SYNTAX-TABLE ======== */

div.section table {
 width:auto;
 margin:3px;
 background:#FFF;
 border:1px dashed #D6C3B5;
 border-collapse:collapse;
}

div.section table tr th{
 background:#F7F7EF;
 padding:5px;
 font-size:90%;
 line-height:135%;
 color:#555;
 border:1px dashed #D6CFC3;
}

div.section table tr th a{
 color:#555;
}

div.section table tr td , div.day div.body table tr td{
 padding:5px;
 font-size:90%;
 line-height:135%;
 background:#FFF;
 color:#555;
 border:1px dashed #D6C3C6;
}

/* ======== HATENA-SYNTAX-HAMAZOU ======== */

div.hatena-asin-detail{
border:1px dashed #DCDCEA;
padding:10px;
background:#F3F3F4 url("asin-detail.gif") right bottom no-repeat;
margin:10px 0;
}
 div.hatena-asin-detail a{
}

.hatena-asin-detail-info{
}

.hatena-asin-detail-info ul{
margin:5px !important;
padding:0 !important;
list-style:none;
}

.hatena-asin-detail-info ul li{
padding-bottom:3px;
}

.hatena-asin-detail-image{
float:left;
margin-right:10px;
}

.hatena-asin-detail-title{
 margin:0 !important;
 padding:0 !important;
}

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

/* ======== FOOTER ======== */

.footer{
 clear:both;
 margin:5px;
 font-size:90%;
}

/* ======== ADSENSE ======== */

.ad{
 margin:20px;
}

/* ======== KEYWORDCLOUD ======== */

ul.keywordcloud {
 margin: 0;
 padding: 0;
 border-top:none;
}

ul.keywordcloud li {
 font-size:90%;
 display: inline;
 border-bottom:none;
 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%; }

/* ======== HATENA-SYNTAX-ID ======== */

img.hatena-id-image{
 margin:2px;
 vertical-align:middle;
}

img.hatena-id-icon{
 margin:2px;
 vertical-align:middle;
}

/* adsense */

.google_color_text { color:#555555; }
.google_color_link { color:#785e9f; }
.google_color_url { color:#555555; }
.google_color_bg { color:#f5f5f5; }
.google_color_border { color:#f5f5f5; }

/* max-width */

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

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

/* tweet */  

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

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;
  margin-left:0;
}
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;
}