勝運かとぅん

<div class="main">

</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, "ＭＳ Ｐゴシック", 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;
}