スタイルシート

* {
   margin: 0px;
   padding: 0px;
}

body { 
   font-size: 80%; 
   font-family: Verdana, Osaka, sans-serif; 
   line-height: 150%; 
   _line-height: 170%; 
   letter-spacing: 0.02em;
   color: #555;
   margin: 0px; 
   padding: 0px;
   text-align: center;
   background-color: #B7DBDB;
   word-break: break-all ;
   word-wrap: break-word ;
}

/************ decoration */                                                                                                    

a {
   color: #555;
   font-weight: normal;
}

a:hover {
   color: #C572B6;
}

.section p a img{
   border: 1px solid #ccc;
}

.section p a:hover img{
   border: 1px solid #eee;
}

h1,
h1 a {
   font-weight: bold;
   font-size: 20px;
   color: #fff;
}

h1 a:hover {
   color: #688FAF;
}

h2,
h2 a {
   text-decoration: none;
   font-weight: normal;
   font-size: 100%;
   text-align: right;
   color: #555;
}

.edit {
   color: #f0f;
}

h3,
h3 a {
   text-decoration: none;
   font-weight: bold;
   font-size: 110%;
   color: #688FAF;
}

a.keyword,
a.okeyword,
span.footnote a {
   text-decoration: none;
}

.seemore {
   margin: 10px 0px;
}

span.highlight {
   padding: 0px 3px;
   background-color: #333;
   color: #fff;
}

.sidebar,
.sidebar a {
   text-decoration: none;
}

/************ list */                                                                                                    

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

ol {
   margin: 5px 15px;
   padding: 0px;
}

.section li {
   margin: 5px 15px;
   padding: 0px;
}

/************ balance */                                                                                                    

#simple-header {
   margin: 0px auto;
   padding: 5px 0px;
   width: 750px;
   background: transparent;
}

h1 {	
   margin: 0px auto;
   padding: 100px 100px;
   width: 530px;
   _width: 730px;
   height: 95px;
   _height: 295px;
   text-align: right;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070608/20070608214059.jpg");
   background-repeat: no-repeat;
   background-position: center bottom;
}

.hatena-body{
   margin: 0px auto;
   padding: 0px;
   width: 730px;
   text-align: center;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070608/20070608211814.jpg");
   background-repeat: repeat-y;
   background-position: center top;
}

.hatena-body:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.main{
   margin: 0px auto;
   padding: 0px 0px;
   text-align: left;
   width: 600px;
   overflow: hidden;
}


.sidebar {
   margin: 0px auto;
   padding: 20px 0px;
   width: 600px;
   font-size: 100%;
   text-align: center;
background-color: #fff;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070608/20070608215950.jpg");
   background-repeat: no-repeat;
   background-position: center top;
}

.sidebar:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.foot-a{
   margin: 0px auto;
   padding: 0px 20px 15px;
   text-align: center;
   width: 560px;
   _width: 600px;
   background-color: #fff;
}

.foot-a:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.foot-b {
   margin: 0px auto;
   padding: 5px 0px;
   width: 600px;
   font-size: 90%;
   text-align: center;
background-color: #eaeaea;
}

.foot-b:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.main .calendar {
   margin: -20px 0px 0px;
   padding: 0px;
   height: 20px;
   text-align: right;
}

/************ day */                                                                                                    

.day {
   margin: 0px 10px 40px;
   padding: 0px 0px 50px;
   text-align: left;
   border-bottom: 1px solid #D7D5C6;
}

h2 {
   margin: 0px;
   padding: 0px 40px;
}

.body,
div.comment,
.refererlist {
   margin: 0px;
   padding: 1px 35px;
   background-image: 
url("");
   background-repeat: repeat-y;
   background-position: center top;
}

div.body:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

div.body{
   _height:1%;
}

.footnote{
   margin: 10px 0px;
}

p.footnote{
   margin: 0px;
}

.ad {
   margin: 20px 0px;
   border: 1px solid #aaa;
}

/************ section */                                                                                           

.section {
  margin: 10px 0px 40px;
}

.section:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

h3 {
   margin: 0px 0px 20px;
   padding: 2px 2px;
   border-bottom: 2px solid #688FAF;
}

h3 a img,
h3 a:hover img {
   border: none;
}

span.sanchor {
   color: #C2D064;
   margin: 0px 7px 0px 0px;
}

h4,h5,h6 {
   margin: 10px 0px;
   padding: 0px 10px;
   font-weight: normal;
   border-left: 3px solid #aaa;
}

blockquote,
pre {
   margin: 20px 0px;
   padding: 15px 10px;
   border: solid 2px #bbb;
   background-color: #eee;
}

cite a {
   font-style: normal;
}

.day table{
   margin: 10px;
   font-size: 100%;
   border: none;
   border-collapse: collapse;
   text-align: left;
   border: solid 2px #ccc;
}

.day td{
   padding: 5px;
   border: solid 1px #ccc;
}

.day th{
   padding: 5px;
   font-weight: normal;
   border: solid 1px #ccc;
   background-color: #eee;
}

/************ dl */                                                                                   

dl {
   margin: 2px 0px 10px;
   border: 2px solid #ddd;
   background-color: #fafafa;
}

dt {
   padding: 3px 1.0em;
   background-color: #DBECEC;
}

dd{
   margin: 0px;
   padding: 5px 2.5em;
}



/************ comment */                                                                                            

.comment a,
.comment a img{
   text-decoration: none;
   border: none;
}

.commentshort p {
   margin: 10px 0px;
}

span.canchor a{ 
   padding: 3px 16px 0px 0px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/o/odachi/20070501/20070501111543.gif");
   background-repeat: no-repeat;
   background-position: right top;
}

div.commentshort{
   display: none;
}

form div.commentshort{
   display: block;
}

.comment textarea {
   margin: 4px 0px;
   border: 1px solid #aaa;
}
/************ image */                                                                                      

.section p a img {
   margin: 10px 3px;
   padding: 2px;
   border: 1px solid #ccc;
   background-color: #fcfcfc; 
}

.ad a img,
.ad a:hover img {
   border: none;
}

.photo {
   float: right;
   margin: 0px 0px 10px 10px;
}

.hatena-fotolife{
   float: left;
   margin: 10px 0px;
   padding: 5px;
   border: 1px solid #ccc;
   background-color: #fcfcfc;    
}

.body img.asin{
   float: right;
   margin: 5px;
}                                                                                                                                                                                                       

.section object,
.section embed{
   margin: 10px auto;
   padding: 0px;
}

/************ asin detail*/                                                

div.hatena-asin-detail {
   margin: 10px 0px;
   padding: 10px;
   _width: 100%;
   border: solid 2px #fff;
   background-color: #fafafa;
}

img.hatena-asin-detail-image {
   float: left;
   margin: 0px;
   padding: 0px;
   height: 110px;
   width: auto;
}

div.hatena-asin-detail-info{
   float: left;
   margin: 0px 0px 0px 10px;
   padding: 0px;
   word-break: break-all;
}

.section p.hatena-asin-detail-title{
   margin: 5px 0px;
   padding: 0px;
   font-weight: normal;	
   _width: 100%;
}

div.hatena-asin-detail-info li {
   margin: 0px;
   padding: 0px;
}

div.hatena-asin-detail p a{
   border: none;
}

div.hatena-asin-detail-foot {
   clear: left;
}

/************ sidebar */                                                                         

.sidebar ul {
   padding: 5px 0px;
   text-align: left;
   border: none;
}

.sidebar ul li{
}

.sidebar ul li a{
   margin: 0px 2px;
   padding: 0px 15px;
   background-color: #fff;
}

.sidebar .calendar {
   margin: 0px;
   padding: 0px;
   height: 20px;
   text-align: right;
}


/************ hatena-module */                                                                                                    

.hatena-module{
   float: left;
   margin: 0px auto;
   padding: 0px;
   width: 199px;
   height: 230px;
   overflow: auto;
   border: none;
   border-right: 1px dashed #aaa;
}

.hatena-moduletitle{
   margin: 0px 8px;
   padding: 3px 0px;
   border-bottom: 1px solid #aaa;
}

.hatena-modulebody{
   margin: 0px;
   padding: 0px;
   text-align: left;
   border: none;
}

.sidebar scrollbar-track-color: #fff;
.sidebar scrollbar-face-color: #fff;
.sidebar scrollbar-shadow-color: #aaa;
.sidebar scrollbar-darkshadow-color: #fff;
.sidebar scrollbar-highlight-color: #aaa;
.sidebar scrollbar-3dlight-color: #fff;
.sidebar scrollbar-arrow-color: #aaa;

/************ hatena-module right*/                                

.right {
border:none;
}

.right .hatena-module{
   border: none;
}

/************ profile module */                                                                                                

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

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

.hatena-profile-image a img {
   border: 2px solid #B7DBDB;
}

.hatena-profile-id {
}

.hatena-profile-body {
}

/************ hatena-rss */                                    

ul.hatena-rss {
   font-size: 85%;
   margin: 0px 5px;
   height: 190px;
   overflow: auto;
}

ul.hatena-rss li a{
   margin: 5px 1px;
   padding: 2px;
   display: block;
}

ul.hatena-rss li a:hover{
   color: #004242;
   background-color: #F0F7F7;
}
/************ calendar module */                                                                                      

table.calendar{
   font-size: 100%;
   margin: 0px auto;
   padding: 0px;
   width: 180px;
   text-align: center;
}

td.calendar-weekday,
td.calendar-sunday,
td.calendar-saturday{
   display:none;
}

td.calendar-day a img {
	width: 10px;
	height: 10px;
	z-index: 1;
}

/************ navi , footer */                                                                        

.main .hatena-module{
   height: auto;
   width: 600px;
   font-size: 90%;
   border: none;
}

.main .hatena-moduletitle{
   display: none;
}

.main .hatena-modulebody{
   margin: 3px 20px;
}

.foot-a a img {
   margin: 0px auto;
   border: none;
}

.foot-b ul {
   float: left;
   clear: both;
   border: none;
   width: 600px;
}

.foot-b ul li {
   display: inline;
}

.foot-b ul li a{
   margin: 0px 4px;
}

/* about , archive ***********/                      


#hatena-about .day,
#hatena-archive .day {
   width: 620px;
   margin: 0px auto;
   padding: 0px 0px;
   border: none;
}

#hatena-about h3,
#hatena-archive h3 {
   margin: 30px 0px 20px;
   padding: 2px 10px;
   border-left: 10px solid #688FAF;
   border-bottom: 2px solid #688FAF;
}

#hatena-about .day p,
#hatena-archive .day p{
   margin: 1em;
}
 
#hatena-about ul.hatena-profile-list li {
   margin: 2px;
   padding: 0px;
}

#hatena-about ul.hatena-profile-list li a img{
   margin: 3px;
   padding: 0px;
   border: 1px solid #666;
}

#hatena-archive .calendar {
   text-align: left;
   margin: 0px 100px 15px;
}

#hatena-archive ul ul{
   margin: 0px 0px 10px;
}