@charset "UTF-8";

/* ---------------------------------------------
FOR BLOG
TOP
---------------------------------------------*/

/* main bg
---------------------------------------------*/
#main-wrapper-top{
height:1%;
padding:0px 5px 0px 5px;
background:#fff;
}

#main{
height:1%;
margin:0;
padding:0;
padding-top:208px;
background:#fff9e5 url(../images/main_bg_moriblo-top.jpg) no-repeat 0 0;
}



/* h1
---------------------------------------------*/

h1#main-tit-top{
margin-left:34px;
margin-bottom:10px;
}

/* pankuzu
---------------------------------------------*/

div#pankuzu{
margin:0px 35px 10px 35px;
padding:5px 20px;
font-size:80%;
line-height:1;
background:#fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

div#pankuzu a,
div#pankuzu a:link,
div#pankuzu a:visited,
div#pankuzu a:active{
text-decoration:underline;
}

div#pankuzu a:hover{
text-decoration:underline;
}

h2.pankuzu-selected{
font-size:100%;
line-height:1;
display:inline;
font-weight:bold;
}


/*
layout
---------------------------------------------*/

div#pain-wrapper{
margin:0;
padding:0px 15px 0px 35px;

}

div#left-center{
float:left;
width:600px;
}


div#left{
float:left;
width:170px;
overflow:hidden;
}


div#center-wrapper{
float:right;
width:430px;
}

div#center{
padding:0px 20px;
overflow:hidden;
}


div#right{
float:left;
width:190px;
overflow:hidden;
}


/*
left and right detail
---------------------------------------------*/

.side-box{
text-align:left;
width:170px;
background:url(../../moriblo/images/side_box_bg_top.gif) no-repeat  top left;
padding-top:3px;
margin-bottom:20px;
overflow:hidden;
}

h3.side-box-tit{
font-size:80%;
font-weight:bold;
line-height:1.2;
padding:4px 10px 6px 10px;
background:#fe745e url(../../moriblo/images/side_box_bg_middle.gif) no-repeat bottom left;
}

.side-box-list{
font-size:80%;
padding:10px;
background:#ff8d7a url(../../moriblo/images/side_box_bg_bottom.gif) no-repeat bottom left;
}

.side-box-list li{
margin-bottom:10px;
line-height:1.2;
}

.side-box-list a,
.side-box-list a:link,
.side-box-list a:active,
.side-box-list a:visited{
color:#fff;
}

.side-box-list a:hover{
color:#eee;
}



ul#side-banner{
margin:0;
padding:0;
}

ul#side-banner li{
margin-bottom:10px;
}

p.side-text{
color:#fff;
line-height:1.2;
padding-top:5px;
padding-bottom:5px;
font-size:90%;
}

div.ho-line{
margin:0;
padding:0;
padding-bottom:10px;
height:1%;
line-height:0;
border-top:1px dotted #fff;
}


table#calendar{
margin:0;
padding:0;
width:150px;
color:#fff;
font-size:90%;
}

table#calendar tr th,
table#calendar tr td{
text-align:center;
vertical-aligh:middle;
white-space:nowrap;
}

table#calendar tr th{
font-weight:bold;
width:14.2%;
}

table#calendar a,
table#calendar a:link,
table#calendar a:active,
table#calendar a:visited{
background:#fff;
color:#ff654b;
text-decoration:none;
}

table#calendar a:hover{
background:#ff654b;
color:#fff;
text-decoration:none;
}



/*
center
---------------------------------------------*/
.cat-description{
padding:10px;
border:1px solid #ff8d7a;
background:#ffe4df;
font-size:90%;
line-height:1.2;
margin-bottom:20px;
}

h2.cat-tit{
font-size:100%;
font-weight:bold;
color:#ff8d7a;
padding-bottom:5px;
}





/* ---------------------------------------------
each
---------------------------------------------*/

.each-box{
background:url(../../moriblo/images/main_box_bg_top.gif) repeat top left;
}

.each-header{
padding:10px 10px 10px 20px;
background:url(../../moriblo/images/main_box_bg_middle.gif) no-repeat bottom left;
}

h2.each-tit{
float:left;
width:290px;
font-size:100%;
font-weight:bold;
line-height:1.1;
color:#fff;
}

h2.each-tit a,
h2.each-tit a:link,
h2.each-tit a:active,
h2.each-tit a:visited{
font-size:100%;
color:#fff;
font-weight:bold;
line-height:1.1;
text-decoration:none;
}
h2.each-tit a:hover{
text-decoration:underline;
}


h3.each-date{
float:right;
width:70px;
font-size:80%;
color:#fff;
text-align:right;
}


div.each-body{
font-size:90%;
padding:15px 20px 10px;
background:#fff;
}

div.each-body p{
padding-bottom:15px;
}

div.each-body p.posted{
border-top:1px solid #eee;
padding-top:15px;
color:#666;
font-size:90%;
text-align:right;
}


p.entry-footer{
margin:0;
padding:0;
padding-top:15px;
border-top:1px dotted #ccc;
font-size:90%;
line-height:1;
}

span.post-footers-l{
float:left;
width:120px;
}

span.post-footers-r{
float:right;
width:230px;
text-align:right;
}

div#footer-prof{
padding:20px 0px 0px;
border-top:1px dotted #ccc;
font-size:90%;
}

p#footer-prof-left{
float:left;
width:110px;
}

p#footer-prof-right{
float:right;
width:240px;
}

div#footer-prof img{
padding:3px;
background:#fff;
border:1px solid #ddd;
}

span.midashi{
color:#0066cc;
}

span.ask{
color:#336699;
}



/* ---------------------------------------------
FOR BLOG
DETAIL
---------------------------------------------*/

/*
content navi
---------------------------------------------*/

p.content-nav{
font-size:90%;
padding:5px 10px;
}





/*
comment
---------------------------------------------*/
h2#trackbacks,
h2#comments{
font-size:90%;
font-weight:bold;
}

h3.comments-header,
h2.comments-open-header{
background:#ccc;
color:#fff;
font-weight:bold;
font-size:100%;
padding:5px 10px;
}

div.comment{
padding:10px 10px;
border-bottom:1px solid #ccc;
}

p.comments-open-moderated{
font-size:75%;
}

#comments-open-data label,
#comments-open-text textarea{
display:block;
width:23em;
}

p#comments-open-text{
padding-bottom:10px;
}

#comments-open-footer{
padding-bottom:20px;
}