@charset "UTF-8";

/* layout
============================================= */
#main {
float:left;
width:590px;
}

#sub {
float:left;
margin-left:10px;
}

/* #main 
============================================= */
/* tmpl.index.main-index.html, tmpl.archive.entry.html
--------------------------------------------------------------------------- */
#main #entries {
margin-top: 0;
}

#main h2 {
font-size: 100%;
font-weight:bold;
color:#666;
padding:5px 10px 4px 16px;
margin-bottom:10px;
background:url(../../shared/img/main_ttl_bg.gif) no-repeat left bottom;
}

#main h2#eco-time {
padding:0;
margin-bottom: 1em;
background:none;
}

#main #entry {
margin-top: 1em;
}

#main #entryname {
margin-top: 1em;
}

#main h4 {
border: none;
background: url(../img/main_ttl_line.gif) repeat-x 0 100%;
}

#main .topimg {
float: left;
margin-right: 15px;
padding: 9px 18px 16px 12px;
background: url(../img/main_topimg_bg.gif) no-repeat 0 0;
}

#main h3#entryname {
clear: none;
margin-bottom: 0;
}

#main .excerpt {
float: left;
width: 332px;
background: url(../img/main_ttl_line.gif) repeat-x 0 0;
}

#main .excerpt p {
padding: 12px 0;
font-size: 108%;
background: url(../img/main_ttl_line.gif) repeat-x 0 100%;
}

#main #interview {
clear: left;
margin-bottom: 30px;
padding: 1px 0 0 45px;
}

#main #interview h3 {
line-height: 30px;
margin-left: -45px;
padding-left: 46px;
font-size: 108%;
font-weight: bold;
background: url(../img/main_ttl_bg.png) no-repeat 0 0;
}

#main #postscript,
#main #ecospot,
#main #profile {
margin-bottom: 20px;
}

#main #postscript {
padding: 0 20px 1px 24px;
background: #FFF1F2 url(../img/main_postscript_bg_bottom.gif) no-repeat 0 100%;
}

#main #postscript h3 {
margin: 0 -20px 10px -24px;
padding: 9px  0 0 50px;
font-size: 100%;
background: url(../img/main_postscript_bg_head.gif) no-repeat 0 0;
}

#main #ecospot {
padding-bottom: 10px;
background: url(../../shared/img/mainBox_bg-b.gif) no-repeat 0 100%;
}

#main #ecospot h3 {
margin: 0;
padding: 10px 23px 0 23px;
font-size: 100%;
background: url(../../shared/img/mainBox_bg-t.gif) no-repeat 0 0;
}

#main #ecospot .ecospotimg {
float: left;
margin: 11px 10px 0 23px;
padding: 8px;
background: url(../img/main_eco-spot_img_bg.gif) no-repeat 0 0;
}

#main #ecospot .ecospotbody {
margin: 0 15px;
padding: 20px 8px 0 8px;
border-top: 2px dotted #973f0e;
}

#main #profile {
margin-bottom: 1em;
padding-right: 30px;
background: url(../img/main_profile_bg_head.gif) no-repeat 0 0;
}

#main #profile h3 {
display: none;
}

#main #profile h4 {
margin: 0 0 12px 35px;
padding: 35px 0 0 0;
font-size: 108%;
font-weight: bold;
}

#main #profile .profilebody {
padding-left: 35px;
background: url(../img/main_profile_bg_left.gif) repeat-y 0 0;
}

#main #profile .profileimg {
float: right;
margin-left: 10px;
}

p#indexText {
margin:0 3px 16px;
}

#main div.mainBox {
padding-bottom: 11px;
margin: 0 15px 10px 15px;
background:url(../../shared/img/mainBox_bg-b.gif) no-repeat center bottom;
}

#main div.mainBox h3 {
font-size: 100%;
font-weight:bold;
color:#000;
text-align:center;
padding: 10px 10px 5px 10px;
margin-bottom:0;
background:url(../../shared/img/mainBox_bg-t.gif) no-repeat center top;
}

#main div.mainBox p {
margin:0;
padding:0;
text-align:center;
}


/* tmpl.index.back-no.html
--------------------------------------------------------------------------- */
.categoryEntry #entries #backnumTitle {
font-size: 108%;
font-weight:bold;
color:#666;
padding:5px 10px 3px 24px;
margin-bottom:10px;
background:url(../../shared/img/main_ttl_bg2.gif) no-repeat left bottom;
}

.categoryEntry #entries .entryExcerpt {
padding-top: 9px;
padding-left: 0;
}

.categoryEntry #entries .entryThm {
float:left;
margin-top: -9px;
padding: 9px;
background:url(../img/main_entryThm_bg.gif) no-repeat 0 0;
}

.categoryEntry  #entries h3 {
clear: none;
font-size: 100%;
font-weight:normal;
color:#000;
margin: 0 0 0 94px;
padding: 0 0 0 13px;
background:url(../../shared/img/listmark.gif) no-repeat 0 .3em;
}

.categoryEntry #entries .entryExcerpt div,
.categoryEntry #entries .entryExcerpt p {
margin-left: 94px;
}


/* comment, trackback
--------------------------------------------------------------------------- */

#main #entryFooter h3 {
min-height:31px;
_height:31px;
background-image:url(../../shared/img/main_ttl_bg3.gif);
}

#main #entryFooter #entry-vote h3,
#main #entryFooter #entry-vote #vote-select {
padding-top:4px;
}

#main #comments h3 img,
#main #trackbacks h3 img {
padding-top:6px;
}

#main #entryFooter #entry-vote #voteSelect {
top: 2px;
}

/* common
--------------------------------------------------------------------------- */

#main .entryBody p {
margin:0 11px 20px;
}


/* sub
============================================= */
/*recentComments*/
.subBox li ul {
margin:0;
}

.subBox li.authorName{
padding-left:13px;
margin:3px 0;
background:url(../../shared/img/listmark2.gif) no-repeat 0 .2em;
}

/*backNo*/
.subBox .guest{
margin:0 11px 8px;
overflow:hidden;
clear:both;
}

.subBox .guest img {
width:33px;
float:left;
}

.subBox .guest p {
font-size: 100%;
line-height:1.3;
margin-left:41px;
}

/* clearfix 
============================================= */
#ecospot:after,
#profile:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#ecospot,
#profile {
overflow:hidden;
}

/* Hides from IE-mac \*/
* html #ecospot,
* html #profile {
height: 1%;
overflow:visible;
}
/* End hide from IE-mac */