@charset "UTF-8";
@import url("page.css");

/* INDEX
==============================================
 01 Blog box style
 02 Headline style
 03 blog_main style
    --> entry contents style
 04 sidebar style

============================================== */

body {
width:750px;
}


/* 01 Blog box style
------------------------------------------------------------------*/
#blog { padding:0 20px; margin-bottom:30px; }

#blog_main {
float:left;
width:490px;
}

#comment_area {
width:460px;
margin:1em auto 0;
}

#blog_sidebar {
background:url(../img/img_blog.png) center bottom no-repeat;
float:right;
width:200px;
padding-bottom:150px;
}


/* 02 Headline style
------------------------------------------------------------------*/
#blog h2 {
background:url(../img/h2_bolg.png) 0 0 no-repeat;
border-bottom:1px #999 solid;
font-size:18px;
padding:0 0 3px 30px;
margin-top:1em;
line-height:1.2;
}

#blog h2.pagetitle {
background:none;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding-left:0;
text-align:center;
}

#blog h3.archive {
background:url(../img/h2_bolg.png) 0 2px no-repeat;
border-bottom:1px #999 solid;
padding:2px 0 3px 30px;
margin-top:1em;
}

div#comment_area h3 {
background:url(../img/pt_arrow.png) 0 5px no-repeat;
border-bottom:2px #ccc solid;
margin-bottom:0.5em;
padding-left:15px;
}


/* 03 blog_main style
------------------------------------------------------------------*/
div.navigation {
background:#ffffcc;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
font-size:0.9em;
margin:0 auto;
width:98%;
}
div.navigation .prev {
padding:3px 5px;
}
div.navigation .next {
padding:3px 5px;
}

div.archive_navigation {
font-weight:bold;
text-align:center;
margin:10px 0;
}

p.post_date {
text-align:right;
font-size:0.8em;
margin:0;
}

div.cat_tag {
border-top:1px #666 dotted;
padding:5px 20px 2em;
font-size:0.8em;
}
div.cat_tag p {
background:url(../img/pt_arrow_m.png) 0 3px no-repeat;
padding-left:10px;
margin:0;
}
p.cat {
float:left;
width:155px;
}
p.tag {
float:right;
width:250px;
}

#respond textarea {
width:95%;
margin-bottom:0.5em;
}

.commentlist li {
background:#ffffee;
border:1px #ddd solid;
padding:3px;
margin-bottom:1em; }

div.comment_meta {
text-align:right;
font-size:0.8em;
}

.children li {
background:#fff;
margin:10px 5px;
}

div.trackback {
margin-bottom:1em;
}
div.trackback input {
width:95%;
}

.commentlist li #respond {
background:#fff;
border:1px #ccc solid;
margin:5px;
padding:10px 10px 0;
}

#commentform {
margin-bottom:1em;
}


/* ----- entry contents style us ----- */
div.entry {
margin:0 auto;
color:#222;
width:450px;
}

div.entry a {
color:#990033;
text-decoration:underline;
}

div.entry img {
border:none;
}

div.entry p.more-link a {
color:#222;
font-weight:bold;
margin:0;
}

div.entry h3 {
border-bottom:3px #ccc solid;
margin:1.5em 0 -0.5em;
padding:0;
}

div.entry em {
font-weight:bold;
}

div.entry strong {
font-size:1.2em;
font-weight:bold;
}

div.entry pre {
width:450px;
}

div.entry code {
font-family: Courier, Helvetica, mono;
}

div.entry blockquote {
background:#eee url(../img/pt_blockquote_t.png) 0 5px no-repeat;
margin:0 0 1em;
padding:5px 0 5px 25px;
}

div.entry blockquote p {
margin:0;
}

div.entry blockquote p.last {
background:url(../img/pt_blockquote_b.png) 100% 100% no-repeat;
margin:0;
padding-right:25px;
}

div.entry blockquote cite {
display:block;
font-size:0.9em;
text-align:right;
margin-top:0.2em;
padding-right:25px;
}

div.entry ul, div.entry ol { margin-top:1em; padding-left:30px; }
div.entry li { margin-bottom:0.2em; }
div.entry ul li { list-style:disc; }
div.entry ol li { list-style:decimal; }

div.entry dl { background:#ddddff; margin:0.2em 0; padding:0.2em 0.5em;  }
div.entry dt { font-weight:bold; }
div.entry dd { padding-left:2em; }

div.entry dd ul { margin-top:0; padding-left:0; }

div.entry div.wp-caption {
background:#eee;
border:1px #ccc dotted;
border-bottom:none;
padding-top:5px;
margin-bottom:1em;
text-align:center;
}

div.entry p.wp-caption-text {
border-top:1px #bbb solid;
border-bottom:1px #bbb solid;
color:#000;
margin:0.5em 0 0;
padding:0;
text-align:center;
}

div.entry p.terminal {
background:#eee;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
font-family: Courier, Helvetica, mono;
font-style:normal;
padding:5px 20px;
}

div.entry p.wp-before-after {
padding-left:1em;
margin:0;
}

div.entry div.em {
background:#ffffcc;
border:1px #ccc solid;
padding:5px;
}

div.entry .caution {
background:#ffdddd;
border:1px #ccc solid;
padding:5px;
}

div.entry .alignright {
float:right;
}

div.entry .alignleft {
float:left;
margin-right:8px;
}

/* -----syntaxheilighter style add ----- */
div.entry div.code {
margin:1em 0;
}
div.entry div.code p {
margin-bottom:0.5em;
font-weight:bold;
}
div.entry div.longcode {
margin:1em 0;
height:300px;
overflow:auto;
}
/* ------------------------------------ */



/* 04 sidebar style
------------------------------------------------------------------*/
#blog_sidebar input.search {
width:12em;
}


#blog_sidebar dl {
margin-bottom:1em;
}

#blog_sidebar dl dt {
background:url(../img/cat_line.png) 0 bottom no-repeat;
margin:1em 0 0.5em;
padding-bottom:5px;
font-size:1.2em;
font-weight:bold;
}

#blog_sidebar dl dd li {
background:url(../img/pt_arrow_m.png) 0 5px no-repeat;
padding-left:10px;
}

#blog_sidebar dl.tag_cloud dd {
font-family:"Times New Roman", Times, serif;
text-align:center;
line-height:1;
}

#blog_sidebar dl.pr dd {
margin-bottom:0.5em;
}