@charset "euc-jp";

html {
  margin: 0;
  padding: 0;
}

body{
  color: #f0f0f0;
  background-color: #303030;
  font-size: 80%;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
  line-height: 1.6;
  margin: 0;
  text-align: center;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

/*::header:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

table#banner{
  padding: 0;
  font-size: 100%;
  margin: 0 auto;
  text-align: left;
  background: #0593E2;
}

.hatena-body table,
.hatena-body table table{
  padding: 0;
  background-image: none;
  background-color: transparent;
  margin: 0;
  border: none;
  width: auto;
  font-size: 100%;
}

table#banner td{
  background-color:transparent;
  padding: 0 10px;
}

table#banner table{
  background-color: transparent;
  background-image: none;
  border: none;
  width: 100%;
  line-height: 1;
  font-size: 80%;
}
table#banner table td{
  background-color:transparent;
  padding: 0;
  margin: 0;
}

table div{

}

table#banner font,
table#banner a{
  border:none;
  color: #f0f0f0;
  font-size: 100%;
}

table#banner font font{
  font-size: 100%;
}

.hatena-body table font,
.hatena-body table a{
  color: #f0f0f0;
  font-size: 100%;
}

table#banner a{
  border: none;
}

table#banner input{
  background-color : #f9f9f9;
  color: #333333;
  border: none;
}



/*::simple-header:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#simple-header {
  position: relative;
  text-align: right;
  padding: 5px 0;
  background: #0593E2;
  width: 100%;
  margin: 0;
  zoom: 1;
  line-height: 1;
}

#simple-header img, #simple-header input {
  vertical-align: middle;
}

#simple-header img {
  margin-top: 5px;
}

#simple-header img#logo-hatena {

}

#simple-header img#logo-diary,
#simple-header img#log-group-name,
#simple-header img#logo-group-name {
  margin-right: 15px;
}

#simple-header form.search-form {
  display: inline;
  position: absolute;
  top: 11px;
  right: 150px;
}

#simple-header input,
#simple-header select{
  margin: 0;
  font-size: 10px;
  height: 16px;
  padding: 0;
  vertical-align: middle;
}

#simple-header input.search-word {
  width: 10em;
  font-size: 12px;
  background: #eee;
  color: #000;
  border: none;
  margin: 0 3px 0 0;
}

#simple-header input.search-button,
#simple-header input.search-button-keyword {
  background: #0485CD;
  border: none;
  width: 38px;
  height: 16px;
  line-height: 13px;
  padding: 0;
  margin: 0 3px 0 0;
  color: #f0f0f0;
  font-family: sans-serif;
  
}

#simple-header input.search-button-keyword{
  width: 64px;
}

#simple-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: auto;
  left: 15px;
}

#simple-header ul li {
  display: inline;
  margin: 0 3px 0 0;
  font-size: 80%;
  font-family: sans-serif;
  padding: 0;
}

#simple-header ul li a {
  color: #f0f0f0;
  text-decoration: none;
}

#simple-header ul li a:hover {
  text-decoration: none;
}



/*::title:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h1{
  width: 80%;
  ?width: 100%;
  _width: 100%;
  text-align: left;
  font-size: 200%;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 0 30px 0;
  padding: 60px 10%;
  color: #f0f0f0;
  background: #0593E2 url("20061206213959.gif") repeat-x left 75px;
  border-bottom: 6px solid #f0f0f0;
  line-height: 1.2;
}

h1 a{
  color: #f0f0f0;
  text-decoration: none;
  border: none;
}


/*::main:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hatena-body{
  width: 80%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative;
}

.hatena-body:after{
  content:"";
  display:block;
  clear:both;
  border-bottom:1px transparent solid;
}

.main{
  margin: 0 -210px 0 0;
  width: 100%;
  padding: 0;
  float: left;
  clear: left;
}

.day{
  margin: 0 0 3em 0;
  position: relative;
  top: 0;
  left: 0;
}

.main .day{
  margin: 0 210px 3em 0;
}

h2,
h2 a{
  text-decoration: none;
  border: none;
}

h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 1.5em 0;
  padding: 0;
  text-align: left;
  line-height: 1;
  font-family: Helvetica,Arial,sans-serif;
}

span.date{
  margin: 0;
  text-align: left;
  font-size: 80%;
  color: #0593E2;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
}

span.title{
  margin: 0;
  text-align: left;
}

a.edit{
  font-weight: normal;
  color: #dddddd;
  margin: 0 0 0 2em;
  font-size:80%;
}

.body {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
}

.section{
  margin: 0 0 2.5em 0;
  padding: 0;
}

.section p {
  margin: 1em 0;
  padding: 0;
}

h3 {
  font-size: 120%;
  font-family: arial,sans-serif;
  font-weight: bold;
  margin: 0 0 0.7em 0;
  padding: 0;
  text-align: left;
}

.section a.sectioncategory:link,
.section a.sectioncategory:visited{
  color: #f0f0f0;
  text-decoration: none;
}

h3 a:first-child,
span.sanchor {
  text-decoration: none;
}

span.sanchor{
  color: #0593E2;
  font-family: sans-serif;
  margin: 0 3px 0 0;
}

span.timestamp{
  font-size: 70%;
  font-weight: normal;
  letter-spacing: 0;
}

.section p.sectionfooter{
  font-size: 80%;
  text-align: right;
  clear: both;
  color: #a0a0a0;
  margin: 1.5em 0 1em 0;
  padding: 0 ;
}

.section p.sectionfooter a:link,
.section p.sectionfooter a:visited{
  text-decoration: none;
  color: #a0a0a0;
  border-bottom: solid 1px #444444;
}

.section h3.title a:link,
.section h3.title a:visited{
  color: #f0f0f0;
  text-decoration: none;
}

.section h3.title{
  margin: 0;
  line-height: 1.2;
  padding: 2px 0 0 5px;
  border-left: solid 4px #0593E2;
}

.section p.sectionheader{
  text-align: left;
  font-size: 80%;
  line-height: 1.2;
  padding: 0 0 2px 5px;
  border-left: solid 4px #0593E2;
  margin: 0 0 12px 0;
}

.section p.sectionheader img{
  vertical-align: middle;
}

.section p.sectionheader span.timestamp{
  font-size: 100%;
}

h3.hover{
  background: #222222;
}

.ad{
  margin: 15px 0 20px 0;
  text-align: left;
}

/*::calendar/breadcrumbs:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.calendar a{
  text-decoration: none;
  color: #999999;
  border-bottom: solid 1px #444444;
}

.calendar{
  text-align: right;
  color: #a0a0a0;
  margin: 0 10px;
  font-size: 80%;
}

.main .calendar{
  margin: 0 210px 0 10px;
}

#hatena-archive .calendar{
  text-align: left;
  color: #f0f0f0;
  margin: 0 10px 0.5em 10px;
  font-size: 100%;
}

#hatena-archive .calendar a{
  color: #f0f0f0;
}

.breadcrumbs{
  font-size: 80%;
  color: #a0a0a0;
  margin: 0;
  padding: 0;
  text-align: left;
}

.breadcrumbs a{
  color: #a0a0a0;
}

/*::format:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a,
.section a:link{
  text-decoration: underline;
  color: #f0f0f0;
}

.section a.keyword:link,.section a.keyword:visited,
.section a.okeyword:link,.section a.okeyword:visited{
  text-decoration: none;
  border: none;
  color: #f0f0f0;
}

.section a:visited{
  color: #cccccc;
}

a:hover,
a:hover font,
a:hover span,
.section a:hover,
.section a.keyword:hover,
.section a.okeyword:hover{
  color: #FB4C8D;
  border-color: #FB4C8D;
}


h4 {
  font-size: 100%;
  font-weight: bold;
  margin: 1.5em 0 1em 0;
  padding: 0 0 0 0.5em;
  text-align: left;
  word-break: break-all;
  border-left: solid 3px #0593E2;
}

h4 a{ }

h5{
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0;
  padding: 0 0 0 0.5em;;
  text-align:left;
  word-break:break-all;
  border-left: solid 3px #d0d0d0;
}

p.seemore{
  text-align: left;
  font-weight: bold;
}

p.seemore a{
  border-color: #f0f0f0;
  color: #666666;
}

p.message{
  color: #ff0000;
}

blockquote{
  margin: 1em 0;
  padding: 1px 0;
  border: solid 2px #444444;
  color: #f0f0f0;
}

.section blockquote p{
  margin: 1em;
  padding: 0;
}

cite a{
  border: none;
  text-decoration: none;
}

cite{
  font-weight: bold;
  font-style: normal;
  display: block;
  width: 98%;
  _width: 100%;
  padding: 3px 1%;
}

pre {
  margin: 1em 0;
  padding: 1em;
  background-color: #444444;
  color: #f0f0f0;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

.section blockquote a,
.section pre a{
  color: #f0f0f0;
}

strong {
  font-weight: bold;
}

em {
  font-weight: normal;
  font-style: normal;
  background-color: #0593E2;
  color: #f0f0f0;
}

ins{
  text-decoration: none;
  color: #999999;
}

ins a{
  color: #999999;
}

/*::list:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.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 1em;
}

.section dl{
  margin: 10px 10px;
}

.section dt{
  font-weight: normal;
}

/*::image:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a img{
  border: none;
}

img.photo{
  float: right;
  margin: 10px;
}

img.asin{
  
}

img.hatena-fotolife {

}

/*::table:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.day td{
  padding: 5px;
  margin: 0;
  border: solid 1px #dddddd;
}

.day th{
  padding: 5px;
  margin: 0;
  border: solid 1px #e0e0e0;
  color: #f0f0f0;
  font-weight: bold;
}

.day table{
  margin: 1em 0;
  font-size: 100%;
  border: none;
  border-collapse: collapse;
  text-align: left;
  border: solid 2px #e0e0e0;
}

/*::question:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.day table.hatena-question-detail{
  margin: 1em 0;
  padding: 5px;
  font-size: 100%;
  border: solid 2px #e0e0e0;
  text-align: left;
  table-layout: auto;
}

th.hatena-question-detail-title{
  border: none;
  padding: 5px;
  margin: 0;
  color: #f0f0f0;
  font-weight: bold;
  width: auto;
}

th.hatena-question-detail-title a{
  border:none;
  text-decoration:none;
  color: #f0f0f0;
}

td.hatena-question-detail-label{
  width: 30%;
}

td.hatena-question-detail-value{
  width: auto;
}

img.hatena-question-image{
}

/*::footnote:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

span.footnote{
  font-size: 70%;
}

span.footnote a{
  border: 0;
}

.footnote{
  padding: 3px;
  text-align: left;
  margin: 0 0 10px 0;
}

p.footnote{
  margin: 0;
  font-size: 80%;
}

/*::comment:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.comment,
div.refererlist{
  text-align: left;
  padding: 0;
  margin: 0 0 15px 0;
  _width: 100%;
}

div.caption{
  padding: 0;
  margin: 0;
  text-align: right;
}

div.caption a{
  text-decoration: none;
  border-bottom: solid 1px #444444;
}

div.refererlist ul{
  border-top: solid 1px #444;
  margin: 0;
  padding: 7px 0 0 15px;
  list-style-type: circle;
  text-align: left;
  font-size: 90%;
}

.commentshort{
  border-top: solid 1px #444;
  margin: 0;
  padding: 0;
  zoom: 1;
}

.commentshort a{
  text-decoration: none;
}

.commentshort p{
  margin: 1.5em 0;
  padding: 0;
  font-size: 100%;
  zoom: 1;
}

span.canchor{}
span.canchor a{}

span.commentator{
  font-weight: bold;
}

span.commentator,
span.commentator a {
  text-decoration: none;
}

.commentshort p img.hatena-id-icon {
  margin-left: 0;
}

.commentshort span.timestamp {
  font-size: 90%;
  position: absolute;
  right: 0;
  top: 0;
}

.commentshort span.timestamp a {
  color: #999;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
}

.commentshort span.commentbody {
  display: block;
  padding: 0.5em 0 0 20px;
}


/*::asin:detail:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hatena-asin-detail {
  margin: 1em 5px;
  padding: 1em;

  border: solid 2px #444444;
  _width: 100%;
}

img.hatena-asin-detail-image {
  float: left;
  border: 0;
  margin: 0 10px 0 0 ;
}

.hatena-asin-detail-info{
  float: left;
  margin: 0;
  word-break: break-all;
}

.section p.hatena-asin-detail-title{
  font-weight: bold;
  width: 100%;
  margin: 0;
}

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

.section .hatena-asin-detail-info li {
  margin: 0;
  padding: 0;
}

.hatena-asin-detail p a{
  border: 0;
  text-decoration: none;
}

.hatena-asin-detail-foot {
  clear: left;
}


/*::syntax:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.synSpecial { color: #ff00ff; }
.synType { color: #00ff00; }
.synComment { color: #0593E2; }
.synPreProc { color: #ff00ff; }
.synIdentifier { color: #00ffff; }
.synConstant { color: #ff0055; }
.synStatement { color: #ff3300; }

/*::form:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

form{
  margin: 0;
  padding: 0;
}

form.hatena-searchform{
  margin: 0 0;
}

.comment textarea{

}

.sidebar textarea,
.sidebar input{
  font-size: 100%;
  font-family: Verdana, Osaka, sans-serif;
  line-height: 1.5;
}

/*::sidebar:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.sidebar {
  float: right;
  clear: right;
  width: 190px;
  color: #f0f0f0;
  margin: 0;
  text-align: left;
  font-size: 80%;
}

.hatena-module{
  margin: 0 0 15px 0;
  padding: 0;
  text-align: left;
  _width: 100%;
  background: #444444 url("20060808141602.gif") no-repeat left bottom ;

}

.hatena-moduletitle,
.hatena-moduletitle a{
  border: none;
  text-decoration: none;
  color: #f0f0f0;

}

.hatena-moduletitle{
  font-size: 100%;
  line-height: 1;
  padding: 10px 10px 10px 10px;
  margin:  0;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Helvetica,Arial,sans-serif;
  background: url("20060808141601.gif") no-repeat left top;
}

.hatena-modulebody{
  padding: 0 10px 10px 10px;
  margin:  0;
  _width:100%;

}

.hatena-modulebody a{
  border: none;
  text-decoration: none;
  color: #f0f0f0;
}

/*::sidebar:list:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hatena-modulebody ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.hatena-modulebody li {
  display: block;
}

.hatena-modulebody li a{
  color: #f0f0f0;
  padding: 0;
}

.hatena-modulebody li a:hover {
  color: #FB4C8D;
}

.hatena-modulebody ul.hatena-recentcomment li a{
  display: inline;
  width: auto;
}

/*::profile:module:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hatena-profile{

}

p.hatena-profile-image{
  margin: 0;
}

p.hatena-profile-id{
  margin: 0;
  font-weight:bold;
}

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:module:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

dl.hatena-rss{
  margin: 0;
}

dl.hatena-rss dt{}

dl.hatena-rss dd{
  margin: 0 0 0 0.5em;
  padding: 0;
  color: #999999;
}

/*::photo:module:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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: 80px;
}

ul.hatena-photo li img{

}

ul.hatena-photo li a{

}
ul.hatena-photo li a img{
  border:solid 1px #333333;
}

ul.hatena-photo li a:hover img{
  border:solid 1px #0593E2;
}

/*::calendar2:module:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

table.calendar{
  font-size: 100%;
  letter-spacing: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border: none;
  background-image : none;
  background-repeat: no-repeat;
  color: #f0f0f0;
  border-collapse: collapse;
}

table.calendar td{
  padding: 5px 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{
  text-decoration: underline;
}

td.day-today{
  background-color: #333333;
}

td.day-selected{
  background-color: #0593E2;
  color: #000000;
}

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

/*::keywordcloud:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

ul.keywordcloud {
  margin: 10px;
  padding: 0;
  line-height: 1.5em;
}

ul.keywordcloud li {
  display: inline;
}

ul.keywordcloud li a{
  text-decoration: none;
}

a.keywordcloud0 { font-size: 80%; }
a.keywordcloud1 { font-size: 100%; }
a.keywordcloud2 { font-size: 120%; }
a.keywordcloud3 { font-size: 140%; }
a.keywordcloud4 { font-size: 160%; }
a.keywordcloud5 { font-size: 180%; }
a.keywordcloud6 { font-size: 200%; }
a.keywordcloud7 { font-size: 220%; }
a.keywordcloud8 { font-size: 240%; }
a.keywordcloud9 { font-size: 260%; }
a.keywordcloud10 { font-size: 280%; }

/*::adminmenu:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.adminmenu{
  text-align: right;
  width: 80%;
  *width: 100%;
  _width: 100%;
  padding: 0 10%;
  margin: 0 auto;
  background: #0593E2;
  font-size: 100%;
}

.main div.adminmenu{
  width: 100% ;
  background-color:transparent;
  font-size: 100%;
}

.sidebar div.adminmenu{
  width: 100%;
  font-size: 100%;
  text-align: left;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

span.adminmenu{
  margin: 0 3px;
}
span.adminmenu a{
  text-decoration: none;
}

.sidebar span.adminmenu{
  display: block;
  width: 49.99%;
  _width: 40%;
  float: left;
  margin: 0;
  padding: 0;
}

.sidebar div.adminmenu:after{
  content:"";
  display:block;
  clear:both;
  border-bottom:1px transparent solid;
}

.main span.adminmenu a,
.sidebar span.adminmenu a{
  text-decoration: none;
  background: transparent;
  padding: 0;
}

/*::other:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

span.highlight {
  background: #0593E2;
  color: #f0f0f0;
}

.footer{
  text-align: right;
  clear: both;
  _width:100%;
  padding: 10px 0;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 80%;
  text-transform:uppercase;
}

.footer,
.footer a{
  color: #999999;
  border: none;
}

/* Hatena-Star */

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

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

/* adsense */

.google_color_text { color:#f0f0f0; }
.google_color_link { color:#f0f0f0; }
.google_color_url { color:#f0f0f0; }
.google_color_bg { color:#303030; }
.google_color_border { color:#303030; }