@charset "euc-jp";

html {
  margin: 0;
  padding: 0;
}

body{
  color: #4F3B30;
  background: #DDCAC1 url("20070117161923.gif") repeat-y center top;
  font-size: 80%;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Verdana, "‚l‚r ‚oƒSƒVƒbƒN", 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;
  width: 690px;
  text-align: left;
  background: url(20070202012558.gif) repeat-y center bottom;
}

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

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

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

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

table#banner div{
  font-size: 80%;
}

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

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

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

table#banner a{
  border: none;
}

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

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

#simple-header {
  position: relative;
  text-align: right;
  padding: 5px 0;
  background: url(20070202012558.gif) repeat-y center bottom;
  width: 690px;
  margin: 0 auto;
  zoom: 1;
}

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

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

#simple-header img#logo-hatena {

}

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

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

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

#simple-header input.search-word {
  width: 10em;
  font-size: 12px;
  background: #ffffff;
  color: #000000;
  border: solid 1px #ddd;
  margin: 0 3px 0 0;
}

#simple-header input.search-button,
#simple-header input.search-button-keyword {
  background: #9E7B6A;
  border: none;
  width: 38px;
  padding: 0;
  margin: 0 3px 0 0;
  color: #eeeeee;
  font-family: sans-serif;
  line-height: 1;
  
}

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

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

#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: #fff;
  text-decoration: none;
}

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

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

h1{
  padding: 60px 25px 70px 25px;
  line-height: 1;
  width: 640px;
  _width: 690px;
  *width: 690px;
  font-size: 180%;
  text-align: left;
  color: #ffffff;
  font-family: Georgia, sans-serif;
  clear: both;
  margin: 0 auto;
  font-weight: bold;
  background: url("20070202012559.gif") no-repeat center bottom;
}

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

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

.hatena-body{
  width: 690px;
  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;
  padding: 0;
  float: left;
  clear: left;
  width: 490px;
}

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

h2,
h2 a{
  text-decoration: none;
  border: none;
  color: #9E7B6A;
}

h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 1.5em 0;
  padding: 0 0 0.5em 0 ;
  text-align: left;
  line-height: 1;
  border-bottom: dashed 1px #eee;
}

span.date{
  margin: 0;
  text-align: left;
  font-size: 120%;
  font-family: Georgia, serif;
}

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

a.edit{
  font-weight: normal;
  color: #ddd;
  margin: 0 0 0 10px;
}

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

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


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

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

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

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


a.sectioncategory{
  color: #4F3B30;
  text-decoration: none;
}

span.sanchor{
  color: #fff;
  font-family: sans-serif;
  margin: 0;
  background: url("20070118030417.gif") no-repeat left top;
  padding: 15px 0 4px 21px;
  font-size: 1px;
}

.body h3.title {
    margin-bottom: 0;
    background:url("20070118030417.gif") top left no-repeat;
    padding:4px 0 0 24px;
}

.body h3.title a {
    text-decoration: none;
    color: #4f3b30;
}

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

p.sectionfooter a{
  text-decoration: none;
  color: #a0a0a0;
  border-bottom: solid 1px #eeeeee;
}

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

.ad{
  margin: 2em 0 3em 0;
  text-align: left;
}

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


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

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


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

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

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

.breadcrumbs a{
  color: #a0a0a0;
}

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

a{
  text-decoration: underline;
  color: #4F3B30;
}


a.keyword,
a.okeyword{
  text-decoration: none;
  border: none;
}

a:hover,
a:hover font,
a:hover span{
  color: #EFD7AF;
  border-color: #EFD7AF;
}


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

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

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 1px #F1E9E6;
  color: #4F3B30;
}

.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;
  font-family: 'MS Gothic', monospace;
  background-color: #F1E9E6;
  color: #4F3B30;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

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


strong{
  font-weight: bold;
}

em
{
  font-weight: normal;
  font-style: normal;
  background-color: #CAB0A4;
  color: #4F3B30;
}


ins{
  text-decoration: none;
  border-bottom: dashed 1px #f0f0f0;
}

ins a{
  color: #999999;
}

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

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

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

.section ul li,
.section ol li,
.section ol ul,
.section ol ol,
.section ul ul{
  margin: 0 0 0 1em;
}

.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 #F1E9E6;
}

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

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



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

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


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

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

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

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

img.hatena-question-image{}

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

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

  border: solid 1px #F1E9E6;
  _width: 100%;
}

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

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

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

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

.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-foot {
  clear: left;
}

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

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

span.footnote a{
  border: 0;
}

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

p.footnote{
  margin: 0;
}

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

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

.caption{
  padding: 0;
  margin: 0;
}

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

.refererlist ul{
  margin: 0 7px;
  padding: 0;
  list-style-type: none;
  text-align: left;
  font-size: 80%;
  letter-spacing: 0;
}

.commentshort{
  margin: 10px 0;
  padding: 0;

}

form .commentshort{}


span.canchor a{
  color: #DDCAC1;
  text-decoration: none;
}

.commentshort a{
  text-decoration: none;
}

span.commentator{
  font-weight: bold;
  margin: 0 ;
  padding: 0;
}

span.commentator,
span.commentator a{
  color: #4F3B30;
}


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

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

form{
  margin: 0;
  padding: 0;
}

form.hatena-searchform{
  margin: 0;
}

.comment textarea{
  width: 400px;
}

#hatena-edit h2{
  margin: 0 0 5px 0;
}

#hatena-edit textarea#textarea-edit{
  width: 90%;
  height: 30em;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

#hatena-edit p.footnote,
#hatena-edit .refererlist ul{
  font-size: 100%;
}

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

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

.sidebar {
  float: right;
  clear: right;
  width: 194px;
  color: #4F3B30;
  margin: 0;
  text-align: left;
  font-size: 85%;
  padding: 1.3em 0;
}

.hatena-body*.sidebar{
  font-size: 80%;
}

.hatena-module{
  margin: 0 10px 30px 0;
  padding: 0;
  text-align: left;
  _width: 100%;
}

.hatena-moduletitle,
.hatena-moduletitle a{
  border: none;
  text-decoration: none;
  color: #9E7B6A;
}

.hatena-moduletitle{
  font-size: 140%;
  line-height: 1;
  padding: 0 0 0.5em 0;
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-family: Georgia, serif;
  border-bottom: dashed 1px #eee;
}

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

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

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

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

.hatena-modulebody li {
  padding: 0 0 0 14px;
  background:  url("20070118122925.gif") no-repeat 3px 6px;
)
  margin: 0;
}

.hatena-modulebody li a{
  color: #4F3B30;
}

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

.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;
  background: transparent;
}

/*::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;
  background: transparent;
}

ul.hatena-photo li img{}

ul.hatena-photo li a{

}

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

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

/*::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: #4F3B30;
  border-collapse: collapse;
}

table.calendar td{
  padding: 5px 2px;
  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: #F1E9E6;
}

td.day-selected{
  background-color: #CAB0A4;
  color: #4F3B30;
}

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: 660px;
  _width: 690px;
  *width: 690px;
  padding: 0 15px;
  margin: 0 auto;
  font-size: 60%;
}

.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%;
  float: left;
  margin: 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-color: yellow;
}

.footer{
  text-align: center;
  clear: both;
  _width:100%;
}

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

.section object,
.section embed{
  width: 255px;
  height: 210px;
}

 .message {
  font-size:80%;
  position: fixed;
  margin: 0 !important;
  bottom: 30px;
  right: 30px;
  *bottom: auto;
  _bottom: auto;
  *top: -150px;
  _top: -150px;
  *right: 10px;
  _right: 10px;
  width: 350px;
  z-index:1000;
  _background:transparent !important;
  *background:transparent !important;
  _border: none !important;
  *border: none !important;
 }
 html {
  *overflow: hidden;
  _overflow: hidden;
 }
 body {
  *height: 100%;
  *overflow: auto;
  _height: 100%;
  _overflow: auto;
 }
 .message {
  *position: absolute;
  _position: absolute;
 }

/* Hatena-Star */

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

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

/* adsense */

.google_color_text { color:#4f3b30; }
.google_color_link { color:#4f3b30; }
.google_color_url { color:#4f3b30; }
.google_color_bg { color:#ffffff; }
.google_color_border { color:#ffffff; }

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

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