@charset "euc-jp";

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

body{
margin:0;
padding:0;
text-align:center;
width:auto;
background:#FFF url("body.gif") top center repeat-y;
color:#334;
}

body table{
 margin:0 auto;
 width:720px;
 background:#1841CE;
}

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

body table table{
 width:100%;
}

body table tr td{
background:#1841CE;
}

h1{
 font-size:170%;
 width:740px;
 margin:0 auto;
 padding:20px 0 100px 0;
 color:#FFF;
 text-align:center;
 background: url("h1.jpg") bottom center no-repeat;
 font-family:"Tahoma","Verdana",Sans-serif;
 border-bottom:15px solid #FFF;
}

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

form{
display:inline;
}

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

a{
 color:#399502;
 text-decoration:none;
}

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

a:visited {
 color:#4EC300;
 text-decoration:none;
}

a:hover {
 color:#4FAA11;
 text-decoration:underline;
}

a, a:link, a:visited, a:hover, {
 word-break:break-all ;
 word-wrap:break-word ;
}

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

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

a.okeyword ,a.okeyword:link ,a.okeyword:visited ,a.okeyword:hover {
 color:#333;
 border-bottom:1px dotted #CCA;
 text-decoration:none;
 padding-bottom:2px;
}

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

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

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

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

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

div.calendar {
 text-align:left;
 margin-bottom:10px;
 color:#999;
 font-size:90%;
 font-weight:bold;
 color:#CCC;
}

div.calendar a{
 font-weight:normal;
 color:#088AE7;
}

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

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

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

h2 {
 font-size:120%;
 font-family:"Verdana",Sans-serif;
 border-bottom:1px dashed #BBB;
 padding-bottom:0px;
 color:#AAA;
 margin:10px 0;
}

h2 a .date{
 padding-right:5px;
 color:#AAA;
}

h2 a.edit {
 font-size:70%;
 text-decoration:underline;
 font-weight:normal;
 color:#AAA;
}

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

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

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

div.section{
 font-size:90%;
 line-height:150%;
 margin-bottom:15px;
 color:#333;
}

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

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

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

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

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

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

img.photo{
 border:1px solid #CCC;
 background:#FFF;
}

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

h3 {
 font-size:110%;
 margin:0px 0px 5px 0px;
 padding:3px;
 clear:left;
}

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

.body h3.title {
    border-left: 9px solid #088AE7;
    padding-left: 0.5em;
    margin-bottom: 0;
}

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

div.day span.sanchor{
color:#088AE7;
margin-right:3px;
}

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

h4{
 font-size:100%;
 margin:5px 2px;
 padding:1px 5px;
 border-left:4px solid #088AE7;
}

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

div.comment{
 margin:15px 5px 5px 5px;
 padding-bottom:10px;
 font-size:90%;
 width:480px;
 clear:both;
 color:#333;
 background:#BDDFF7 url("refererlist.gif") bottom no-repeat;
}

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

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

.canchor{
}

span.commentator{
 padding-top:3px;
 padding-bottom:3px;
}

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

div.commentshort p{
 padding:5px;
 margin:0;
 border-top:1px solid #E0EFFA;
}

div.commentshort p a{
 font-weight:bold;
 color:#1C4077;
}

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

div.commentshort textarea{
 width:350px;
 margin-left:10px;
}

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

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

div.refererlist{
 margin:5px;
 padding-bottom:10px;
 font-size:90%;
 width:480px;
 clear:both;
 background:#BDDFF7 url("refererlist.gif") bottom no-repeat;
}

div.refererlist ul{
 list-style:none;
 margin:0;
 padding:0;
 border-top:1px solid #E0EFFA;
}

div.refererlist ul li {
 font-size:90%;
 border-bottom:1px solid #E0EFFA;
 padding:1px 8px;
}

div.refererlist ul li a{
color:#1C4077;
 padding:1px 0 1px 20px;
 background:url("page.gif") no-repeat;
}

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

div.caption{
 padding:5px 10px 0 10px; 
 color:#334;
 background:url("caption.gif") no-repeat;
 font-weight:bold;
}

div.caption a{
 text-decoration:underline;
 color:#334;
}

div.caption a:hover{
}

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

div.hatena-module {
 padding:0px;
 margin:0px 0px 10px 0px;
 background:#BDDFF7 url("hatena-modulebody.gif") bottom no-repeat;
}

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

div.hatena-moduletitle a{
 color:#334;
}

div.hatena-moduletitle a:visited{
 color:#334;
}

.hatena-modulebody {
 padding:10px 0;
 font-size:90%;
}

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

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

table.calendar td{
 background:transparent;
}

table.calendar td a{
 color:#1C4077;
}

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

table.calendar td.calendar-day a:hover{
background:#FFF;
text-decoration:none;
}

td.calendar-sunday{
 color:red;
}

td.calendar-saturday{
 color:blue;
}

table.calendar td.day-today a{
 border:1px solid #63A6D6;
}

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

td.calendar-day img{
 width:15px;
 height:15px;
 border:1px solid #CCCCCC;
}

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

.hatena-modulebody ul {
 padding:0px;
 margin:0px;
 list-style-type:none;
 border-top:1px solid #E0EFFA;
}

.hatena-modulebody ul li {
 font-size:90%;
 margin:0px;
 border-bottom:1px solid #E0EFFA;
 color:#667;
}

.hatena-modulebody ul li a {
 padding:5px;
 display:block;
 color:#1C4077;
 font-size:110%;
}

.hatena-modulebody ul li a:visited {
 color:#1C4077;
}

.hatena-modulebody ul li a:hover{
 background:#fff;
 color:#1C4077; 
 text-decoration:none;
}

/* ======== 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:5px;
 font-size:90%;
}

.hatena-profile-image{
float:left;
margin:0 10px;
}

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

.hatena-clock{
}


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

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

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

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{
 border:1px solid #E0EFFA;
 background:#FFF;
 margin:0;
 padding:0;
}

ul.hatena-photo li a:hover img{
 border:1px solid #FFF;
}

img.hatena-fotolife {
}

.hatena-searchform {
 margin:5px;
 padding:0px;
}

div.adminmenu{
 width:720px;
 text-align:left;
 font-size:90%;
 margin:0px auto;
 padding:10px 0;
 color:#FFF;
 background:#1841CE;
}

span.adminmenu a{
 padding-left:10px;
 padding-right:7px;
 border-right:1px solid #CCC;
 color:#FFF;
}

span.adminmenu a:hover{
 color:#FFF;
}

span.adminmenu a:visited{
 color:#FFF;
}

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


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

div.section pre{
 padding:5px;
 border:1px solid #B5D7EF;
 font-size:85%;
 background:#BDDFF7;
 line-height:120%;
 margin:0 5px;
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
}

div.section blockquote{
 border:2px solid #B5D7EF;
 background:#FFF;
 font-size:90%;
 padding-left:5px;
}

div.section ul li{
}

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

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;
 border:1px solid #CCCCCC;
 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;
 border:1px solid #CCC;
 margin:3px;
 background:#FFF;
}

div.section table tr th{
 background:#B5D7EF url("hatena-modulebody.gif") top ;
 padding:3px;
 font-size:90%;
 line-height:135%;
 color:#333;
}

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

div.section table tr td , div.day div.body table tr td{
 padding:3px;
 font-size:90%;
 line-height:135%;
 background:#FFF;
}

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

div.hatena-asin-detail{
 margin:3px;
 padding:3px;
 border:1px solid #CCC;
 background:#FFF url("asin.gif");
}
 div.hatena-asin-detail a{
}

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

.hatena-asin-detail-info ul{
 list-style:none;
}

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

.hatena-asin-detail-title{
 margin:5px;
 font-weight:bold;
}

.hatena-asin-detail-title img{
 margin-bottom: 5px\9;
}

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

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

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

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

.ad{
 margin:10px;
}

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

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

ul.keywordcloud li {
 font-size:90%;
 display: inline;
 border-bottom:none;
}

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:#333333; }
.google_color_link { color:#399502; }
.google_color_url { color:#333333; }
.google_color_bg { color:#ffffff; }
.google_color_border { color:#ffffff; }

/* max-width */

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

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

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