/* Base Weblog (base-weblog.css) */

/* BASIC ELEMENT */


body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family:'Verdana','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', sans-serif;
font-size: x-small;
color:#888888;
background-image:url("img/bg2.gif");
background-repeat: repeat-y;
background-color: #FFFFFF;  
}

p {
line-height: 180%;
letter-spacing: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0;
padding: 0;
}

a {
color: #CCCC33;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
background-color:#CCCC33;
}

hr {
display: none;
}

/* LAYOUT */


#container
{
position: relative;
width: 820px;
height: auto;
text-align: left;
}

#container:after
{tainer:block;
height:0;
clear:both;
visibility:hidden;
}

#leftbox {
width: 190px;
float: left;
}

#rightbox {
width: 600px;
float: right;
}

#header {
width: 600px;
height: 80px;
margin-bottom: 40px;
background: url(img/logo2.gif) no-repeat bottom left;
position: relative;
}

#contents {
width: 600px;
}

#contents:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#main {
float:left;
width: 420px;
margin-bottom: 40px;
}

#sub {
float:right;
width: 179px;
border-left: #C3C3C3 solid 1px;
margin-bottom: 40px;
}

#copyright {
clear: both;
display: none;
}


/* HEADER */

#header h1 {
position: absolute;
top: 0;
left: 80px;
}

#header h1 a {
width: 140px;
height: 80px;
display: block;
text-indent: -9999px;
text-decoration: none;
background: url(img/blog_name.gif) no-repeat 14px 20px;
border-left: #C3C3C3 solid 1px;
}
#header h1 a:hover {
border-left: #888888 solid 1px;
background-color: #FFFFFF;
}

#header #btn_mt {
position: absolute;
top: 0;
left: 420px;
}

#header #btn_mt a {
width: 119px;
height: 42px;
display: block;
text-indent: -9999px;
text-decoration: none;
background: url(img/btn_mt.gif) no-repeat 6px 20px;
border-left: #C3C3C3 solid 1px;
}
#header #btn_mt a:hover {
border-left: #888888 solid 1px;
background-color: #FFFFFF;
}

#header #btn_rss {
position: absolute;
top: 0;
left: 540px;
}

#header #btn_rss a {
width: 59px;
height: 42px;
display: block;
text-indent: -9999px;
text-decoration: none;
background: url(img/btn_rss.gif) no-repeat 6px 20px;
border-left: #C3C3C3 solid 1px;
}
#header #btn_rss a:hover {
border-left: #888888 solid 1px;
background-color: #FFFFFF;
}

#header .search {
position: absolute;
top: 60px;
left: 420px;
width: 180px;
height: 20px;

}

#header .form_search {
width: 109px;
height: 16px;
position: absolute;
top: 0;
left: 0;
border: solid 1px #CCCCCC;
padding-left: 5px;
color: #888888;
}

#header .btn_search {
width: 60px;
height: 20px;
position: absolute;
top: 0px;
left: 120px;
}

/* ENTRY */

.entry {
margin: 3px 0 40px 0;
}

.entry .title {
width: 414px;
padding: 8px 0 8px 6px;
margin-bottom: 8px;
border-top: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
color: #333333;
font-size: small;
}

.entry .title a {
color: #333333;
text-decoration: none;
}

.entry .title a:hover {
color: #333333;
text-decoration: underline;
background-color: #FFFFFF;
}

.entry .date {
margin-bottom: 20px;
padding-left: 6px;
font-size: x-small;
}

.entry .bodytext {
width: 400px;
padding-left: 6px;
margin: 20px 0 25px 0;
}

.entry a img {
padding: 5px;
border: 1px solid #C3C3C3;
}

.entry a:hover img  {
padding: 2px;
border: 4px solid #CCCC33;
background-color: #FFFFFF;
}

.entry .footer {
width: 400px;
padding-left: 6px;
}



/* MODULE */

.module {
margin-bottom: 15px;
}

.module h2 {
height: 20px;
width: 179px;
text-indent: -9999px;
text-decoration: none;
}

.module #title_entry {
background: url(img/title_entry.gif) no-repeat 12px 6px;
}

.module #title_category {
background: url(img/title_category.gif) no-repeat 12px 6px;
}

.module #title_comment {
background: url(img/title_comment.gif) no-repeat 12px 6px;
}

.module #title_archive {
background: url(img/title_archive.gif) no-repeat 12px 6px;
}

.module #title_links {
background: url(img/title_links.gif) no-repeat 12px 6px;
}

.module .list {
margin-top: 5px!important;/*for Firefox*/
margin-top: -5px;
margin-left: -20px!important;/*for Firefox*/
margin-left: 20px;
}

.module li {
list-style-type: none;
line-height: 180%;
}

.module li a {
color: #888888;
}

.module li a:hover {
color: #FFFFFF;
}

.module .abm {
margin-top: 5px;
margin-left: 20px;
margin-bottom:-15px;
}

/* TRACKBACKS */

#trackbacks {
margin-bottom: 40px;
}

#trackbacks .title {
width: 414px;
padding: 8px 0 8px 6px;
margin-bottom: 13px;
border-bottom: #CCCCCC dashed 1px;
color: #333333;
font-size: small;
}

#trackbacks p {
margin: 0 0 5px 0;
}

#trackbacks .trackback_url {
width: 400px;
padding-left: 6px;
margin-bottom: 15px;
}

#trackbacks .content {
width: 400px;
padding-left: 6px;
margin-bottom: 15px;
}



/* COMMENTS */

#comments {
margin-bottom: 40px;
}

#comments .title {
width: 414px;
padding: 8px 0 8px 6px;
margin-bottom: 13px;
border-bottom: #CCCCCC dashed 1px;
color: #333333;
font-size: small;
}

#comments p {
margin: 0 0 5px 0;
}

#comments .content {
width: 400px;
padding-left: 6px;
margin-bottom: 15px;
}


/* POST A COMMENTS */

#post_a_comment { 
margin-bottom: 40px;
}

#post_a_comment .title {
width: 414px;
padding: 8px 0 8px 6px;
margin-bottom: 13px;
border-bottom: #CCCCCC dashed 1px;
color: #333333;
font-size: small;
}

#post_a_comment .content {
width: 400px;
padding-left: 6px;
}

#post_a_comment p {
margin: 10px 0 10px 0!important;/*for Firefox*/
margin: 6px 0 6px 0;
}

#post_a_comment label {
color: #333333;
}

#comment-author, #comment-email, #comment-url {
width: 216px;
height: 16px;
border: solid #CCCCCC 1px;
padding-left: 5px;
color: #888888;
display:block;
}

#comment-text {
width: 300px;
border: solid #CCCCCC 1px;
padding: 5px;
color: #888888;
font-size: small;
display:block;
}

#comment-bake-cookie {
margin-left: 0;
vertical-align: middle;
}

.btn_submit{
font-size: 10px;
font-family: 'Verdana';
color: #FFFFFF;
background-color: #888888;
padding: 3px 8px;
margin: 5px 3px 0 0;
border: #888888 solid 1px;
}

/* NAVI */
.content-nav {
padding: 2px 0 2px 10px;
margin: 3px 0 10px 0;
color: #FFFFFF;
background-color: #888888;
}

.content-nav a {
color: #FFFFFF;
}

.content-nav a:hover {
text-decoration: underline;
background-color: transparent;
}