body {
  background:#446211 url('body-green.gif');
  color:#333;
  text-align:center;
  font-family:"arial","helvetica",sans-serif;
  margin:0;
  padding:0;
}

input,textarea {
  border:1px solid #cdcdcd;
  background:#fff;
}

a {
  color:#558100;
}

a:visited {
  color:#88B530;
}

a.keyword,a.keyword:visited, a.okeyword,a.okeyword:visited {
  color:#333;
  text-decoration:none;
}

a.keyword:hover, a.okeyword:hover {
  text-decoration:underline;
}

img {
  border: none;
}

form {
  display:inline;
}

h1 {
  text-align:left;
  width:820px;
  letter-spacing:-1px;
  margin:35px auto 10px auto;
  text-indent:32px;
  font-size:210%;
  color:#fff;
  background:url('kaeru.gif') 0 12px no-repeat;
}

h1 a,h1 a:visited{
  color:#fff;
}

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

div.day {
  background:url('bg_boxbody.png') repeat-y;
 _background:url('bg_boxbody.gif') repeat-y;
  zoom:1;
  padding-bottom:20px;
  clear:both;
}

div.day:after {
  content:"";
  display:block;
  clear:both;
}

div.calendar {
  padding:15px 25px 3px 7px;
  text-align:right;
  font-size:80%;
 /*  height:18px; */
 /* _height:32px; */
  overflow:hidden;
}

div#pager-top {
  background:url('bg_box_header.png') top center no-repeat;
 _background:url('bg_box_header.gif') top center no-repeat;
}

div#pager-bottom {
  background:url('bg_box2.png') bottom center no-repeat;
 _background:url('bg_box2.gif') bottom center no-repeat;
  padding-bottom:15px;
}


h2 {
  font-size:90%;
  padding:5px 0 3px 0;
  margin:0 25px 5px 25px;
  border-bottom:1px solid #D4D7D9;
}

h2 a,h2 a:visited{
  color:#999;
  text-decoration:none;
}

div.body img.photo {
  float:right;
  margin:10px 25px 15px 15px;
  margin-bottom:10px;
  margin-left:10px;
}

div.section {
  margin:0;
  padding:5px 25px 25px 25px;
  font-size:100%;
  font-weight:normal;
  color:#333;
  line-height:1.7;
}

div.section h3 {
  font-size:105%;
  margin:0;
  letter-spacing:-1px;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W4","Hiragino Maru Gothic Pro",sans-serif;
  line-height:1.35;
}

div.section h3.title {
  padding:3px 0 1px 7px;
  border-left:5px solid #81c106;
}

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

div.section h3 span img{
  vertical-align:middle !important;
  margin-bottom:4px !important;
}

div.section p.sectionheader {
  text-align:left;
  border-left:5px solid #81c106;
  padding:3px 0 7px 7px;
  font-size:80%;
  margin-bottom:5px;
}

div.section p.sectionfooter {
  text-align:right;
  font-size:90%;
}

div.section ul, div.section ol {
  margin:5px 0 10px 20px;
  padding-left:0;
}

div.section h3 a{
  color:#333;
}

div.section h3 a.editinplace {
  margin:0 5px;
  color:#999;
  font-size:80%;
}

div.section h4 {
  margin:15px 0 7px 0;
  padding:0 0 2px 0;
  font-size:100%;
  border-bottom:1px dotted #dedede;
}

div.section h5 {
  margin:15px 0 7px 0;
  padding:0 0 2px 0;
  font-size:100%;
}

div.section p {
  margin:0;
  padding:4px 0 7px 0;
  font-size:inherit;
}

div.section table {
  margin:7px 0 15px 0;
  border:1px solid #bcbcbc;
  border-collapse:collapse;
}

div.section table th{
  background:#ECF6C3;
  border:1px solid #bcbcbc;
  padding:5px 7px;
  width:20%;
  text-align:center;
  font-size:90%;
  white-space:nowrap;
}

div.section table td{
  background:#fff;
  padding:5px 7px;
  border:1px solid #bcbcbc;
}

div.section table td input.txt{
  padding:3px;
}

div.section table td input.channel-title{
  font-weight:bold;
  font-size:100%;
}

div.section table td ul {
  list-style:none;
  margin-left:0;
}

div.section blockquote {
  border:1px solid #dedede;
  margin:10px 0;
}

div.section blockquote p{
  margin:0 10px 0 10px;
}

div.section blockquote cite {
  font-size:90%;
  padding-left:3px;
  padding-bottom:2px;
}

div.section pre {
  width:100%;
  overflow:auto;
  background:#ecf6c3;
  padding:5px;
  font-size:80%;
  margin:10px 0;
}		
	
/* for Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div.section pre {
  font-size:100%; !important
}
}

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

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

div.footnote {
  margin:0;
  padding:5px 25px 15px 25px;
  line-height:1.7;
  clear:both;
  font-size:80%;
}

div.ad {
  margin:10px 0 15px 25px;
}

div.comment,div.refererlist {
  margin:0;
  padding:5px 25px 10px 25px;
  color:#333;
  font-weight:normal;
}

div.main div.comment, div.main div.refererlist {
  overflow:hidden;
 _width:580px;
}

div.caption {
  padding:7px 9px 10px 28px;
  color:#fff;
  font-family: "¥Ò¥é¥®¥Î´Ý¥´ Pro W4","Hiragino Maru Gothic Pro",sans-serif;
  font-size:90%;
}

div.caption a{
  color:#fff;
}

div.comment div.caption {
  background-image:url('comment.gif');
  background-repeat:no-repeat;
}

div.main div.comment div.caption {
  background-image:url('comment-main.gif');
}

div.comment div.commentshort p{
  margin:10px;
  padding:0 0 10px 0;
  border-bottom:1px solid #efefef;
}

div.comment div.commentshort p.commentform{
  border-bottom:none;
}

div.comment div.commentshort span.commentator {
  font-size:80%;
}

div.comment div.commentshort span.commentator {
  font-weight:bold;
  text-decoration:none;
}

div.comment div.commentshort span.commentator a{
  color:#333;
}

div.comment div.commentshort span.commentator img.hatena-id-icon{
  margin-right:2px;
}

div.comment div.commentshort span.commentator input {
  margin-bottom:5px;
  margin-right:5px;
  vertical-align:middle;
}

div.comment div.commentshort span.commentator img {
  vertical-align:middle;
  margin-bottom:3px;
}

div.comment div.commentshort p span.commentbody{
  font-size:80%;
  line-height:1.5;
}

div.comment textarea {
  margin-bottom:5px;
}

div.refererlist div.caption {
  background-image:url('trackback.gif');
  background-repeat:no-repeat;
}

div.main div.refererlist div.caption {
  background-image:url('trackback-main.gif');
}

div.refererlist ul {
  font-size:80%;
  list-style-type:circle;
  margin:0 0 0 20px;
  padding:10px 0 20px 0;
}

div.refererlist ul li{
  padding-bottom:4px;
}

div.section div.hatena-asin-detail {
  margin:0 0 5px 0;
  border:1px solid #dedede;
  padding:7px;
}

div.section img.hatena-asin-detail-image{
  float:left;
  margin:7px 15px 10px 7px;
}

div.section p.hatena-asin-detail-title {
  margin:0;
  padding:0;
}

div.section div.hatena-asin-detail-info ul{
  list-style:none;
  font-size:80%;
  margin:5px 0 0 0;
  padding:0;
}

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

div.main {
  width:580px;
  overflow:hidden;
  float:left;
  font-size:90%;
  padding-bottom:15px;
}

div.main div.day {
  background:url('blog-main.png') top center repeat-y;
 _background:url('blog-main.gif') top center repeat-y;
}

div.main div#pager-top {
  background:url('blog-main-top.png') top center no-repeat;
 _background:url('blog-main-top.gif') top center no-repeat;
}

div.main div#pager-bottom {
  background:url('blog-main-bottom.png') bottom center no-repeat;
 _background:url('blog-main-bottom.gif') bottom center no-repeat;
}

div.main table{
  font-size:90%;
}

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

div.sidebar div.hatena-module{
  margin-bottom:15px;
  padding-bottom:11px;
  background:url('blog-sidebar-bottom.png') bottom left no-repeat;
 _background:url('blog-sidebar-bottom.gif') bottom left no-repeat;
  widt:220px;
  overflow:hidden;
}

div.sidebar div.hatena-moduletitle {
  background:url('blog-sidebar-top.png') top left no-repeat;
 _background:url('blog-sidebar-top.gif') top left no-repeat;
  color:#fff;
  padding:13px 0 7px 27px;
  font-size:90%;
}

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

div.sidebar div.hatena-modulebody {
  background:url('blog-sidebar.png') top left repeat-y;
 _background:url('blog-sidebar.gif') top left repeat-y;
  padding:10px 13px;
  zoom:1;
  line-height:1.35;
}

div.sidebar div.hatena-modulebody:after {
  clear:both;
  content:"";
  display:block;
}

div.sidebar div.hatena-module ul{
  margin:0;
  padding:0;
  border-top:1px solid #efefef;
  list-style:none;
  font-size:80%;
}

div.sidebar div.hatena-module ul li{
  padding:5px 3px;
  border-bottom:1px solid #efefef;
}

div.sidebar div.hatena-module ul.hatena-photo {
  border-top:0;
  margin-left:2px;
}

div.sidebar div.hatena-module ul.hatena-photo li{
  border-bottom:0;
  padding:0;
  width:64px;

  height:64px;
  float:left;
}

div.sidebar div.hatena-module ul.keywordcloud {
  border-top:0;
}

div.sidebar div.hatena-module ul.keywordcloud li{
  border-bottom:0;
}

div.sidebar div.hatena-module dl {
  margin:0;
  padding:0;
  font-size:80%;
  border-top:1px solid #efefef;
}

div.sidebar div.hatena-module dt {
  margin:0;
  padding:5px 0;
}

div.sidebar div.hatena-module dd {
  margin:0;
  padding:5px 0;
  border-bottom:1px solid #efefef;
}

div.sidebar div.hatena-module p{
  margin:0;
  padding:0;
  font-size:80%;
}

div.sidebar div.hatena-module p.hatena-profile-image {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

div.sidebar div.hatena-module p.hatena-profile-id {
  font-weight:bold;
  padding-bottom:3px;
}

div.sidebar div.hatena-module span.hatena-counter {
  font-size:80%;
  font-weight:bold;
}

div.sidebar div.hatena-module table.calendar {
  width:190px;
  margin:0 auto;
  font-size:80%;
  text-align:center;
  border-collapse:collapse;
}

div.sidebar div.hatena-module table.calendar td{
  border:1px solid #efefef;
  padding:3px 5px;
}

div.sidebar div.hatena-module table.calendar td img{
  width:12px;
  height:12px;
}

div.sidebar div.hatena-module table.calendar td.day-today{
  background:#81c106;
  color:#fff;
}

div.sidebar div.hatena-module table.calendar td.day-today a, div.sidebar div.hatena-module table.calendar td.day-today a:visited{
  color:#fff;
}

div.sidebar div.hatena-module table.calendar td.calendar-current-month ,div.sidebar div.hatena-module table.calendar td.calendar-next-month ,div.sidebar div.hatena-module table.calendar td.calendar-prev-month {
  border-top:0;
  border-left:0;
  border-right:0;
  padding-top:0;
  padding-bottom:7px;
}

div.sidebar div.hatena-module table.calendar td.calendar-weekday {
  background:#f7f7f7;
}

div.sidebar div.hatena-module table.calendar td.calendar-saturday {
  background:#F2F9FF;
}

div.sidebar div.hatena-module table.calendar td.calendar-sunday {
  background:#FFF2F2;
}

div.sidebar form.hatena-searchform {
  font-size:80%;
}

div.sidebar form.hatena-searchform input.searchform-word {
  margin-right:3px;
}

div#simple-header {
  width:820px;
  margin:0 auto;
  padding:5px 0;
  background:transparent;
  color:#fff;
}

div#simple-header ul {
  right:0;
}

div#simple-header ul li a, div#simple-header ul li a:visited{
  color:#fff;
}

div#simple-header input.search-word,div#simple-header input.search-button, div#simple-header input.search-button-keyword {
  color:#fff;
  background:transparent;
  border:1px solid #C3E2A4;
}

div#simple-header img#logo-hatena {
  margin-left:0;
}

div.adminmenu {
  width:820px;
  margin:0 auto;
  text-align:right;
  padding:5px 0;
  font-size:80%;
}

div.adminmenu a, div.adminmenu a:visited{
  color:#fff;
  margin-left:10px;
}

.hatena-star-add-button-image {
  background-image: url('http://ugomemo.hatena.ne.jp/images/star-add.gif');
}

.hatena-star-comment-button-image {
  background-image: url(http://s.hatena.ne.jp/images/comment_dg.gif);
}

span.hatena-star-comment-container {
  margin-left:3px;
}

#hatena-about {
  padding-top:41px;
  background:url('bg_box_header.png') top center no-repeat;
 _background:url('bg_box_header.gif') top center no-repeat;
}

#hatena-about ul.hatena-profile-list{
  margin-left:0;
  padding-left:0;
}

#hatena-archive div#archive-category, #hatena-archive div#archive-calendar-top {
  color:#ddd;
  padding-right:0;
  padding-top:0;
  padding-bottom:7px;
  font-weight:bold;
}

#hatena-archive div#archive-category a, #hatena-archive div#archive-calendar-top a{
  color:#fff;
  font-weight:normal;
}


#hatena-archive div#archive-calendar-bottom {
  background:url('bg_boxbody.png') repeat-y;
 _background:url('bg_boxbody.gif') repeat-y;
}

div.sponsor {
  text-align:right;
  padding-bottom:7px;
  width:820px;
  margin:0 auto;
}

/* tweet */  

div.twitter-tweet, 
div.twitter-detail {
  margin-top:0;
  margin-bottom:0;
  border-bottom:1px solid #edf0f4;
}

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