@charset "EUC-JP";

/*
Version: 1.0.20080229
文字コード: EUC-JP
*/

html {
font-size: 10px;
*font-size: 62.5%;
font-family: "Meiryo", "Verdana", "Helvetica", "Arial", sans-serif;
}

body {
margin: 0;
padding: 0;
background: #fff url('body.png') center top no-repeat scroll;
color: #444;
font-size: 1.2em;
line-height: 1.8;
text-align: center;
}

a:link {
color: #8AB82E;
}

a:visited {
color: #999;
}

a:hover {
color: #e93;
}

h1 {}

h2 {}

h3 {
margin: 5px 0 1.5em 0;
padding: 0 0 4px 0;
font-size: 1em;
line-height: 1.2;
border-bottom: 1px dashed #ccc;
}

h3 a:link,
h3 a:visited {
color: #333;
text-decoration: none;
}

h4 {
margin: 1.5em 0 0.2em 0;
padding-left: 18px;
background: url('sanchor_h4.gif') 0 0.25em no-repeat scroll;
font-size: 1em;
}

h5 {
margin: 1em 0 0 0;
padding-left: 18px;
background: url('sanchor_h5.gif') 0 0.25em no-repeat scroll;
font-size: 1em;
}

h6 {
margin: 1em 0 0 0;
font-size: 1em;
}

p {
margin: 0 0 0.5em 5px;
}

pre {
margin: 1em 0 1.5em 5px;
padding: 5px 5px 15px 5px;
background: #eee url('pre.gif') center bottom repeat-x scroll;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
*word-wrap: break-word;
*word-break: break-word;
}

address {

}

blockquote {
border-left: 4px solid #eee;
background: url('blockquote.gif') left top repeat-y scroll;
margin: 1em 0 1.5em 15px;
padding-left: 0.5em;
text-align: right;
}

blockquote * {
text-align: left;
}

blockquote cite {
font-style: normal;
}


blockquote cite a:link,
blockquote cite a:visited {
color: #999;
}

table {
margin: 0 0 1.5em 5px;
font-size: 1em;
border-collapse: collapse;
line-height: 1.6;
}

th {
padding: 0.4em 0.4em 0.2em;
border: 1px solid #666;
background-color: #eee;
}

td {
padding: 0.4em 0.4em 0.2em;
border: 1px solid #666;
}

ul, ol {
margin: 1em 0 1.5em 2em;
padding: 0;
}

ul ul, ul ol,
ol ul, ol ol {
margin: 0.2em 0 0.2em 5px;
padding: 0;
}

ul li {
margin: 0.2em 0 0 0;
padding-left: 16px;
background: #fff url('arrow.gif') left 0.55em no-repeat scroll;
list-style: none;
}

dl {
margin: 1em 0 1.5em 5px;
}

dt {
font-weight: bold;
padding-left: 16px;
background: url('dt.gif') 0 0.25em no-repeat scroll;
font-size: 1em;
}

dd {
margin: 0 0 0.5em 16px;
}

hr {
margin: 1em 0;
border: none;
border-top: 1px dashed #ccc;
background:transparent;
height: 0;
}

img {
border: 1px solid #444;
}


/*
headers
-----------------------------------------------------------------------*/
#banner {
margin: 0 auto;
width: 740px;
}

#banner img {
border: none;
}

#banner td {
padding: 0;
background: transparent;
border: none;
}

#banner table {
margin: 0;
}

#banner font {
color: #999;
}

#simple-header {
margin: 0 auto;
padding: 12px 0 8px 0;
width: 750px;
background-color: #fff;
color: #999;
}

#simple-header ul {
top: 14px;
}

#simple-header ul li {
background: none;
}

#simple-header a:link,
#simple-header a:visited {
color: #999;
}

h1 {
margin: 5px auto 0 auto;
padding: 68px 0;
width: 740px;
max-height: 14px;
*height: 150px;
background: #9c3 url('h1_gr.png') center top no-repeat scroll;
color: #fff;
font-size: 14px;
font-weight: normal;
white-space: nowrap;
letter-spacing: 0.2em;
text-indent: 0.5em;
line-height: 1.2;
overflow: hidden;
}

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

h1 a img {
border: none;
vertical-align: middle;
*vertical-align: baseline;
}

/*
diaries, modules
---------------------------------------------------------------------*/
div.hatena-body {
margin: 0 auto;
width: 750px;
text-decoration: none;
text-align: left;
*height: 0;
}

div.hatena-body:after {
display: block;
content: ".";
height: 0;
color: #fff;
clear: both;
overflow: hidden;
}

div.main {
width: 560px;
float: left;
}

div.sidebar {
margin-top: 25px;
width: 190px;
float: right;
text-align: center;
}

div.day,
div.hatena-module {
margin: 0 auto 50px auto;
padding: 7px;
width: 736px;
*width: 750px;
min-height: 250px;
*height: 250px;
background: #fff url('day.png') center top no-repeat scroll;
text-align: left;
}

div.main div.day {
background-image: url('main-day.png');
width: auto;
}

div.day h2,
div.hatena-moduletitle {
margin: 5px 0 0 0;
*margin-top: 12px;
padding: 6px 4px 2px 4px;
background: #f0f0f9 url('h2.gif') left top repeat-x scroll;
color: #999999;
border-top: 1px solid #ececf3;
border-bottom: 1px solid #ececf3;
font-size: 1em;
font-weight: normal;
line-height: 1.3;
}

div.day h2 a,
div.hatena-moduletitle a {
color: #999999;
text-decoration: none;
}

div.body,
div.hatena-modulebody {
padding: 10px 8px 0 8px;
overflow: hidden;
}

img.photo {
float: right;
margin: 5px 5px 5px 10px;
border: 1px solid #444;
}

div.section,
div.footnote {
margin: 0 -8px 10px -8px;
padding: 5px 8px 50px 8px;
background: transparent url('section.gif') center bottom repeat-x scroll;
}

div.section:after {
display: block;
content: ".";
height: 0;
color: #fff;
clear: both;
overflow: hidden;
}

h3 span.sanchor {
float: left;
margin-right: 2px;
width: 16px;
height: 16px;
text-indent: 16px;
background: url('sanchor_gr.gif') top left no-repeat scroll;
color: #9c3;
overflow: hidden;
}

h3 a:visited span.sanchor {
background-position: top right;
}

h3 a:hover span.sanchor {
background-position: left bottom;
}

h3 span.timestamp {
color: #999;
font-size: 10px;
font-weight: normal;
}

h3.title,
h3.subtitle {
margin: 5px 0 0 0;
padding-left: 20px;
background: #fff url('h3.title_gr.gif') left top no-repeat scroll;
}

h3.hover {
background-color: #f9f9f9;
background-image: url('h3.hover.gif');
cursor: pointer;
}

p.sectionheader {
margin: 0 0 1.5em 0;
padding: 4px 2px 2px 2px;
color: #888;
text-align: right;
}

p.sectionheader img {
border: none;
}

p.sectionfooter {
margin: 1.5em 0 0 0;
text-align: right;
color: #999;
font-size: 10px;
}

.body .section p.share-button {
  margin-top: 2.5em;
}

/*
footnotes
------------------------------------------------------------------------*/
div.footnote {
font-size: 10px;
}

span.footnote {
font-size: 10px;
}

/*
in diary
------------------------------------------------------------------------*/
p.seemore {
margin-top: 1em;
}

p.seemore a {
padding: 2px 5px;
background: #fff url('caption.gif') left top repeat-x scroll;
color: #444;
border: 1px solid;
border-color: #eee #ddd #ddd #eee;
text-decoration: none;
}

p.seemore a:hover {
background: #eee;
border-color: #ccc #e9e9e9 #e9e9e9 #ccc;
}

a.keyword,
a.okeyword {
color: #444;
text-decoration: none;
border-bottom: 1px solid #ddd;
}

a.keyword:link,
a.okeyword:link {
border-bottom-style: solid;
}

a.keyword:visited,
a.okeyword:visited {

}

img.hatena-user-icon {
border: none;
}

img.icon {
padding: 0;
background-color: transparent;
color: #555;
border: none;
}

img.hatena-fotolife,
img.http-image,
img.asin {
margin: 0 0 10px 0;
padding: 1px;
background-color: #555;
color: #ccc;
border: 3px solid #ececf3;
}

img.hatena-image-left {
margin-right: 10px;
}

img.hatena-image-right {
margin-left: 10px;
}

img.hatena-question-image {
border: none;
}

img.icon,
img.hatena-rsstimes {
border: none;
}

a.bookmark-icon img,
a.bookmark-count img {
vertical-align: middle;
}

img.hatena-bcomment-view-icon {
border: none;
vertical-align: middle;
}

/*
Hatena::ASIN::Detail
-------------------------------------------------------------------------------*/  
div.hatena-asin-detail {
margin: 1em 0 1em 5px;
padding: 5px;
overflow: hidden;
background: #eee url('hamazou_gr.gif') 8px bottom no-repeat scroll;
border: 1px dashed #ddd;
position: relative;
top: 0;
left: 0;
}

div.hatena-asin-detail a:link img.hatena-asin-detail-image,
div.hatena-asin-detail a:visited img.hatena-asin-detail-image {
margin: 0;
padding: 1px;
background-color: #555;
color: #ccc;
border: 5px solid #fff;
width: 60px;
height: auto;
position: absolute;
top: 10px;
left: 10px;
*left: 5px;
}

div.hatena-asin-detail a:hover img.hatena-asin-detail-image {
width: auto;
}

div.hatena-asin-detail div.hatena-asin-detail-info {
margin: 0 0 0 85px;
padding: 10px 10px 10px 20px;
background: #fff url('hatena-asin-detail-info.gif') left top no-repeat scroll;
}

div.hatena-asin-detail div.hatena-asin-detail-info p.hatena-asin-detail-title {
margin: 0 2px;
font-weight: bold;
}

p.hatena-asin-detail-title a {
color: #333;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

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

div.hatena-asin-detail div.hatena-asin-detail-foot {}

/*
mml
-----------------------------------------------------------------------*/
img.mml-player-play,
img.mml-player-stop {
border: none;
}

/*
nav
-----------------------------------------------------------------------*/
div.calendar {
margin: 7px auto 7px auto;
padding: 0 7px;
font-size: 10px;
width: 736px;
*width: 750px;
}

#pager-top,
#pager-bottom {
margin-bottom: 0;
text-align: right;
min-height: 20px;
*height: 20px;
}

div.main div.calendar,
div.sidebar div.calendar {
width: auto;
}

div.calendar img {
border: none;
}

/*
ad
-----------------------------------------------------------------------*/
div.ad {
margin: 0;
padding: 5px 2px 50px 2px;
background: #fff url('section.gif') center bottom repeat-x scroll;
text-align: center;
}

div.ad iframe {
margin-bottom: 10px;
}

div.ad div.hatena-asin-recommend-image img {
border: 1px solid #444;
}

div.ad div.hatena-asin-recommend-title img {
border: none;
}

/*
comment, refererlist
-----------------------------------------------------------------------*/
div.comment,
div.refererlist {
margin: 0;
padding: 5px 0 30px 0;
background: #fff;
}

div.caption {
font-size: 10px;
padding: 5px 10px 2px 10px;
border: 1px solid #eee;
border-color: #eee #f6f6f6 #f9f9f9;
background: #fff url('caption.gif') top left repeat-x scroll;
}

div.commentshort p {
margin: 2px 0;
padding: 4px 0 0 0;
border: 1px solid #eee;
border-color: #f6f6f6 #f7f7f7 #f9f9f9;
}

div.commentshort p span.commentator {
margin: 0 0 0 4px;
padding-bottom: 10px;
float: left;
background: transparent url('commentator.gif') left bottom no-repeat scroll;
}

div.commentshort p span.timestamp {
float: left;
}

div.commentshort p span.commentbody {
clear: left;
margin: 0 4px 4px 4px;
padding: 8px;
background-color: #f6f6f6;
}

div.commentshort p.commentform {
padding-left: 5px;
}

div.commentshort p.commentform textarea {
margin: 0 0 5px 0;
width: 720px;
height: 10em;
background-color: #fff;
border: 5px solid #f6f6f6;
}

div.main div.commentshort p.commentform textarea {
width: 520px;
}

div.refererlist ul {
margin: 10px 0 0 10px;
}

div.refererlist ul li {
background-color: transparent;
}

/*
Hatena::Module
-----------------------------------------------------------------------*/
div.sidebar div.hatena-module {
margin-bottom: 0;
padding-top: 9px;
min-height: 120px;
*height: 120px;
width: auto;
background-image: url('hatena-module.png');
line-height: 1.4;
}

div.main div.hatena-module {
min-height: 250px;
*height: 250px;
width: auto;
background-image: url('main-day.png');
}

div.sidebar div.hatena-module-searchform,
div.sidebar div.hatena-module-pv,
div.sidebar div.hatena-module-counter,
div.sidebar div.hatena-module-bcounter,
div.sidebar div.hatena-module-graph,
div.sidebar div.hatena-module-barcode,
div.sidebar div.hatena-module-rsstimes,
div.sidebar div.hatena-module-ring,
div.sidebar div.hatena-module-groupsearchform,
div.sidebar div.hatena-module-keywordform {
min-height: 80px;
*height: 80px;
background-image: url('hatena-module_s.png');
}

div.hatena-moduletitle {
*margin-top: 14px;
padding: 4px 4px 2px 4px;
}

div.hatena-modulebody {
padding: 4px;
}

div.hatena-module-calendar2 div.hatena-modulebody,
div.hatena-module-pv div.hatena-modulebody,
div.hatena-module-counter div.hatena-modulebody,
div.hatena-module-bcounter div.hatena-modulebody,
div.hatena-module-graph div.hatena-modulebody,
div.hatena-module-barcode div.hatena-modulebody,
div.hatena-module-rsstimes div.hatena-modulebody,
div.hatena-module-blogpet div.hatena-modulebody,
div.hatena-module-amazon div.hatena-modulebody {
text-align: center;
}

.hatena-module ul,
.hatena-module dl {
margin: 0 0 10px 0;
padding: 0;
font-size: 10px;
line-height: 1.6;
}

.hatena-module li,
.hatena-module dt {
margin: 4px 0 4px 4px;
padding-left: 12px;
background: #fff url('arrow_module.gif') left 0.5em no-repeat scroll;
}

.hatena-module dt {
margin-bottom: 0;
}

.hatena-module dd {
margin: 0 0 6px 4px;
background-color: #f9f9f9;
border: 1px solid #eee;
}

ul.hatena-photo {
margin: 1px -1px 0 1px;
padding: 0;
text-align: center;
line-height: 80px;
}

ul.hatena-photo li {
*display: inline;
margin: 0 2px 2px 0;
padding: 0;
width: 80px;
height: 80px;
*width: 82px;
*height: 82px;
background: #f0f0f9;
border: 1px solid #ececf3;
float: left;
*line-height: 82px;
*font-size: 66px;
*overflow: hidden;
}

ul.hatena-photo li img {
background-color: #fff;
border: none;
vertical-align: middle;
}

.hatena-topictree li {
background: #fff url('arrow_leaf.gif') left 0.5em no-repeat scroll;
}

.hatena-topictree li ul {
margin: 0;
}

.hatena-topictree li li {
margin: 4px 0 4px -4px;
background: #fff url('arrow_module.gif') left 0.5em no-repeat scroll;
}

table.calendar {
margin: 0 auto;
width: 160px;
color: #999;
font-size: 10px;
text-align: center;
line-height: 1.4;
}

table.calendar td {
border: none;
padding: 2px 0;
}

table.calendar td.calendar-prev-month,
table.calendar td.calendar-current-month,
table.calendar td.calendar-next-month {
padding: 10px 0;
}

table.calendar td.calendar-prev-month a,
table.calendar td.calendar-current-month a,
table.calendar td.calendar-next-month a {
color: #666;
text-decoration: none;
}

table.calendar td.day-today {
background-color: #eee;
}

table.calendar td.day-selected {
border: 1px solid #ccc;
}

table.calendar img {
width: 10px;
height: 10px;
border: none;
}

div.hatena-module div.calendar {
font-size: 10px;
}

div.hatena-module form {
margin-top: 5px;
}

div.hatena-profile {
margin: 10px 0;
text-align: center;
}

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

div.hatena-profile p.hatena-profile-id a {
color: #333;
}

div.hatena-graph img {
border: none;
}

div.hatena-clock {
text-align: center;
}

span.hatena-counter {
display: block;
margin: 10px 0;
text-align: center;
}

span.hatena-counter img {
border: none;
}

div.hatena-modulebody img.hatena-rsstimes {
margin-top: 10px;
border: none;
}

div.adminmenu {
margin: 0 auto;
padding: 15px 7px 0 7px;
width: 736px;
*width: 736px;
text-align: right;
font-size: 10px;
}

span.adminmenu {}

span.adminmenu a {
color: #999;
}

/*
hatena ring module
--------------------------------------------------------------------------------*/
div.hatena-module-ring div.hatena-modulebody {
margin-top: 0;
padding: 4px 4px 2px 4px;
position: relative;
overflow: visible;
}

div.hatena-module-ring div.hatena-modulebody ul.hatena-photo {
overflow: hidden;
text-align: center;
margin: 0 0 0 0;
padding: 0;
background: transparent;
border: none;
}

div.hatena-module-ring div.hatena-modulebody img {
border: 4px solid #f6f6f6;
padding: 1px;
position: static;
margin: 0;
background-color: #000;
padding: 0;
clip: none;
}

div.hatena-module-ring div.hatena-modulebody ul.hatena-photo {
overflow: visible !important;
}

div.hatena-module-ring div.hatena-modulebody span {
display: block;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring {
top: 20px !important;
width: 200px;
border-width: 0 0 2px 0 !important;
border-bottom-color: #f6f6f6 !important;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring img {
background: transparent;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring-title {
font-size: 10px;
background-color: #eee !important;
border: 1px solid #ddd;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring td {
white-space: normal;
vertical-align:top;
font-size: 10px !important;
padding: 0;
line-height: 1.2;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring-title a:link,
div.hatena-module-ring div.hatena-modulebody div.hatena-ring-title a:visited {
color: #333 !important;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring-content {
border: 1px solid #ddd;
border-width: 0 1px 1px 1px;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring table {
width: 196px !important;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring-content table {
border-top: 2px solid #f9f9f9 !important;
border-bottom: 2px solid #f9f9f9 !important;
}

div.hatena-module-ring div.hatena-modulebody div.hatena-ring-content td a {
padding: 0 2px !important;
}


/*
archive
---------------------------------------------------*/
#hatena-archive div.day {
margin-bottom: 0 !important;
}

#hatena-archive li.archive-date {
font-weight: bold;
}

#hatena-archive ul {
margin: 0.2em 0 1em 16px;
}

/*
config
---------------------------------------------------*/
div.day form div.body {
padding: 5px 8px;
}

h3.subtitle {
margin: 1.5em 0 1em 0;
}

div.day form div.body blockquote {
text-align: left;
}

textarea.uheader,
textarea.ufooter,
textarea.style {
width: 711px;
height: 30em;
background-color: #f9f9f9;
font-size: 1em;
line-height: 1.6;
}

div.day form div.body input,
div.day form div.body img {
vertical-align: middle;
}

div.day form div.body img {
border: none;
}

/*
edit
----------------------------------------------------*/
#hatena-edit div.refererlist ul {
margin-bottom: 1em;
}

#hatena-edit div.refererlist ul li {
font-size: 10px;
white-space: nowrap;
overflow: hidden;
width: 700px;
}

#hatena-edit div.refererlist ul li input {
vertical-align: middle;
}

#hatena-edit div.body {
padding-top: 8px;
}

#hatena-edit textarea {
margin-bottom: 2em;
width: 721px;
height: 36em;
font-size: 1em;
line-height: 1.8;
}

/* edit in place
----------------------------------------------------*/
div.section textarea {
border-width: 1px;
background-color: #f9f9f9;
font-size: 1em;
line-height: 1.8;
}

div.section input {
margin-top: 5px;
padding: 3px 5px 2px 5px;
border-width: 1px;
background: #fff url('caption.gif') left top repeat-x scroll;
}

div.categoryListBox ul li {
background-image: none;
}

body div#subwindow {
border-color: #9c3;
}

body div#subwindow ul#tab-menu {
background-image: url('tab-menu.gif');
}

body div#subwindow ul#tab-menu li,
body div#subwindow ul#tab-menu li.selected {
background-image: url('config-tab.gif');
}

body div#subwindow ul#tab-menu li img {
border: none;
}

body div#subwindow div div ul.clearfix li {
padding: 10px 0 0 0;
background-image: none;
}

body div#subwindow div div ul.clearfix li.selected {
background-color: #CCE699;
}

/*
footer
-----------------------------------------------------*/
div.footer {
clear: both;
text-align: center;
color: #999;
}

div.footer a:link,
div.footer a:visited {
color: #888;
}

div.footer a:hover {
color: #333;
}

/* END */


/* maxwidth */

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

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