</div>
<div class="sidebar">
<hatena name="profile" moduletitle="Profile">
<hatena name="pv" template="hatena-module" moduletitle="Counter">
<hatena name="searchform" template="hatena-module" moduletitle="Search">
<hatena name="calendar2" template="hatena-module" moduletitle="Calendar">
<hatena name="section" template="hatena-module" listlimit="5" moduletitle="Recent Entry">
<hatena name="comment" template="hatena-module" moduletitle="Comment">
<hatena name="asinlog" listlimit=3 template="hatena-module" moduletitle="Favorite">
<hatena name="starfriends" listlimit=5 template="hatena-module" moduletitle="Friends">
</div>
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-size: 100%;
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "MS Pゴシック", sans-serif;
line-height: 1.7;
color: #87877c;
background: #fff url(http://pic.prepics-cdn.com/gazo/daz/9WECA1.gif);
word-break: break-all;
word-wrap: break-word;
text-align: center;
}
/*--- ヘッダ --------------------------------------------------*/
#simple-header {
position: relative;
text-align: right;
font-size: 65%;
width: 800px;
_width: 800px;
margin: 0 auto 0 auto;
padding: 5px 0 0 0;
background: #fff;
}
#simple-header img, #simple-header input {
vertical-align: middle;
}
#simple-header img {
margin-top: 2px ;
}
#simple-header img#logo-hatena {
margin-right: 0;
}
#simple-header img#logo-diary {
margin-right: 10px ;
}
#simple-header form.search-form {
display: none;
}
#simple-header input, #simple-header select{
}
#simple-header input.search-word {
}
#simple-header input.search-button {
}
#simple-header input.search-button-keyword {
display: none;
}
#simple-header ul {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 5px ;
left: 12px;
right: auto;
}
#simple-header ul li {
display: inline;
margin: 0;
padding-left: 2px;
font-family: sans-serif;
font-size: 100%;
}
#simple-header ul li a {
color: #9e9478;
text-decoration: none;
}
#simple-header ul li a:hover {
color: #CCCC99;
text-decoration: none;
}
/*--- タイトル ------------------------------------------------*/
h1{
margin: 0 auto;
padding: 120px 28px 50px 0px;
width: 772px;
_width: 800px;
height: 80px;
_height: 100px;
font-size: 100%;
text-align: middle ;
font-weight: border;
background: #fff url("http://pic.prepics-cdn.com/gazo/bDg/cxRli4.gif") top left no-repeat;
}
h1,
h1 a{
color: #9e9478;
}
/*--- メイン --------------------------------------------------*/
.hatena-body{
width: 800px;
_width: 800px;
margin: 0 auto 20px auto;
padding: 0 0 10px 0;
position: relative;
text-align: center;
background: #fff;
}
.hatena-body:after{
content:"";
display:block;
clear:both;
border-bottom:1px transparent solid;
}
.main{
text-align: left;
margin: 0;
padding: 0;
width: 598px;
_width: 598px;
border-right: 1px dashed #CCCCCC;
float: left;
clear: left;
}
.day{
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
}
h2,
h2 a{
text-decoration: none;
border: none;
color: #E7B0E2;
}
h2 {
font-size: 80%;
font-weight: normal;
color: #87877c;
margin: 0 0 20px 0;
padding: 0 21px 4px 16px;
text-align: left;
}
span.date{
font-size: 110%;
margin: 0;
font-weight: normal;
}
span.title{
margin: 0 3px;
text-align: left;
}
a.edit{
color: #87877c;
font-size: 10px;
font-weight: normal;
}
div.body {
font-size: 80%;
width: 100%;
padding: 0;
margin: 0;
text-align: left;
overflow: hidden;
}
div.section{
margin: 0 0 60px 0;
padding: 0 20px 0 15px;
text-align: justify;
}
div.section p{
line-height: 150%;
margin-top: 0;
margin-bottom: 10px;
}
h3 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0 0 10px 10px;
}
.section h3 a{
border: none;
color:#87877c;
}
.section h3 a:hover {
color: #CCCC99;
text-decoration: none;
}
h3 img{
vertical-align: middle;
}
a.sectioncategory{
color: CCCCCC;
font-size: 90%;
}
span.timestamp{
color: #666;
font-size: 80%;
font-weight: normal;
letter-spacing: 0;
}
.section h3.title{
margin: 0;
line-height: 1.2;
padding: 2px 0 0 5px;
border: none;
}
.section p.sectionheader{
text-align: right;
font-size: 90%;
line-height: 1.2;
padding: 3px 2px 15px 0px;
margin: 0;
color: #999;
}
.section p.sectionheader img{
vertical-align: middle;
}
.section p.sectionheader span.timestamp{
font-size: 90%;
}
div.section p.sectionfooter{
font-size: 80%;
text-align: right;
clear: both;
margin-top: 30px;
padding: 0;
color: #9e9478;
}
p.sectionfooter a{
}
h4,h5 {
font-size: 100%;
font-weight: bold;
margin-left: 10px;
color: #87877c;
}
/*--- カレンダー ----------------------------------------------*/
div.calendar a{
text-decoration: none;
border: none;
}
div.calendar{
color: #94846a;
font-size: 65%;
text-align: right;
margin: 0;
padding: 15px 25px 0 15px ;
}
/*--- 文字装飾など --------------------------------------------*/
a{
color: #9F9F70;
text-decoration: none;
}
a.keyword,
a.okeyword{
color: #87877c;
text-decoration: none;
border-bottom: dashed 1px #d0d0d0;
}
a:hover,
a:hover font,
a:hover span{
color: #CCCC99;
text-decoration: none;
border: none;
}
p.seemore{
text-align: left;
font-weight: normal;
}
p.seemore a{
border: none;
text-decoration: none;
}
p.message{
}
blockquote{
margin: 15px 0 ;
padding: 15px ;
border: 1px solid #999999;
}
.section blockquote p{
margin: 0.5em 0;
padding: 0;
}
cite a{
border: none;
text-decoration: none;
}
cite{
font-weight: normal;
font-style: normal;
display: block;
width: 98%;
_width: 100%;
padding: 3px 1%;
}
pre{
line-height: 1.2;
margin: 15px 0 ;
padding: 15px ;
border: 1px solid #999999;
}
strong{
font-weight: bold;
}
em{
font-weight: normal;
}
ins{
}
span.highlight {
background-color: #ffff00;
padding: 1px;
}
/*--- リスト --------------------------------------------------*/
.section ul{
margin: 7px 1em 7px 1em;
padding: 0;
}
.section ol{
margin: 7px 1em 7px 1.5em;
padding: 0;
}
.section ul li,
.section ol li,
.section ol ul,
.section ol ol,
.section ul ul,
.section li li {
margin: 0 0 0 1em;
padding: 0;
}
.section dl{
margin: 1em 2em;
}
.section dl{
margin: 10px 20px;
}
.section dt{
font-weight: normal;
}
/*--- 画像関連 ------------------------------------------------*/
a img{
border: none;
}
img.photo{
float: right;
margin: 35px 20px 10px 20px;
}
img.asin{
margin: 0 10px 10px 0;
}
img.hatena-fotolife {
border: none;
}
.section object,
.section embed{
width: 240px;
height: 196px;
}
/*--- テーブル ------------------------------------------------*/
.day table{
margin: 15px 0;
font-size: 100%;
border: none;
border-collapse: collapse;
text-align: left;
border: 1px solid #dcd3b2;
}
.day td{
padding: 8px 10px;
margin: 0;
border: 1px solid #dcd3b2;
}
.day th{
text-align: left;
padding: 8px 10px;
margin: 0;
border: 1px solid #dcd3b2;
font-weight: bold;
}
/*--- 脚注 ----------------------------------------------------*/
span.footnote{
font-size: 70%;
}
span.footnote a{
border: 0;
}
div.footnote{
font-size: 80%;
padding: 0 20px 20px 15px;
text-align: left;
margin: 0;
}
p.footnote{
margin: 0;
}
/*--- はまぞう ------------------------------------------------*/
.hatena-asin-detail{
border: 1px solid #999999;
background-image:url("http://pic.prcm.jp/gazo/bDW/9x3fQ9_480.gif");
margin: 15px 0;
padding: 0;
}
img.hatena-asin-detail-image{
height:110px;
float: left;
border: 0;
text-align: left;
margin: 10px 15px 0 15px;
}
.hatena-asin-detail p{
text-indent:0 !important;
}
.hatena-asin-detail ul{
font-size: 90%;
list-style-type: none;
margin: 0;
padding: 0;
}
.hatena-asin-detail ul li{
margin: 0 ;
padding: 0 ;
}
.hatena-asin-detail-info{
margin: 8px 15px 0 15px;
word-break: break-all;
}
p.hatena-asin-detail-title{
font-weight: normal;
margin: 0 0 5px 0;
}
p.hatena-asin-detail-title a{
}
.hatena-asin-detail-foot{
clear:left;
height:1em;
_width:100%;
}
/*--- コメント・リファラ --------------------------------------*/
div.comment{
font-size: 65%;
color: #87877c;
text-align: left;
padding: 0 20px 50px 15px;
margin: 0;
_width: 100%;
}
div.refererlist{
font-size: 70%;
text-align: left;
padding: 0 20px 0 15px;
margin: 0;
_width: 100%;
}
div.caption{
padding: 0;
margin: 15px 0 3px 0;
text-align: left;
color: #9e9478;
border-bottom: 1px dashed #cccccc;
}
div.comment div.caption{
}
div.caption a{
border: none;
text-decoration: none;
}
div.refererlist ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
div.commentshort {
margin: 0 0 10px 0;
padding: 0;
_width: 100%;
}
div.commentshort input{
border: 1px solid #cccccc;
color: #87877c;
background: transparent;
margin: 0;
padding: 2px;
}
.comment textarea{
border: 1px solid #cccccc;
width: 100%;
margin: 5px 0 ;
padding: 2px;
color: #87877c;
background: transparent;
}
div.commentshort a{
text-decoration: none;
}
span.canchor{
display: none;
}
div.commentshort p {
margin: 0.7em 0;
}
span.commentator{
font-weight: normal;
margin: 0;
padding: 0;
}
span.commentator,
span.commentator a{
text-decoration: none;
color: #87877c;
}
div.section p.sectionfooter img{
vertical-align: middle;
}
.commentshort p img.hatena-id-icon {
margin-left: 0;
}
.commentshort span.commentbody {
display: block;
padding: 0.2em 0 0.4em 0;
}
.commentshort span.timestamp a {
color: #87877c;
margin-left: 0.5em;
text-decoration: none;
font-weight: normal;
}
.commentshort span.timestamp {
}
/*--- サイドバー ----------------------------------------------*/
.sidebar {
font-size: 70%;
float: right;
width: 160px;
_width: 200px;
padding: 0 20px;
margin: 0;
text-align: left;
color: #87877c;
}
.sidebar .hatena-module{
margin: 0 0 40px 0;
padding: 0;
text-align: left;
_width: 100%;
}
.sidebar .hatena-moduletitle,
.sidebar .hatena-moduletitle a{
color: #87877c;
border: none;
}
.sidebar .hatena-moduletitle a:hover{
}
.sidebar .hatena-moduletitle{
padding: 0;
margin: 0 0 5px 0;
text-align: left;
font-weight: normal;
border-bottom: 2px dashed #EAC2E6;
}
.sidebar .hatena-modulebody{
font-size: 90%;
padding: 0;
margin: 0 0;
_width: 100%;
}
.sidebar .hatena-modulebody a{
border: none;
}
/*--- サイドバー(リスト) ------------------------------------*/
.hatena-modulebody ul{
padding: 0;
margin: 0;
list-style-type: none;
}
.hatena-modulebody li {
display: block;
}
.hatena-modulebody li a{
display: block;
_width: 100%;
padding: 0 ;
}
.hatena-modulebody ul.hatena-recentcomment li a{
display: inline;
width: auto;
}
/*--- プロフィールモジュール ----------------------------------*/
.hatena-profile{
}
p.hatena-profile-image{
margin: 0;
}
p.hatena-profile-id{
margin: 5px 0;
font-weight: normal;
}
p.hatena-profile-id a{
}
p.hatena-profile-body{
margin: 0;
}
ul.hatena-profile-list {
margin: 0 !important;
padding: 0;
}
ul.hatena-profile-list li {
display: inline;
margin: 0;
padding: 0;
}
/*--- rssモジュール -------------------------------------------*/
dl.hatena-rss{
margin: 0;
}
dl.hatena-rss dt{}
dl.hatena-rss dd{
margin: 0 0 0 0.5em;
padding: 0;
}
/*--- photoモジュール -----------------------------------------*/
ul.hatena-photo{
padding: 0;
margin: 0;
width: auto;
list-style-type: none;
text-align: left;
}
ul.hatena-photo:after{
content:"";
display:block;
clear:both;
border-bottom:1px transparent solid;
}
ul.hatena-photo li{
margin: 0;
padding: 0;
display: block;
width: 49.9999%;
float: left;
text-align: center;
vertical-align: middle;
height: 65px;
}
ul.hatena-photo li img{
}
ul.hatena-photo li a{
}
ul.hatena-photo li a img{
border:none;
}
ul.hatena-photo li a:hover img{
border: none;
}
form .hatena-searchform{
margin: 0 4px 0 0;
font-size: 90%;
border: 1px solid #9e9478;
}
input.hatena-searchform{
color: #9e9478;
background: transparent;
}
/*--- calendar2モジュール -------------------------------------*/
table.calendar{
font-size: 90%;
letter-spacing: 0;
width: 100%;
margin: 0 auto;
padding: 0;
border: none;
background-image : none;
background-repeat: no-repeat;
border-collapse: collapse;
color: #9e9478;
}
table.calendar td{
padding: 3px;
text-align: center;
}
td.calendar-current-month{
font-weight: normal;
}
td.calendar-prev-month,
td.calendar-current-month,
td.calendar-next-month{
text-align:center;
}
td.calendar-day {
}
td.calendar-day a{
}
td.calendar-day a:hover{
}
td.day-today{
font-weight: bold;
}
td.day-selected{
}
td.day-selected a{
}
td.calendar-weekday,
td.calendar-sunday,
td.calendar-saturday{
display:none;
}
td.calendar-day img {
height: 16px;
width: 16px;
border: 0;
}
.message {
font-size: 80%;
position: fixed;
bottom: 20px;
right: 20px;
width: 350px;
z-index:1000;
}
/*--- 見出しの■ -------------------------------------*/
span.sanchor{
margin:0 0 0 0;
background-image:url("http://pic.prcm.jp/gazo/csD/fLdSs1.gif");
background-position: top left;
background-repeat: no-repeat;
font-size: 1px;
padding: 15px 10px 15px 25px;
color: #fff;
}
/*--- はてなスター -------------------------------------*/
.hatena-star-star-image {
background-image: url(http://pic.prepics-cdn.com/12arashi6426/13617064.gif);
}
.hatena-star-green-star-image {
background-image: url(http://pic.prepics-cdn.com/gazo/bXN/dDb9j1.gif);
}
・hatena-star-red-etar-image{
background-image: url(http://pic.prepics-cdn.com/gazo/bXp/2C7d29.gif);}
.hatena-star-add-button-image {
background-image: url(http://pic.prepics-cdn.com/gazo/bnq/3ttMG6.gif);
}
.hatena-star-comment-button-image {
background-image: url(http://pic.prepics-cdn.com/gazo/dz1/b4gHKd.gif);
}
.hatena-star-inner-count {
color::#FF0000;
font-weight: bold;
font-size: 70%;
padding: 0 2px;
}