/*------------------------------------------
擬似クラス
------------------------------------------*/
a:link {
text-decoration: none;
color: #330000;
}
a:hover {
text-decoration: underline;
color: #330000;
}
a:visited {
text-decoration: none;
color: #330000;
}
a:active {
text-decoration: underline;
color: #330000;
}
a img {
background: none;
border: none;
}
a img:hover {
background: none;
border: none;
}

/* HTML */
body {
margin: 0;	
padding: 0;
font-family:  "Lucida Grande","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Verdana, Arial, Helvetica, "MS Gothic",  sans-serif;
font-size: 12px;
line-height: 175%;
text-align: center;
background: #ffffff;
}

/* ラッパー */
#wrapper {
top: 0;
text-align: left;
width: 793px;
margin: 0 auto;
padding: 0;
}

/* ヘッダー */
#header {
width: 793px;
height: 120px;
margin: 0;	
padding: 0;
clear: both;
background: url(http://www.harakoji.com/blog/img/header.gif) left top no-repeat;
}
#header h1 {
float: left;
margin: 0;	
padding: 0;
width: 349px;
height: 50px;
text-indent: -9999px;
/*background: url(http://www.harakoji.com/blog/img/h1.gif) left top no-repeat;*/
}
#header h1 a{
display: block;
margin: 32px 0 0 0;	
width: 349px;
height: 50px;
}
#header .home {
margin: 0 0 0 734px ;	
padding: 45px 0 0 0;
width: 56px;
height: 11px;
text-indent: -9999px;
/*background: url(http://www.harakoji.com/blog/img/home.gif) left top no-repeat;*/
}
#header .home a {
display: block;
margin: 0px 0 0 0;	
width: 56px;
height: 11px;
}
#header .home p {
margin: 0;	
padding: 0;
}

/* 段組 */
#column{
width: 793px;
clear: both;
}

/* メイン */
#main{
margin: 0;	
padding: 0;
width: 600px;
float: left;
}

/* エントリー */
#entry {
border-top: 1px solid #330000;
width: 600px;
clear: both;
margin: 0px 0 0px 0;
padding: 0 0 0px 0;
}
#entry-title h2 {
font-size: 1.2em;
background: url(http://www.harakoji.com/blog/img/marker_entry_h2.gif) left center no-repeat;
margin: 30px 0 27px 0;	
padding: 0 0 0 50px;
color: #330000;
}
#entry-date {
float: left;
width: 192px;
font-size: 0.9em;
color: #999999;
}
#entry-date p {
margin: 0;	
padding: 0 0 0 50px;
}
#entry-main {
margin: 0 0 0 192px;	
padding: 0 24px 0 0;
}
#entry-body p, li, dd {
font-size: 1.1em;
color: #330000;
}
.subtitle {
border: 1px solid #330000;
padding: 9px 12px 9px 15px;
margin: 0 0 25px 0;
}
.subtitle h3 {
color: #330000;
font-size: 1.1em;
margin: 0;
padding: 0 0 0 15px;
background: url(http://www.harakoji.com/blog/img/marker_circle.gif) left center no-repeat;
}
.link {
background: url(http://www.harakoji.com/blog/img/marker_link.gif) 1px .5em no-repeat;
padding: 0 0 0 35px;
}
#entry-footer {
margin: 55px 0 0 0;
padding: 0 0 75px 0;
}
#entry-footer a {
color: #999999;
}
#entry-footer p {
margin: 0;
padding: 0;
font-size: 0.8em;
color: #999999;
}
#entry-comment-tb {
float: left;
}
#entry-pagetop {
float: right;
}

/* サイドバー */
#sidebar{
margin: 0 0 0 635px;	
padding: 0;
}
#sidebar-menu {
margin: 0;	
padding: 6px 0 0 0;
border-top: 1px solid #330000;
}
#sidebar-menu  h2 {
margin: 0;	
padding: 0 0 2px 18px;
font-size: 13px;
background: url(http://www.harakoji.com/blog/img/marker_circle.gif) left center no-repeat;
}
#sidebar ul {
margin: 0 0 27px 0;	
padding: 0;
font-size: 0.9em;
}
#sidebar li {
margin: 0;	
padding: 0 0 0 18px;
list-style: none;
color: #999999;
background: url(http://www.harakoji.com/blog/img/marker_sidebar_li.gif) 1px .5em no-repeat;
}
#sidebar li a {
}

#sidebar-image h2 {
/*display: none;*/
text-indent: -9999px;
height: 158px;
border: 1px solid #330000;
margin: 0;	
padding: 0;
}
#sidebar-image p {
margin: 0 0 27px 0;
padding: 0;
font-size: 0.9em;
}
#designed-by p {
margin: 0 0 30px 0;
padding: 0;
font-size: 0.8em;
font-style: normal;
color: #999999;
}

/* フッター */
#footer {
clear: both;
margin: -30px 0 0 0;
padding: 9px 0 25px 0;
border-top: 1px solid #330000;
}
#footer address {
margin: 0;
padding: 0;
font-size: 0.8em;
font-style: normal;
color: #999999;
}

.hide {
display: none;
}



#comments h4,
#trackbacks h4 {
font-size: 1em;
color: #999999;
border-top: 1px dashed #999999;
margin-left: 50px;
}

#comments-main,
#trackbacks-main {
margin: 0 0 0 192px;	
padding: 0 24px 0 0;
}
#entry-return {
margin: 20px 0 0 192px;
padding: 3px 0 0 0;
border-top: 1px dashed #999999;
}
#entry-return p{
margin: 0;
}


/* 
コメント・トラックバック
*/
#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
   font-weight: bold;
}
#comment-text, #trackback-info {
    width: 384px;
    border: 1px solid #cccccc;
}
#comment-author, #comment-email, #comment-url {
    width: 150px;
    border: 1px solid #cccccc;
}
#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}
#comments-open-footer {
    text-align: left;
}
.trackbacks,
.comments {
    margin: 0px 0px 0px 5px
    padding: 5px 0px;
    color: #36414d;
}
.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 3px 3px 0 3px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
}
#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0;
    padding: 0;
    word-break: break-all;
}
#trackback-info {
width: 384px;
}
.trackback-content,
.comment-content {
margin: 30px 0 0 -30px;
padding: 0 0 0 30px;
background: url(http://www.harakoji.com/blog/img/marker_circle.gif) 1px .5em no-repeat;
width: 384px;
clear: both;
}
.trackback-content p,
.comment-content p {
    margin-top: 0px;
    margin-bottom: 5px;
color: #330000;
}
#trackback-footer,
#comment-footer {
    padding-top: 3px;
    margin-right: 0px;
width: 384px;
}
#trackback-footer p,
#comment-footer p {
    margin: 0;
    padding: 1px 0 0 0;
    text-align: right;
color: #999999;
}
.comments-open label {
    display: block;
}
.comments-head {
    padding: 2px 0 2px 0px;
    margin: 15px 0;
}
#comment-preview,
#comment-post,
#comment-cancel {
font-size: 12px;
background: #ffffff;
color: #494949;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
margin: 1px 0px 0px 0px;
width: 60px;
padding: 2px 2px;
}