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

body{
background:#F0F3F4;
color:#003366
}

a,
a:link,
a:active, 
a:hover{
color:#834156;
}

a:visited{
color:#826DA7;
}

hr{
height:1px;
border:1px solid #834156;}
img{border:none}

input, textarea{color:#003366}

#blog-body img{
}
/*----- main -----*/

#container{
border-bottom:1px solid #D4DDE2;
background:#D4DDE2;
padding:0;}

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

#banner,
#subbanner{
background:url(../../images/article/illust_lace_main.gif) no-repeat right top;
height:230px;
}


#banner #join a{
font-weight:bold;}
#login,#join{
top:200px;
right:10px;
}

#banner h1,
#subbanner h1{
font-size:large;
position:absolute;
top:80px;
left:20px;
width:400px
}
#banner a,
#subbanner a{
color:#333;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
}
#link-bar{background:#D4DDE2;}


#login{
bottom:5px;
}

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

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

#profile{
margin:0;
text-align:left;
}
#profile td{
vertical-align:top;
padding:0px 10px ;}
#profile dt{font-weight:bold;
color:#834156;}
#profile dd{
padding:3px 0px 10px;}

/*----- list (post,trackback,comment) -----*/
#postlist {background:#F6F8F9}

#postlist h2{
color:#D8AFBC;
font-size:small;
padding:5px 5px  ;
margin:0;
}
#postlist .date{color:#B55989}
#trackback td.sub,
#comment td.sub{color:#B55989}

.box-unit,
#trackback,
#comment{
margin:0 0 15px;
padding:10px;
}

h2.h2-general,
#trackback h2,
#comment h2{
font-size:small;
padding:10px 0 ;
background:url(../../images/article/illust_lace_icon04.gif) no-repeat right bottom;
}
.box{
	border:1px solid #d6c3d6;
	background:#f6eff1;
}
#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:#F9FED8;
font-size:small;
font-weight:normal;
margin:0px 5px;
}

#postlist table,
#trackback table,
#comment table{
border-collapse:collapse;
margin:0}

#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:#D8AFBC;
color:#fff;
border:0 none}

#postlist td{
padding:10px  ;
border-bottom:1px solid #D8AFBC;
}
#trackback td,
#comment td{border-bottom:1px solid #D8AFBC;
padding:10px 10px 5px;}
.deco td{border-bottom:1px solid #D8AFBC;
padding:10px 0 5px;}
#postlist blockquote,
#trackback blockquote,
#comment blockquote{
margin:0px;
padding:5px 0px}



input.txt,
textarea{
background:#FFFFFF;}


/*----- blog -----*/
#blog,
#outer-box{
padding:20px 20px 10px;
background:#F6F8F9}

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


#blog-head h2{

font-size:larger;
font-weight:bold;
font-family:"Trebuchet MS", "�l�r �o�S�V�b�N";
padding:10px 5px 10px 40px;
margin:0;
background:url(../../images/article/illust_lace_icon02.gif) no-repeat left center;
}

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



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

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

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

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

#affiliate img{
border:0px;
}

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


.g-ads a .line2,
.g-ads a .url{
color:#003366}


#blog-foot h2{
font-size:small;
text-align:left;
border-bottom:1px solid #C7B99F;
padding:1px 3px;
}
#blog-foot div h2{background:url(../../images/article/illust_lace_icon03.gif) no-repeat right bottom;
padding:10px 3px 3px;}
#blog-foot ul{
padding-left:20px;
margin:5px 0px;
}

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

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



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



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


#utilities , #utilities2 {}

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

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


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

#calendar{
padding-bottom:10px;
}

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

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

#calendar th{
color:#B55989
}
/*----- album -----*/

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

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

#footer{
background:#E5EAED;
}

#footer a{}

#sbanner img{
padding-right:5px}



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

#outer-box h2{
font-size:small;
padding:10px 5px 10px 30px;
background:url(../../images/article/illust_lace_icon02.gif) left no-repeat;
margin:0 0 5px;
}
#outer-box h3{
padding:15px 0px 15px ; 
}
#outer-box .inner-box h3{
background:none;
padding:0}
#outer-box input.txt,
#outer-box textarea{
}

#outer-box .navi{ padding:5px 0;border:solid #D8AFBC;
border-width:1px 0px;
}
.inner-box{margin:5px 5px 10px}
.tc1{color:#B55989}


.themetabs{
	background:#b1bcc2;
}
#contents .themetabs{
	margin:5px 0;
}
.themetabs a{
}