@charset "shift_jis"; 
 
body 
{
	margin:0.5em 0px 0px 0px;
}
 
/* HTML 5 */ 


	 
section,footer,nav,article,header,aside,time 
{
	display:block;
}


.mainall .mainleft time
{
	font-size: small;
}

footer
{
	text-align:center;
}
  
/* line-height */ 
	
.page 
{
	line-height: 1.6;

}
 
address,h1,ul,ol 
{
	line-height: 1.5;
}
 
dt,.works dd,h2,h3,h4,h5,h6,li 
{
	line-height:1.4;
}
 
pre,table 
{
	line-height: normal;
}
  
/* colors */ 
	
/* headers */ 
	 
h1,ul.navi,ul.navi li 
{
	color: #4499aa;
	border-color: #AACCBB #dcdbef #AACCBB #AACCBB;
}


 
h2,h3 
{
	border-color: #aabbdd;
	background-color: white;

}
  
.page 
{
	background-color: white;
}
 
h2,h4,h2 a:link, h2 a:visited,h3,ul.navi li 
{
	color: #555555;

}
 
dt 
{
	color: #666666;
}
 
/* anchor */ 
	 
a:link,a:visited 
{
	color: #5577bb;
}
 
a:hover 
{
	color: #79b5e7;
}
 
a:hover img 
{
	background-color: #ffbb00;
}
  
/* inline text */ 
	
blockquote 
{
	color: #2277AA;
	background-color: white;
}
 
pre 
{
	background-color: black;
	color: white;
}
  
ul,dt,dd,#diarycontentslist,table,tr,th,td,ol,#infospace,.twitter 
{
	border-color: #dcdbef;
}
 
/* changelog elements */ 
	 
.date 
{
	background-color:white;
}
 
.date a:hover 
{
 	background-color: #eeffee;
	color: #00ff99;
}
 
.section 
{
	border-color: #aaaaaa;
}
 
.section h4 
{
	border-color: #DECFcc;
}
 
.comment 
{
	background-color: #EDE7CF;
	border-color: #997755;
}
 
.referer , .calendar 
{
	border-color: #DDBB99;
}
 
.rewrite 
{
	background-color: #FFEEEE;
}
 
.otherlink 
{
	background-color: #EEFFEE;
}
 
.mainleft .sideh2 li a:lhover 
{
	background-color:  #aaccff;
	color:red;
}
 
#topimage 
{
	margin-left: 10px;
}
 
#topimagetitle 
{
	background-color:transparent;
}
 
#topimagetitle h2 a:link,#topimagetitle a:visited,.sideh2 li a:link,.sideh2 li a:visited 
{
	color:darkblue;
}
 
#topimagetitle a:hover, .sideh2 li a:hover 
{
	color:lightblue;
}
 
.sideh2 li 
{
	border-color: #aabbdd;
}
 
/* left broad border color*/ 
	 
.subtitle 
{
	background-color: 	#CCDDBB;
	border-color:#AACCBB;
}
 
.subtitle a:hover 
{
	background-color: 	#EEFFDD;
}
 
.subtitle a:link,.subtitle a:visited 
{
	color: #FFFFFF;
}
 
time 
{
	border-color: #AACCBB;
	background-color: #white;
	color: #555555;
}
 
.category 
{
	border-color:#AACCBB;
	color: #bbbbbb;
}

   
/* any page */ 
	 
#doujinpage .itemimage 
{
	background-color: transparent;
}
 
#novelpage h1 
{
	background-color: #663344;
	color:white;
}
 
#novelpage h2 
{
	background-color: transparent;
	color: black;
}
 
#novelpage ul.navi 
{
	background-color: #EEE0DD;
}
   
/* headers */ 
	
h1 
{
	font-size: large;
	font-weight: bold;
	margin: 0px;
	border-width: 0 0 1px 20px;
	border-style:solid;
	padding: 0.4em 0.5em 0.4em 1em;
	letter-spacing: 0.4em ;
}
 
h2 
{
	padding: 0.1em 10px 0.1em 10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}
 
h3 
{
	padding: 0.2em 0.5em 0.2em 0.5em;
}
 
h4 ,h5, h6 
{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}
 
h2,h3,h4,h5,h6 
{
	font-weight: bold;
	text-align: left;
	font-size: large;
	margin: 1em 0px 0.5em  0px;
}
  
/* block */ 
	
p 
{
	margin: 0.5em 6% 0.5em 6%;
	padding: 0.5em;
}
 
address 
{
	display: none;
}
 
pre 
{
	border-style: solid;
	border-width: 1px;
	margin: 0.5em 1% 0.5em 1%;
	padding: 1%;
	overflow:  auto;
}
  
/* lists */ 
	
dl 
{
	margin: 0px 5% 0.5em 3%;
}
	
dt 
{
	font-weight: bold;
	margin: 0.5em;
	margin-top: 10px;
}
 
dd 
{
	margin: 0em 0.5em 0em 2em;
	padding: 0.5em 0px 0.5em 0.5em;
	border-style:solid;
	border-width:1px 1px 1px 10px;
}
  
ul 
{
	list-style-type: circle;
	margin: 0.5em 0px 0.5em 0px;
}
	 
ul.navi 
{
	clear: both;
	margin: 0px;
	padding: 0.2em 0.5em 0 0;
	border-width: 0 0 1px 20px;
	border-style: solid;
}
	 
ul.navi li 
{
	display: inline;
	margin: 0px;
	padding: 0 5px 0 5px;
	font-size: 95%;
	border-style: solid;
	border-width: 0 3px 0 0;


}

 
ul.navi li a 
{
	text-decoration:none;
}
  
ul li 
{
	margin: 0.5em 0px 0.5em 0px;
}
  
ol 
{
	margin: 0.5em 1em 0.5em 3em;
}
	 
ol.line 
{
	margin: 0.5em;
}
 
ol.line li 
{
	display: inline;
	list-style: none;
}
   
/* table */ 
	
table 
{
	border-style: solid;
	border-width: 1px;
	margin: 0.5em 3% 1em 3%;
}
 
caption 
{
	font-weight: bold;
	margin:0px 3% 0px 3%;
}
 
tr 
{

}
 
td,th 
{
	border-style: solid;
	border-width: 1px;
	padding: 0.5em;
}
  
/* anchor */ 
	
a 
{
	text-decoration: none;
}
 
a:hover 
{
	text-decoration: underline;
}
 
a:hover img 
{
	position: relative;
	top:	1px;
	left:	1px;
}
 
h1 a:hover, h2 a:hover, h3 a:hover, .foldbox a:hover, .comment a:hover,time a:hover 
{
	text-decoration: none;
}

  
/* Inline */ 
	
acronym, abbr, dfn, em, strong 
{
	font-style: normal;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}
 
kbd 
{
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	margin: 0px 5px 0px 5px;
}
 
img 
{
	border-style: none;
	padding:1px;
	margin:1px;
}

 
blockquote 
{
	margin: 0.5em 3% 0.5em 3%;
	border-width: 1px 1px 1px 10px;
	border-style: solid;
	padding: 5px;
}
  
/* ChangeLog elements */ 
	 
#infospace 
{
	margin-bottom: 1em;
	border-width:1px;
	border-style:solid;
	margin: 0 0.5em 1em 0.5em;

}
	 
#infospace h2, #infospace p 
{
	margin-top:0px;
}

 
#infospace h2 
{
	font-size:large;
	background-color:#333333;
	text-align:center;
	color:white;
}
 	 
ul#diarycontentslist 
{
	text-align: center;
	padding-bottom:5px;
}
	
#diarycontentslist li 
{
	display:inline;
	padding: 0px 5px 0px 5px;
}
  
.adminmenu 
{
	margin: 0px;
	padding:0px;
	text-align: center;
}
 
.day .date 
{
	border-width: 1px 2px 1px 10px;
	border-style: solid;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	width: 10em;
	font-size: medium;
}

	 
.day h2 
{
	border-style:none;
}
 
.day date a 
{
	padding: 0px 10px 0px 10px;
}
 
.day em 
{
	border-style: solid;
	border-width:1px;
	padding: 3px;
	font-weight: normal;
}
 
.day .date a:link, .day .date a:visited 
{
	display: block;
}
 
.subtitle 
{
	font-size: 115%;
	margin: 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-style:solid;
	border-width: 0px 0px 0px 10px;
}
  
.section 
{
	margin:1em 2% 2em 2%;
	border-style: solid;
	border-width: 1px;
}
	 
.section dl 
{
	margin: 0.2em 3% 0.2em 3%;
}
 
.section dd 
{
	margin: 0px;

}
 
.section dt 
{
	font-weight: bold;
	font-style: italic;
	margin-left: 0.5em;
}
 
.section h4 
{
	font-size:115%;
	font-weight: bold;
	border-width: 1px 0px 0px 0px;
	border-style: none;
	text-decoration:underline;
	margin: 0.5em 0px 0.5em 0px;
	padding-top: 0.5em;
}
 
.section blockquote 
{
	margin: 0.5em 1% 0.5em 1%;
}
 
.section br 
{
	line-height: 0.8em;
}
  
.sec_body 
{
	padding: 0.5em 3% 0.5em 3%;
	margin:0px;

}
 
.category 
{
	line-height: normal;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	border-style:solid;
	border-width:0px 0px 1px 10px;

}
	 
.category li 
{
	display:inline;
	margin-left:5px;
	margin-right:5px;
	border-style:dotted;
	border-width:0px 1px 0px 0px;
	padding: 0px 5px 0px 0px;
}
  
.comment 
{
	margin: 1em 4% 0.5em 4%;
	margin: 0px;
	padding: 4px;
}
	 
.caption 
{
	margin: 0px;
	text-align: right;
}
 
.comment p 
{
	margin: 0px 0.5em 0.5em 0.5em;
	line-height: 1.5em;
}
  
/* other items*/ 
	 
.referer 
{
	text-align: right;
	margin: 0px 0.5em 0px 0px;
}
 
.rewrite 
{
	border: solid 1px;
	line-height: 1.6;
	margin: 10px;
	padding:10px;
}
 
.rssicon 
{
	border-style:none;
}
 
.calendar 
{
	margin: 1% 0px 1% 0px;
	text-align: center;
}
 
.calendartitle 
{
	font-size:small;
	margin-top: 0px;
}
 
.footer 
{
	text-align:center;
}
  
#end 
{
	clear:both;
}
 
#diarycontentslist 
{
	font-size: 95%;
}
  
/* special block */ 
	 
.page 
{
	margin: 0 12% 0 12%;

	border-style: solid;
	border-width: 1px;
max-width: 900px;
		margin: 0 auto 0 auto;

}
 
.twitter 
{
	margin:40px auto 0 10px;
}
 
.clear 
{
	clear:left;
}
 
#adimage 
{
	text-align:center;
	height: 200px;
	width: 499px;
	background-color: transparent;
	background-image: url("../contents/doujin/animal/sample.jpg");
}
 
 .mainall 
{
	margin-top:0.5em;
	clear:both;
}
	
.mainall p 
{
	margin:0px;
}
 
#infospace 
{
	text-align:center;
	margin-bottom:1em;
	line-height:1;
}
 
.mainall .mainleft 
{
	font-size:small;
	width: 20%;
	float: left;
	line-height: 1.4;
	border-style: none;

}


 
.mainall .mainleft h2 
{
	font-size: small;
	margin-left:0.5em;
}
 
.mainall .mainright 
{
	margin-left: 20%;
}
 
.mainall .mainad 
{
	float: right;
	width: 120px;
}
 
.adarea 
{
	position:absolute;
	top:0;
	left:100%;
	margin-left:-125px;
}
 
.sideh2 
{
	list-style-type: none;
	padding: 0;
	margin-left:0.5em;
}
 
 .sideh2 li a:link, .sideh2 li a:visited 
{
	display: block;
}

 
.mainleft .sideh2 li 
{
	font-size:  100%;
	border-width: 1px;
	border-style: solid;
	padding: 0.5em;
}

 
#topimagetitle 
{
	font-size: 90%;
	border-width: 0px 0px 2px 0px;
}
 
/* popup message */ 
a:hover
{
	position:relative;
	text-decoration:none;
}
	 
.popup_brown 
{
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0.5em;
}

 
a:hover .popup_brown 
{
	display: block;
	background-color: #ffffff;
	padding:3px;
	color:#776655;
	width: 250px;

	border-top:#eeddcc solid 10px;
	border-left: #ffffff solid 5px;
	border-bottom:#eeddcc solid 1px;
	border-right:#eeddcc solid 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
 
/* bubble popup white non tail */ 
	 
.bubble 
{
	display:none;
}


 
a:hover .bubble 
{
	width: 200px;
	display:block;
	position: absolute;
	top: 0.5em;
	left: 1em;
	border-left: 12px solid #66aa11;
	border-top: 12px solid transparent;
	-border-top-color: white;
	z-index: 10;
}
 
.bubble .bubble_body 
{
	padding: 5px 10px;
	margin: 0 0 0 -15px;
	border: 3px solid #66aa11;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: white;
	color: black;
	-position: relative;
	float:left;
}

    
/* gallery page */ 
	
#gallerypage .mainall 
{
}
	 
#gallerypage .mainall p 
{
	margin:0px;
}
 
#gallerypage .mainall .mainleft 
{
	font-size:small;
	top: 0%;
	left: 0%;
	width: 160px;
	float: left;
	line-height: 1.4;

}
 
#gallerypage .mainall .mainright 
{
	margin-left: 170px;
}
   
#indexpage 
{
}
	
#indexpage h1 
{
	float: none;
	border-width: 0 20px 1px 20px;
}
 
#indexpage ul.navi 
{
	text-align: center;
}
 
#indexpage .page 
{
	width: 500px;
	margin:auto;
	text-align:center;
}
  
#doujinpage 
{
}
	
#doujinpage h1,#doujinpage ul.navi,#doujinpage #doujinlist-info,#doujinpage h3 
{

	border-color:#CCBBBB;

}
 
#doujinpage h1 
{
	color: #550000;
	background-color: #FFEEEE;
}
 
#doujinpage h3 
{
	margin: 0;
	border-style: solid;
	border-width: 0 0 1px 0;
	font-size: small;
}
 
#doujinpage #doujinlist-info 
{
	width: 12em;
	border-style: solid;
	border-width: 0 1px 1px 0;
	padding-top: 0.5em;
}
 
#doujinpage .doujinlist 
{
	margin:0 auto 0 2em;
	font-size: small;
}
 
#doujinpage .enddiv 
{
	border-color: #DDCCCC;
	clear: both;
	border:1px solid;
	border-width:0 0 1px 0;

}
 
#doujinpage .enddiv p 
{
	text-align: center;
	padding: 0;
	font-weight: bold;
	border:1px solid #BBAAAA;
	width: 12em;
	margin: 0 auto 10px auto;
}
#doujinpage .enddiv p a:hover,#doujinpage .enddiv p a:link
{
	display:block;
}
 
#doujinpage caption 
{
	margin: auto;
	font-weight: bold;
}
 
#doujinpage h2 
{
	font-size: 140%;
	border-style:none;
	text-align: left;
	border-style: solid;
	border-width: 1px 5px 1px 10px;
	color:white;
	background-color: #776666;
	border-color: #DDcccc;
}
 
#circlename 
{
	text-align: center;
}
 
#doujinpage .itemimage 
{
	display:block;
	margin: auto;
}
 
#doujinpage .info 
{
	margin-top:0.5em;
	border:1px solid;
	width: 70%;
	margin-left:auto;
	margin-right:auto;
}
 
#doujinpage caption 
{
	background-color:#FFEE	EE;
	margin:0 ;
	width: 100%;
}
 
#doujinpage .mainall 
{
	margin: 0 0 0.5em 0;
	clear:both;
}
 
#doujinpage ul.samplelist 
{
	margin:0;
	padding:0;
}
 
#doujinpage .mainall .mainleft 
{
	width: 450px;
	background-color: black;
	margin-left: auto;
}


 
#doujinpage .mainall .mainright 
{
	margin-left: 460px;
	margin-right:auto;
	float: none;
	width: auto;
}
 
#doujinpage .mainall .mainright table 
{
	margin:0;
	width: 90%;
	font-size: small;
	border-style:none;
}
 
ul.samplelist 
{
	margin:0px;
	text-align: center;
}
	
ul.samplelist li 
{
	display: inline;
}
   
#linkpage 
{
}
	
#linkpage table, #linkpage caption 
{
	margin: 0px auto 0px auto;
}
 
#linkpage h2 
{

}
 
#linkpage h3 
{
	margin: 10px 0px 10px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 10px;
	padding-left: 5px;
	width: 20em;
	font-size: 90%;
}
 
#linkpage .banners 
{
	margin: 0px 10px 5px 10px;
	padding: 0em;
	border-style: none;
}
	
#linkpage .banners li 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
  
#linkpage .nobanners 
{
	margin: 0px 10px 5px 10px;
}
	
#linkpage .nobanners li 
{
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style: none;

}
   
#profilepage 
{
}
	 
#favarea 
{
	margin: 0px 5% 0.5em 3%;
}
 
#profilepage #favorite 
{
	font-weight: bold;
	margin: 10px 0.5em 0.5em 0.5em;
	padding: 0px;
	font-size:medium;
	border-style: none;
}
 
#favarea .rank 
{
	margin: 0em 0.5em 0em 2em;
	padding: 0.5em 0px 0.5em 0.5em;
	border-style:solid;
	border-width:1px 1px 1px 10px;
}
 
#favarea .rank li 
{
	display: inline;
}

 
#profilepage dl,#profilepage h2,#profilepage h3,#profilepage #favarea 
{
	margin-left:auto;
	margin-right:auto;
}
 
#profilepage h3 
{
	margin-bottom:0px;
	margin-top: 0px;
}
  
#presentpage h3 
{
	margin-left: 1%;
}
#presentpage ul
{
	margin-left: 3%;
}

#presentpage ul.navi
{
	margin-left: 0px;
}
	
#presentpage li 
{
	list-style-type: none
}
  
#categorypage 
{}
	
#categorypage .category li ,.mainleft .category li 
{
	border-style:none;
	display:inline;
	list-style:none;
}
#categorypage .category ,.mainleft .category
{
	border-style:none;
}
  
#novelpage 
{
	width: 70%;
	margin:0px auto 0px auto;
}
	
#novelpage h1 
{
	background-image: none;
	padding-left:0.5em;
}
 
#novelpage h2 
{
	border-style: none none solid none;
}
 
#novelpage ul.navi 
{
	float:none;
	text-align: center;
	padding: 5px;
}



 
#novelpage ul.navi li 
{
	float: none;
	width: auto;
	border-style: none;
	padding: 0px 5px 0px 5px;
}
 
#novelpage ul.navi li a 
{
	display: inline;
	width: auto;
}
 
#novelpage p 
{
	line-height: 1.75em;
}
  
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop-table.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu {text-align:center; position:relative;background-color:#AACCBB;}
#menu table td,#menu table th,#menu caption{border-style:none;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block; color:#fff;}
#menu ul {display:inline;}

#menu table {margin:0 0 0 10%;font-size:85%;}
#menu #table {display:table; margin:0 auto;}
#menu #table ul {display:table-row;}

#menu li {margin:0 0.5em 0 0.5em; padding:0;}
#menu li {margin-right:1px;}
#menu ul table {position:absolute; left:-9999px; width:750px; font-family:verdana, arial, sans-serif; background-image:url(../img/black60.png);}
#menu ul table td {vertical-align:top; padding:3px; margin:0;}
#menu ul table td.border {border-right:1px dashed #fff;}
#menu ul table td img {padding:0; display:inline; margin:0; border:1px solid #fff;}
#menu ul table td.image {width:122px;}
#menu ul table th {padding:4px 0 4px 10px; margin:0; color:#fc0; text-align:left;}
#menu ul table caption { color:#fff; font-weight:bold; padding:5px 0; margin:0; background-image:url(../img/black60.png);}
#menu ul table tfoot td {color:#ff0; padding-left:10px;}
#menu ul.level1 li.level1-li {float:left; display:block;}
#menu ul table td p {line-height:16px; color:#fff; white-space:normal; margin:0; padding:0 5px;}
#menu ul table td p a {padding:0; margin:0; font-weight:bold; color:#fc0;}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:36px; text-decoration:none;}
#menu ul li table a{color:#fff;}
#menu ul.level1 li.level1-li a.level1-a {float:left; padding:0 10px 0 0; background-image: url(../img/tab4a.gif) no-repeat right top;}
#menu ul.level1 li.level1-li a.level1-a b {float:left; padding:0 0 0 10px; background-image: url(../img/tab4.gif) no-repeat left top; cursor:pointer;}

#menu ul li:hover table {visibility:visible; left:0; top:36px;}



#menu ul.level1 li.level1-li a.drop {background-image: url(../img/tab4a-arrow.gif) no-repeat right top;}

#menu ul.level1 li.level1-li a.level1-a:hover {background-position:right bottom; color:#fff}
#menu ul.level1 li.level1-li a.level1-a:hover b {background-position:left bottom;}


#menu ul.level1 li.level1-li:hover > a {background-position:right bottom; color:#fff}
#menu ul.level1 li.level1-li:hover > a > b {background-position:left bottom;}

#menu ul table td a {line-height:18px; padding:0 0 0 10px;}
#menu ul table a:hover {background:transparent; text-decoration:underline;}
#menu ul table a:hover img {border:1px solid #000;}
 
#menu a:hover table {left:0; top:36px; ;}