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

body{background:#A2A2A2 url(../../images/article/illust_monotone_bg.gif); color:#FFFFFF;}

a,
a:link,
a:active, 
a:hover,
#trackback a,
#trackback a:link,
#trackback a:active, 
#trackback a:hover,
#comment a,
#comment a:link,
#comment a:active, 
#comment a:hover{
color:#1E8AC4;
}

a:visited,
#trackback a:visited,
#comment a:visited{
color:#4D7395;
}

#postlist td a{
display:block;
font-weight:bold;
	padding:4px 0 6px 30px;
	background:url(../../images/article/illust_monotone_icon02.gif) no-repeat;
}

#postlist .response a,
#postlist .response a:link,
#postlist .response a:active, 
#postlist .response a:hover,
#postlist td blockquote a,
#postlist td blockquote a:link,
#postlist td blockquote a:active, 
#postlist td blockquote a:hover{font-weight:normal; padding:0; background:none; display:inline;}

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

#container{
	border:1px solid #171717;
	background:url(../../images/article/illust_monotone_container.gif) center;
	padding:0px;
}

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

#banner{
	height:195px;
	background:url(../../images/article/illust_monotone_main.gif) no-repeat;
}

#subbanner{
	height:155px;
	background:url(../../images/article/illust_monotone_main.gif) no-repeat;
}
#banner a,#subbanner a{
	color:#FFFFFF;
	font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";}

#banner h1{
	font-size:large;
	position:absolute;
	top:12px;
	right:6px;
}
#subbanner h1{
	font-size:medium;
	position:absolute;
	top:12px;
	right:6px;
}
#link-bar{background:#333333;}
#link-bar a,
#link-bar a:link,
#link-bar a:active, 
#link-bar a:hover{color:#fff}

#banner #join{
bottom:12px;
right:6px}

#banner #join a{color:#FFFFFF;}

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

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

#profile{ background:#333333;}
#profile td{
	vertical-align:top;
	padding:10px;}
#profile dt{color:#FFFFFF; font-weight:bold;}
#profile dd{
color:#FFFFFF;
padding:1px 0px 3px;}

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

/*
#nest{
background:#FFF }
*/
#contents{padding:0;margin:0;}

#postlist{}
#postlist h2{
	font-size:medium;
	padding:15px 5px 13px 54px;
	background:url(../../images/article/illust_monotone_icon01.gif) no-repeat;
	margin-bottom:10px;
}

.box-unit,
#trackback,
#comment{
	margin:10px 0 25px;
	padding:5px 10px 10px;
	background:url(../../images/article/illust_monotone_tc.gif) center;
}
.box{
	padding:3px;
}

h2.h2-general,
#trackback h2,
#comment h2{
	font-size:small;
	padding:10px 0px 10px 30px;
	background:url(../../images/article/illust_monotone_icon06.gif) left center no-repeat;
}
#trackback form h2,
#comment form h2{
	padding:0;
	margin-top:20px;
	background:none;
}
#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;
}

#trackback .more,
#comment .more{
	display:inline;	
}

#trackback .sub,
#comment .sub{
}

#trackback form td,
#comment form td{
padding:5px;
}

#postlist th{	border-bottom:1px solid #999999; font-weight:normal;}
#trackback th,
#comment th{
background:#000000;
	font-weight:normal;
	padding:1px 7px;
}

#postlist td{	border:solid #999999;
	border-width:1px 0px;
	padding:10px 5px 5px;}
#trackback td,
#comment td{
	padding:5px 5px 0px;
	border-bottom:1px solid #999999;
}

#postlist td .response,
#postlist .date{color:#CCCCCC;}

#postlist td blockquote img.thumnail,
#blog #blog-body img{ border:1px solid #999999;}

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



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

#blog .date{color:#CCCCCC;}

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

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

#blog-head{
	margin:0px;}

#blog-head h2{
	font-size:medium;
	padding:15px 5px 13px 54px;
	background:url(../../images/article/illust_monotone_icon01.gif) no-repeat;
	margin-bottom:10px;
}

#blog-head .date{	border-top:1px solid #CCCCCC;padding-top:5px;margin-top:5px}

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




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

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

#blog-body img{
}

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

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

#affiliate img{
	border:0px;
}

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



#blog-foot h2{
	font-size:small;
	text-align:left;
	padding:2px 25px 2px 20px;
	background:url(../../images/article/illust_monotone_icon04.gif) no-repeat;
}
#blog-foot #theme ul{list-style:none; margin:0; padding:0;}
#blog-foot h3{font-weight:bold}
#blog-foot ul{
	padding-left:20px;
	margin:5px 0px;
}

#theme table,#theme tr,#theme td{ margin:0; padding:0;
}

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

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



.navi{
	border:dashed #CCCCCC;
	border-width:1px 0px;}

/*----- utilities -----*/
#utilities,#utilities2,.utiloff{margin-top:0 !important;}

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

#utilities h2,#utilities2 h2{
	font-size:small;
	text-align:left;
	margin:0;
	padding:10px 0px 10px 33px;
	background:url(../../images/article/illust_monotone_icon05.gif) left center no-repeat;
	color:#FFFFFF;
}

#utilities ul, #utilities2 ul{
	padding-left:20px;
	margin:5px 0px;
}
.g-ads a:hover,
#blog-foot .g-ads a:hover{
	background:#21697a;
}
.g-ads .line2,
#utilities .g-ads .line2{color:#FFFFFF}


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

#calendar{
	padding-bottom:10px;
}

#calendar table{
}
#calendar table caption{
	padding:1px;
	color:#CCCCCC;
	border-bottom:1px solid #CCCCCC
}

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

#calendar th{
	color:#CCCCCC;
	border-bottom:1px solid #CCCCCC}
/*----- album -----*/

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

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

#footer{
background:#333333; color:#fff}

#footer a{
	color:#fff;
}
#footer #links{border-bottom:1px dashed #fff}
#sbanner {text-align:right}
#sbanner img{
padding-right:5px;}



/* �� for SNS �� */
#utilities #c-menu, #utilities2 #c-menu{
	border-top:1px solid #CCCCCC;
	padding-bottom:30px
}
#utilities #c-menu .item, #utilities2 #c-menu .item,
.inner-box .item{
	border-bottom:1px solid #CCCCCC;
}
#utilities #c-memlist h2, #utilities2 #c-memlist h2{
	font-size:small;
	text-align:left;
}

#outer-box h2{
	font-size:small;
	padding:18px 5px 15px 30px;
	background:url(../../images/article/illust_monotone_icon02.gif) left no-repeat;
	border-bottom:1px solid #CCCCCC;
}
#outer-box h3{
	padding:15px 0px 15px 30px;
	background:url(../../images/article/illust_monotone_icon02.gif) left center no-repeat;
}
#outer-box .inner-box h3{
background:none;
padding:0}
#outer-box input.txt,
#outer-box textarea{
}
.deco{
}
.deco th{
	border:dashed #CCCCCC;
	border-width:2px 0px;
	padding:1px 7px;
}
.deco td{
	border-bottom:1px dotted #CCCCCC;
}


.themetabs{
	background:#333;
}
.themetabs a{
	background:#101010;
}