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

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

a,
a:link,
a:active, 
a:hover{
color:#34AACD
}

a:visited{
color:#808DDB
}

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:#FFFFCC ;
padding:0;
}

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

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


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

#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:#FF9900}
#link-bar a,
#link-bar a:link,
#link-bar a:active, 
#link-bar a:hover{color:#fff}

#login{
bottom:5px;
}

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

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

#profile{
margin:0;
text-align:left;
/*background:url(../../images/article/illust_music_prof.gif) right top no-repeat;*/
}
#profile td{
vertical-align:top;
padding:0px 10px ;}
#profile dt{font-weight:bold;
color:#8ACA42;}
#profile dd{
padding:3px 0px 10px;}

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

#contents{
}


#postlist h2{
color:#4C0000;
font-size:small;
padding:20px 5px 5px 45px;
margin:0;
background:url(../../images/article/illust_music_icon07.gif) no-repeat left bottom;
}


#blog-foot a,
.more a,
#postlist td .response a,
#blog-body blockquote a,
#outer-box strong a{color:#FF9900}

.more a:visited,
#postlist td .response a:visited,
#blog-foot a:visited,
#blog-body blockquote a:visited,
#outer-box strong a:visited{color:#DF9E80}


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


h2.h2-general,
#trackback h2,
#comment h2{
font-size:small;
padding:10px 0px 5px;
margin-top:10px;
color:#666;
background:url(../../images/article/illust_music_h2_bg.gif) right bottom no-repeat;
}
#postlist table{border-top:3px solid #99CC00}
#postlist h2 img{
padding-top:0;
}
h2.h2-general img,
#trackback h2 img,
#comment h2 img{
padding:2px;
}
#trackback form h2,
#comment form h2{
background:none;
}
.supple{
color:#666;
font-size:small;
font-weight:normal;
margin:0px 5px;
}

#postlist table,
#trackback table,
#comment table{
border-collapse:collapse;
margin:0
}
.box{
	border:1px solid #99cc00;
	background:#edfbab;
}

#trackback form table,
#comment form table{
padding:10px;
}
#trackback form td,
#comment form td{
padding:3px 0;
background:none
}
#postlist th,
#trackback th,
#comment th,
.deco th{
font-weight:normal;
padding:1px 4px;
background:#99CC00;
color:#fff;
border:0 none}

#postlist td,
#trackback td,
#comment td{
padding:10px 10px 5px;
border-bottom:3px double #ccc;
background:#FCFDF0
}
#postlist blockquote,
#trackback blockquote,
#comment blockquote{
margin:0px;
padding:5px 0px}



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


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

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

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

#blog-head h2{
color:#A8D83E;
font-size:larger;
font-weight:bold;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
padding:25px 15px 0px 44px;
background:url(../../images/article/illust_music_icon07.gif) left center no-repeat;
}

#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 #A8D83E;
}

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

#affiliate img{
border:0px;
}

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


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


#blog-foot h2{
font-size:small;
text-align:left;
background:#A8D83E;
color:#fff;
padding:1px 3px;
}

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

#theme td{
}

#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:15px 0px 15px 42px;
background:url(../../images/article/illust_music_icon06.gif) left center no-repeat;
color:#4C0000;
}
#utilities div#calendar h2, #utilities2 div#calendar h2,
#utilities div#webryseal h2, #utilities2 div#webryseal h2{
background:url(../../images/article/illust_music_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_music_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_music_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_music_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_music_icon05.gif) left center no-repeat;
}

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


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

#utilities ul li, #utilities2 ul li{
}

#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:#6B2D67;
}
/*----- album -----*/

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

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

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

#footer a{
color:#fff;
}

#sbanner img{
padding-right:5px}



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

#outer-box h2{
color:#4C0000;
font-size:small;
padding:25px 5px 25px 60px;
background:url(../../images/article/illust_music_icon01.gif) left no-repeat;
margin:0 0 5px;
}
#outer-box h3{
padding:15px 0px 15px 45px;
background:url(../../images/article/illust_music_icon02.gif) left center no-repeat;
color:#4C0000;
}
#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:#FEF196; padding:0px;}


.deco td{
border-bottom:1px dotted #ccc;background:#FCFDF0
}
.tc1{color:#4C0000;}


.themetabs{
	background:#9c0;
}
.themetabs a{
	background:#ffc;
}