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

body{
	background-color:#000;
	background-image:url(../../images/article/illust_k-kira_bg.gif);}

a, a:link, a:active{
	color:#A49F4C;}

a:visited{
	color: #336633;}

a:hover{
	color: #666666;}

/*----- container -----*/

#container{
	background-color:#000;
	background-image:url(../../images/article/illust_k-kira_bg.gif);}

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

#banner,
#subbanner{
	background-image: url(../../images/article/illust_k-kira_title.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:300px;}

#banner h1,
#subbanner h1{
	width:200px;
	font-size:1.3em;
	position:relative;
	top:130px;
	left:100px;}

#banner a,
#subbanner a{
	color:#ffffff;
	font-family:"Trebuchet MS", "lr oSVbN";}

a.#login{
	color:#fff;}

#counter{
	height:30px;
	margin:0;
	background-image:url(../../images/article/illust_k-kira_bg-c.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:right;}

#counter img{
	position:relative;
	top:11px;
	right:29px;}

#ad{
	display:none;}

#ad td {
	color:#000;}

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

#profile{
	color:#FFFFFF;
	margin:15px auto;}

#profile td{
	vertical-align:top;
	padding:5px 20px;}

#profile h2{
	font-weight:bold;}

#profile dt{
	font-weight:bold;}

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

div#contents{
	color:#663333;
	background-image:url(../../images/article/illust_k-kira_line2.gif);
	background-position:top reft;
	background-repeat:repeat-x;
	background-color:#fff;}

div#postlist{
	padding-top:0;}

div#postlist table{
	padding:0;}

#postlist h2,
#outer-box h2{
	color:#DAD9D9;
	font-size:1.2em;
	padding:10px 10px 10px 30px;
	background-image:url(../../images/article/illust_k-kira_icon1.gif);
	background-position:left center;
	background-repeat:no-repeat;}

#postlist h2 img{
	position:relative;
	top:0.2em;}

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

h2.h2-general,
#trackback h2,
#comment h2{
	color:#000000;
	font-size:1.1em;
	padding:0.5em 0 0.3em 35px;
	margin-bottom:1em;
	margin-top:2em;
	background-image: url(../../images/article/illust_k-kira_icon2.gif);
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom:1px solid #000000;}
h2.h2-general{
	margin-bottom:0;
}
.box{
	background:#f1f0ed;
	border:solid #625e5d;
	border-width:0 1px 1px;
}
#trackback form h2,
#comment form h2{
	margin-top:15px;}

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

#postlist th,
#trackback th,
#comment th,
.inner-box th{
	border-bottom:1px solid #000;
	color:#000;
	line-height:110%;
	padding:0.5em;
	text-align:left;}

#trackback th,
#comment th{
	border-bottom:dotted;}

#postlist td,
#trackback td,
#comment td{
	padding:10px 10px;
	border-bottom:1px solid #000;}

#trackback td,
#comment td{
	border-bottom:dotted;}

input.txt,
textarea,
#blog-body blockquote{
	border:1px solid #625E5D;
	background-color:#F1F0ED;}

.response{
	font-size:0.9em;
	vertical-align:middle;}

.responce a{
	font-weight:bold;}

.date{
	vertical-align:middle;}

div.date{
	color: #CC3300;}

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

div#blog{
	color:#663333;
	background-image:url(../../images/article/illust_k-kira_line2.gif);
	background-position:top reft;
	background-repeat:repeat-x;
	background-color:#fff;
	margin-top:0;}

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

div#blog-head{
	margin:0;
	padding:0 10px;
	padding-top:0;}

#blog-head h2{
	color:#663333;
	font-size:1.2em;}

#blog-head h2 img{
	margin-top:2px;}

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

#blog-body a img{
	border:1px solid #6699CC;}

#blog-body img.up-image{
	margin:5px;}

#affiliate img{
	border:0px;}

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

#blog-foot{
	margin-top:0;}

#blog-foot h2{
	color:#000000;
	font-size:1.1em;
	padding:0.5em 0 0.3em 35px;
	margin-bottom:0.5em;
	margin-top:2em;
	background-image: url(../../images/article/illust_k-kira_icon2.gif);
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom:1px solid #000000;}

table#theme td{
	padding-left:0.5em;}

#contents #archives,
#blog #archives{
	background-color:#FFFFFF;
	padding:20px 0 24px;}

#contents #archives ul,
#blog #archives ul{
	margin:0 auto;
	text-align:center;}

#contents #archives li,
#blog #archives li{
	padding:0 0.3em;}

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

div.navi{
	text-align:center;}

table.navi{
	width:80%;}

div.g-navi{
	font-weight:bold;
	text-align:right;}

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

div#utilities,
div#utilities2{
	padding-top:0;
	margin-top:0;}

#utilities h2,
#utilities2 h2{
	font-size:1em;
	border-bottom:1px solid #000;
	padding-top:30px;
	padding-bottom:5px;
	margin-bottom:5px}

#utilities h3,
#utilities2 h3{
	font-weight:bold;}

#utilities div,
#utilities2 div{
	margin:0 10px 5px 10px;
	background-color:#FFFFFF;
	background-image:url(../../images/article/illust_k-kira_line1.gif);
	background-position:top reft;
	background-repeat: repeat-x;
	padding:5px}

#utilities div div,
#utilities2 div div{
	background-image:none;
	margin:0px;
	padding:0px;}

div#amazonaffiliate,
div#rakutenaffiliate{
	padding-top:35px;
	padding-bottom:0;}

div#amazonaffiliate h2,
div#rakutenaffiliate h2{
	padding-top:0px;}

#utilities ul,
#utilities2 ul{
	padding-left:5px;
	list-style:none;}

#utilities li,
#utilities2 li{
	padding-left:20px;
	background-image:url(../../images/article/illust_k-kira_icon4.gif);
	background-position:left 2px;
	background-repeat:no-repeat;}

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

#calendar td a{
	text-decoration:underline;}

/*----- album -----*/

#albums img{
	border-color:#6699CC;}

#albums ul li{
	font-weight:bold;}

/*----- freepage -----*/

.free{
	margin-bottom:2em;}

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

#footer img{
	border:none;}

/*  for SNS  */

#utilities div#c-menu td.item,
#utilities2 div#c-menu td.item{
	padding-left:25px;
	background: url(../../images/article/illust_k-kira_icon3.gif) no-repeat left center;}

div#utilities div#c-menu,
div#utilities2 div#c-menu{
	padding-top:35px;}

div#utilities div#c-memlist,
div#utilities2 div#c-memlist{
	padding:5px 0;}

div#utilities div#c-memlist h2,
div#utilities2 div#c-memlist h2{
	margin:0 5px 5px 5px;}

#outer-box h2{
	color:#000;
	font-weight:bold;
	margin-left:0.3em;
	padding:15px 40px;
	background:url(../../images/article/illust_k-kira_icon22.gif) no-repeat left center;}

#outer-box h3{
	color:#000;
	font-size:1.1em;
	padding:0.3em 10px;
	margin:2em 0 0.5em 0;
	border-bottom:1px solid #000;}

#outer-box .inner-box h3{
	font-size:1.1em;
	font-weight:bold;
	padding-left:25px;
	background:url(../../images/article/illust_k-kira_icon3.gif) no-repeat left center;
	border:none;}

table.deco{
	border-top:1px dotted #000000;}

div.inner-box table.deco{
	border:none;}

table.deco th{
	font-weight:bold;
	padding:0.5em 0.3em;}

table.deco td{
	padding:0.5em 1em;
	border-bottom:1px dotted #000000;}

table.deco td img{
	padding:0.5em 0;}

.tc1{
	font-weight:bold;}

th.tc1{
	padding-left:2em;}

table.plain td{
	border-bottom:1px dotted #000000;
	padding:0.5em;}

table.plain img{
	padding:0.3em;}

/*----- textindent -----*/
.txtblock{
	margin-left:1em;}

#postlist blockquote,
#outer-box blockquote,
#trackback blockquote{
	margin:0.5em 0 0.5em 0.5em;}



#contents .themetabs,
#blog .themetabs{
	background:#000;
	margin-top:30px;
	_margin-top:35px;
}
