@charset "UTF-8";

/*---------- copyright (C) bombgirl ----------*/
/*---------- modified (C) denchi.com ----------*/



/*---------- ARCHIVE PULLDOWN ----------*/

select.archive{
color: #666;
background-color: #eee;
border: 1px solid #ccc;
font-size: 10px;
margin: 0 20px 20px 10px;
}



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

ul, ol, dl, dt, dd {
position: static;
margin: 0;
padding: 0;
}

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

span {
position: static;
margin: 0;
padding: 0;
}

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

input, textarea {
border:1px solid #999;
background:#eee;
color:#333;
font-size: 90%;
}


/*---------- BASIC ELEMENTS ----------*/

pre {
display: block;
font-family: monospace;
}

em {
}

strong {
font-weight: bold;
}

blockquote {
margin: 0;
padding: 15px;
border: 1px dashed #999;
font-size: 85%;
line-height: 140%;
background-color: #eee;
}

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

ul {
padding-left: 2em;
}

ol {
padding-left: 2em;
}

dl dd {
padding-left: 2em;
}

del {
text-decoration: line-through;
}

hr {
border-style: dotted none none none;
border-top-width: 1px;
border-top-color: #666;
height: 1px; 
}

/*---------- IMAGE ----------*/

div#sidebar1 img.main {
position: static;
margin: 0;
padding: 0;
border: 0px;
}

img {
position: static;
margin: 0;
padding: 0;
}

img.pict {
position: static;
margin: 5px 12px 7px 1px;
padding: 0;
border: 1px solid #ccc;
}


/*---------- LINK ----------*/

a:link {color: #f60; text-decoration: none; }
a:link {color: #f60; text-decoration: underline; }
a:visited {color: #963; text-decoration: underline;}
a:hover {color: #999; text-decoration: none;}
a:active {color: #999; text-decoration: none;}
h1 a:link {color: #333; text-decoration: none;}
h1 a:visited {color: #333; text-decoration: none;}
h1 a:hover {color: #999; text-decoration: none;}
h1 a:active {color: #999; text-decoration: none;}
h2 a:link {color: #c03; text-decoration: none;}
h2 a:visited {color: #c03; text-decoration: none;}
h2 a:hover {color: #999; text-decoration: none;}
h2 a:active {color: #999; text-decoration: none;}
li a:link {color: #f60; text-decoration: none; }
li a:visited {color: #963; text-decoration: none;}
li a:hover {color: #999; text-decoration: underline;}
li a:active {color: #999; text-decoration: none;}


/*---------- MAIN ----------*/

body {
margin: 0;
padding: 0;
color: #333;
font-size: 100%;
line-height: 150%;
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
background-color: #fff;
}

div#header {
position: absolute; 
top: 260px;
left: 0; 
width: 250px;
}

div#contents {
margin: 30px 30px 10px 240px;
padding-left: 10px;
}

div#sidebar1 {
position: absolute; 
top: 0; 
left: 0; 
width: 240px;
}

div#sidebar2 {
position: absolute; 
top: 350px;
left: 0; 
width: 240px;
}

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

/*---------- HEADER ----------*/
h1 {
margin: 0;
padding: 0 0 5px 10px;
text-align: left;
font-size: 110%;
}

div#header p {
margin: 0 0 0 25px;
padding: 0;
text-align: left;
font-size: 70%;
line-height: 110%;
color: #666;
}

/*---------- CONTENTS ----------*/
h2{
margin: 0;
padding: 10px 0 5px 0;
text-align: left;
font-size: 150%;
line-height: 100%;
}

h3, h4 {
margin: 0 0 5px 0;
padding: 5px 0 3px 2px;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #903;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

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

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

div.entry div.entry_date {
margin: 0;
padding: 0;
font-size: 80%;
line-height: 100%;
color: #876;
text-align: left;
}

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

div.entry div.entry_more {
margin: 0;
padding: 10px 5px 5px 0;
font-size: 90%;
line-height: 140%;
color: #666;
}

div.entry div.entry_state {
margin: 3px 0 0 0;
padding: 0;
font-size: 70%;
line-height: 100%;
color: #999;
}

div.navipage {
margin: 0;
padding: 10px 0;
text-align: center;
font-size: 70%;
}

div.topicpath {
margin: 0;
padding: 0;
font-size: 60%;
}

div.categoryarea {
margin: 0;
padding: 0 0 5px 0;
text-align: right;
border-bottom: 1px dashed #999;
}

.categoryareaTitle {
font-size: 130%;
padding: 0 10px 0 0;
}

.categoryareaDesc {
font-size: 80%;
}


/*---------- COMMENTS ----------*/

div.comment {
margin: 30px 0 10px 0;
padding: 0;
font-size: 80%;
color: #666;
line-height: 130%
}

div.comment form {
margin: 30px 0 0 0;
padding: 0;
font-size: 90%;
}

div.comment form dl {
line-height: 100%
}

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

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

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

div.comment dl.body {
margin: 0;
padding: 20px 5px 5px;
}

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

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

.comment_body {
margin: 5px 0 5px 0;
padding: 3px;
border-bottom: 1px dotted #ccc;
}

.comment_body dt {
color: #333;
text-align: left;
margin: 0 0 0 5px;
}

.comment_body dd {
margin: 3px 0 0 0;
padding: 0;
text-align: right;
font-size: 85%;
color: #666;
}

/*---------- SIDEBAR 2 ----------*/

div#sidebar2 dl.search {
margin: 0 20px 20px 10px;
padding: 0;
}

div#sidebar2 dl.search dt {
margin: 0 0 10px 8px;
padding: 2px 0 2px 4px;
text-align: left;
color: #333;
font-size: 14px;
line-height: 100%;
border-left: 4px solid #999;
}

div#sidebar2 dl.search dd {
margin: 0;
padding: 2px 0 2px 15px;
}

div#sidebar2 dl.archives dd {
margin: 0;
padding: 2px 0 2px 8px;
}

div#sidebar2 dl {
margin: 0 20px 30px 10px;
padding: 0;
}

div#sidebar2 dt {
margin: 0 0 10px 8px;
padding: 2px 0 2px 4px;
text-align: left;
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 100%;
border-left: 4px solid #999;
}

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

div#sidebar2 ul {

margin: 0;
padding: 0;
line-height: 100%;
}

div#sidebar2 ul li {
display: block;
margin: 0;
padding: 5px 0 0px 18px;
font-size: 80%;
line-height: 100%;
width: 180px;
}

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

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

div#sidebar2 dl.extra li {
margin: 0;
padding: 2px 0 12px 18px;
font-size: 60%;
line-height: 1.2em;
}

/*---------- PAGE ----------*/

div.page {
margin: 0;
padding: 0;
text-align: center;
font-size: 80%;
}

/*---------- FOOTER ----------*/

div#footer address {
padding: 10px 0 0 210px;
color: #666;
font-size: 10px;
text-align: center;
font-style: normal;
}

/*---------- INDENT ----------*/
.note {
padding-left:1em;
text-indent:-1em;
}