@charset "EUC-JP";

/*-- reset elements --*/
h1, h2, h3, h4, h5, h6 {
position: static;
margin: 0;
padding: 0;
}

div, hr, blockquote, address, noscript {
position: static;
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}
/*
ul, ol, dl, dt, dd {
position: static;
margin: 0;
padding: 0;
}*/

pre, table, form {
position: static;
margin: 0;
padding: 0;
}

span, img {
position: static;
margin: 0;
padding: 0;
border: 0 none #fafaff;
font-style: normal;
font-weight: normal;
}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
position: static;
margin: 0;
padding: 0;
}

/*-- basic elements --*/
pre {
display: block;
font-family: monospace;
}

em {
font-style: normal;
font-weight: normal;
}

strong {
font-weight: bold;
}

blockquote {
margin: 10px 20px;
padding: 5px 10px;
border: dashed 1px #222;
}

blockquote p {
margin: 0;
padding: 0;
}

ul {
padding-left: 2em;
}

ol {
padding-left: 2em;
}

dl dd {
padding-left: 2em;
}

del {
text-decoration: line-through;
}


/*-- image --*/
img.pict {
border-style: none;
}

/*-- link --*/
a {text-decoration: none;}
a:link {color: #903;}
a:visited {color: #903;}
a:hover {color: #999; text-decoration: underline;}
a:active {color: #999;}
h1 a:link {color: #fff;}
h1 a:visited {color: #fff;}
h1 a:hover {color: #fff; text-decoration: none;}
h1 a:active {color: #fff;}
h2 a:hover {text-decoration: none;}

/*-- main --*/
body {
margin: 0;
padding: 0;
text-align: center;
color: #333;
font-family: Verdana, Helvetica, sans-serif;
background: #fff;
}

div#container {
margin:  20px auto; 
width: 700px; 
text-align: left;
border-top: #678 1px solid;
border-left: #678 1px solid;
border-right: #678 1px solid;
background: #fff; 
}

div#header {
margin: 0;
padding: 0;
width: 100%;
background: #678;
}

div#contents {
width: 480px;
float:left;
}

div#sidebar {
margin-left: 480px;
}

div#footer {
clear: both;
margin: 0;
padding: 0;
width: 100%;
background: #678;
}

/*-- header --*/
h1 {
margin: 0;
padding: 10px 0 10px 20px;
font-size: 130%;
}

div#header p {
margin: 0;
padding: 5px 0 5px 20px;
color: #fff;
font-size: 90%;
}

/*-- content --*/
h2 {
margin: 0;
padding: 10px 10px 2px 10px;
font-weight: bold;
font-size: 100%;
text-align: left;
border-bottom: 1px dotted #999;
}

h3,h4 {
margin: 0;
padding: 10px 10px 2px 10px;
text-align: left;
border-bottom: 1px dotted #c3c3af;
font: bold 100% Georgia, Verdana, Helvetica, sans-serif;
}

div.entry_navi {
margin: 10px;
padding: 0 5px 10px 0;
font-size: 82.5%;
text-align: center;
}

div.entry {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.entry div.entry_date {
margin: 0;
padding: 2px 10px 0 10px;
text-align: left;
font: bold 100% Georgia, Verdana, Helvetica, sans-serif;
}

div.entry div.entry_body {
margin: 0;
padding: 20px 10px 5px 10px;
font-size: 82.5%;
line-height: 150%;
}

div.entry div.entry_more {
margin: 0;
padding: 5px 20px 15px 20px;
font-size: 82.5%;
line-height: 150%;
}

div.entry div.entry_state {
margin: 0;
padding: 2px 10px 10px 10px;
font-size: 82.5%;
text-align: right;
}

/*-- comment --*/
div.comment {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.comment form {
margin: 10px 0 ;
padding: 0;
}

div.comment form dl {
font-size: 0.825em;
}

div.comment form dl dt {
display: block;
width: 8em;
margin: 0 0 5px 10px;
padding: 0;
}

div.comment form dl dt label#labelsubmit {
display: none;
}

div.comment form dl dd {
margin: 0 0 10px 10px;
padding: 0;
}

div.comment dl.body {
margin: 0;
padding: 5px 10px 10px 10px;
font-size: 82.5%;
line-height: 150%;
border-bottom: 1px dotted #999;
}

div.comment dl.body dt {
margin: 0;
padding: 10px 0 10px 0;
text-align: left;
}

div.comment dl.body dd {
margin: 0;
padding: 0;
text-align: right;
}

/*-- trackback --*/
div.trackback {
margin: 15px 5px 20px 5px;
padding: 0;
}

div.trackback p.link {
margin: 0 0 20px 0;
padding: 10px;
text-align: left;
font-size: 82.5%;
}

div.trackback dl.body {
margin: 0 0 10px 0;
padding: 5px 5px 10px 5px;
font-size: 82.5%;
line-height: 150%;
border-bottom: 1px dotted #999;
}

div.trackback dl.body dt {
margin: 0;
padding: 0;
text-align: left;
}

div.trackback dl.body dd {
margin: 0;
padding: 0;
text-align: right;
}

/*-- profile --*/
div.profile {
margin: 15px 5px 20px 5px;
padding: 0;
border: 1px solid #c6ccca;
}

div.profile div.profile_body {
margin: 0;
padding: 20px 10px 5px 10px;
font-size: 82.5%;
line-height: 150%;
}

/*-- sidebar --*/
div#sidebar dl {
margin: 15px 0 30px 0;
padding: 0;
}

div#sidebar dt {
margin: 0 10px;
padding: 2px 0 2px 15px;
font: bold 12px "Trebuchet MS", Monaco, sans-serif; 
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
background: #678;
text-align: left;
}

div#sidebar dd {
margin: 0;
padding: 0;
}

div#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}

div#sidebar ul li {
display: block;
margin: 0;
padding: 2px 20px;
font-size: 82.5%;
line-height: 150%;
}

div#sidebar dl.extra dt {
display: none;
}

div#sidebar dl.extra ul {
margin: 0;
padding: 0;
list-style: none;
}

div#sidebar dl.extra li {
margin: 0;
padding: 2px 0 2px 20px;
line-height: 130%;
}

div#sidebar dl.search dt{
margin: 0 10px;
padding: 2px 0 2px 10px;
font-size: 82.5%;
background: #fff;
text-align: left;
color: #333;
}

div#sidebar dl.search dd{
margin: 0;
padding: 2px 0 2px 20px;
}

/*-- page  --*/
div.page {
font-size: 82.5%;
margin: 0;
padding: 5px 0px;
text-align:center;	
}

/*-- footer  --*/
div#footer address {
padding: 5px 0;
color: #fff;
text-align: center;
font-size: 12px;
font-weight: bold;
}

/*-- custom --*/
div.entry_hatena_footer {
margin: 0;
padding: 0px 10px 5px 0px;
font-size: 82.5%;
text-align: right;
}

div.amazon {
margin-top: 5px;
text-align: center;
}

div.amazon_text {
font-size: 82.5%;
}

div.google_ads {
margin-left: 45px;
}

/*-- hatena::bookmark --*/
dl.google dd, dl.hatena-bookmark dd{
  margin-left: 10px !important;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-title {
  background: #678 !important;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-title a {
  background: #678 !important;
}
.hatena-bookmark-widget ul {
  border: 1px solid #fff !important;
  background: #fff !important;
}
.hatena-bookmark-widget ul li {
  font-size: 100% !important;
  border-bottom: 1px dotted #ddd !important;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-footer {
  background: #fff !important;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-footer a {
  background: #fff !important;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-footer a span {
  background: #fff !important;
}