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

body{
background:#f0fbec url(../../images/article/illust_green_bg.gif);
color:#5A5A5A
}

a,
a:link,
a:active, 
a:hover{
color:#0066CC
}

a:visited{
color:#4DB970
}



hr{
height:1px;
border:1px dashed #ccc;}
img{border:none}
#blog-body img{
border:1px solid #A56683;
}
/*----- main -----*/

#container{
border-bottom:1px solid #fff;
background:#fff url(../../images/article/illust_green_icon09.gif) right bottom no-repeat ;
padding:0px 0px 150px 0px;
}

/*----- title banner -----*/

#banner,
#subbanner{
background:url(../../images/article/illust_green_main.jpg) no-repeat center top;
height:150px;
}


#banner #join a{
color:#333;
font-weight:bold;}
#login,#join{
bottom:10px;
left:20px;
}

#banner h1,
#subbanner h1{
font-size:x-large;
position:absolute;
top:10px;
left:20px;
}
#banner a,
#subbanner a{
color:#660000;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
}
#link-bar{background:#01A74B}
#link-bar a,
#link-bar a:link,
#link-bar a:active, 
#link-bar a:hover{color:#fff}

#counter{
text-align:right;
padding:3px 20px;
}

/*----- profile -----*/

#profile{
border-bottom:2px solid #07BE58;
width:95%;
margin:0px auto;
text-align:right;
background:url(../../images/article/illust_green_prof.gif) right top no-repeat;
}
#profile td{
vertical-align:top;
padding:50px 5px 10px;}
#profile dt{font-weight:bold;
color:#0066CC;}
#profile dd{
padding:3px 0px 10px;}

/*----- list (post,trackback,comment) -----*/

#postlist h2{
color:#01632D;
font-size:small;
padding:20px 5px 15px 50px;
background:url(../../images/article/illust_green_icon01.gif) left no-repeat;
}

#postlist blockquote a,
.more a,
#postlist td.response a,
#postlist td .response a,
#calendar td a,
#outer-box strong a{color:#FF9900}
.more a:visited,
#postlist td .response a:visited,
#postlist td.response a:visited,
#postlist blockquote a:visited,
#calendar td a:visited,
#outer-box strong a:visited{color:#CC9900}

#blog-foot a,
#blog-body blockquote a{color:#4EB2CA}
#blog-foot a:visited,
#blog-body blockquote a:visited{color:#4FC678}

#trackback,
#comment{
margin:0px;
padding:10px 0;}


h2.h2-general,
#trackback h2,
#comment h2{
font-size:small;
padding:10px 0px;
margin-top:10px;
color:#01632D;
background:url(../../images/article/illust_green_hr.gif) repeat-x bottom;
}

#postlist h2 img{
padding-top:1px;
}
h2.h2-general img,
#trackback h2 img,
#comment h2 img{
padding:2px;
}

.supple{
font-size:small;
font-weight:normal;
margin:0px 5px;
}

#postlist table,
#trackback table,
#comment table{
border-collapse:collapse;
}
.box{
	border:1px solid #7ee38b;
	background:#f0fbec url(../../images/article/illust_green_bg.gif);
}

#trackback form table,
#comment form table{
padding:10px;
}
#trackback form td,
#comment form td{
padding:3px 0;
}
#postlist th{background:#01A74B;color:#fff;padding:1px 3px}
#trackback th,
#comment th{
background:url(../../images/article/illust_green_hr.gif) repeat-x bottom;
font-weight:normal;
padding:0 7px 10px;
}
#trackback form h2,
#comment form h2{
background:none
}
#postlist td{	background:url(../../images/article/illust_green_hr.gif) repeat-x bottom;	padding:10px 5px 15px;}
#trackback td,
#comment td{
padding:10px 5px 5px;
border-bottom:1px dotted #ccc;
}
#trackback td.sub,
#comment td.sub{
color:#89686C;
}

#postlist blockquote,
#trackback blockquote,
#comment blockquote{
margin:0px;
padding:5px 0px}



input.txt,
textarea{
border:1px solid #999;}

.date{
color:#885353;}

/*----- blog -----*/
#blog{
padding:20px 20px 10px;
}

/*----- blog-header -----*/

#blog-head{
margin:20px 0 0 0px;}

#blog-head h2{
color:#01632D;
font-size:larger;
font-weight:bold;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
padding:10px 15px 0px;
}

#blog-head .date,#blog-head .response{	padding-right:15px;}



/*----- blog-body -----*/

#blog-body{
padding:10px 20px;
}

#blog-body img{
border:1px solid #ddd;
}

#blog-body blockquote{
border:1px solid #999;
}

#blog-body blockquote#affiliate{
border:3px double #999;}

#affiliate img{
border:0px;
}

/*----- blog-footer -----*/

#blog-foot h2{
font-size:small;
text-align:left;
background:url(../../images/article/illust_green_hr.gif) repeat-x bottom;
padding-bottom:15px;
color:#01632D
}

#blog-foot ul{
padding-left:20px;
margin:5px 0px;
color:#999;
}

#theme #rader{
background-image:url(../../images/article/trb_random_hana.gif);
vertical-align:top;
}

/*----- miscellaneous -----*/

.navi{
border:solid #ccc;
border-width:1px 0px;
}

/*----- utilities -----*/


#utilities div#webryseal, #utilities2 div#webryseal{
text-align:center;}

#utilities h2,#utilities2 h2{
font-size:small;
text-align:left;
margin:0;
padding:20px 0px 15px 48px;
background:url(../../images/article/illust_green_icon06.gif) left center no-repeat;
color:#01632D;
}

#utilities div#calendar h2, #utilities2 div#calendar h2,
#utilities div#webryseal h2, #utilities2 div#webryseal h2{
background:url(../../images/article/illust_green_icon02.gif) left center no-repeat;
}
#utilities div#newpost h2, #utilities2 div#newpost h2,
#utilities div#freespace h2, #utilities2 div#freespace h2{
background:url(../../images/article/illust_green_icon01.gif) left center no-repeat;
}
#utilities div#albums h2, #utilities2 div#albums h2,
#utilities div#categories h2, #utilities2 div#categories h2{
background:url(../../images/article/illust_green_icon03.gif) left center no-repeat;
}
#utilities div#newtbk h2, #utilities2 div#newtbk h2,
#utilities div#freespace2 h2, #utilities2 div#freespace2 h2{
background:url(../../images/article/illust_green_icon04.gif) left center no-repeat;
}
#utilities div#newcmt h2, #utilities2 div#newcmt h2,
#utilities div.g-ads h2, #utilities2 div.g-ads h2{
background:url(../../images/article/illust_green_icon05.gif) left center no-repeat;
}

#utilities div#archives h2, #utilities2 div#archives h2{
background:url(../../images/article/illust_green_icon06.gif) left center no-repeat;
}



#utilities ul, #utilities2 ul{
padding-left:20px;
margin:5px 0px;
color:#999999;
}

.g-ads a .line2{
color:#828282}

#utilities .date{
color:#999;}

/*----- calendar -----*/

#calendar{
padding-bottom:10px;
}

#calendar table{
}
#calendar table caption a{}
#calendar table caption{
padding:1px;
color:#666600;
}

#calendar td,
#calendar th{
padding:2px 0px;
}

#calendar th{
color:#FF9900;
}
/*----- album -----*/

#albums img{
border-color:#ccc;
}

/*----- footer -----*/

#footer{
background:#01A74B url(../../images/article/illust_green_hr.gif) repeat-x top;color:#fff}

#footer #links{padding-top:15px}
#footer a{
color:#fff;
}

#sbanner img{
padding-right:5px}



/* �� for SNS �� */
#utilities #c-menu, #utilities2 #c-menu{
border-top:1px dotted #ccc;
}
#utilities #c-menu .item, #utilities2 #c-menu .item,
.inner-box .item{
border-bottom:1px dotted #ccc;
}
#utilities #c-memlist h2, #utilities2 #c-memlist h2{
font-size:small;
text-align:left;
padding:25px 0px 5px 50px;
background:url(../../images/article/illust_green_icon04.gif) left bottom no-repeat;
}

#outer-box h2{
color:#01632D;
font-size:small;
padding:20px 5px 15px 50px;
background:url(../../images/article/illust_green_icon01.gif) left no-repeat;
margin:0 0 5px;
}
#outer-box h3{
padding:15px 0px 15px 45px;
background:url(../../images/article/illust_green_icon02.gif) left center no-repeat;
color:#01632D;
}
#outer-box .inner-box h3{
background:none;
padding:0}
#outer-box input.txt,
#outer-box textarea{
}

#outer-box .navi{ margin:5px 0; border:0px; background:#eee; padding:0px;}
.deco{
}
.deco th{
background:#01A74B;
color:#fff;
padding:1px 3px;
}
.deco td{
border-bottom:1px dotted #ccc;
}
.tc1{color:#01632D;}


.themetabs{
	background:#01a74b;
}
.themetabs a{
}