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