@charset "Shift_JIS";
/* Comic Art on the Web */ 

@import url(./html.css);
@import url(./system.css);

@namespace url(http://www.w3.org/1999/xhtml);
	
h1, h2, h3, h4, h5, h6 
{
	font-style: normal;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", sans-serif;
}
 
/* Block Level Element */ 
	
* 
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
 
html, body 
{
	color: #660000;
	background: white url(bg-h1.jpg) 0 -5em no-repeat;
}
 
html 
{
	margin: 0;
	padding: 0;
}
 
body 
{
	padding: 0.5em 5% 10.5em 35%;
/*	margin: 0.5em;*/
	margin: 0;
	z-index: 0;
	line-height: 1.3;
	font-family: Arial, "ＭＳ ゴシック", "Osaka−等幅", sans-serif;
}
 
h1, h2, h3, h4, h5, h6 
{
	font-weight: normal;
	letter-spacing: -0.01em;
}
	
h1 
{
	font-size: 250%;
	margin: 0 -8% 1em -62%;
	padding: 1em 15% 1em 4%;
	height: 3em;
}
 
h2 
{
	background: url(bg-h2.jpg) repeat-y 0 0;
	text-indent: -0.5em;
	margin: 2.5em -0.5em 1em -1em;
}
 
h3 
{
	background: url(bg-h2.jpg) no-repeat 100% 100%;
	margin-left: 0.8em;
	text-indent: -0.8em;
	margin-top: 1.5em;
	margin-right: 1em;
}
  
#contents-list 
{
	font-family: Arial, "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	position: absolute;
	top: 6em;
	right: 2em;
	width: 100%;
	text-align: right;
}
	
#contents-list h2 
{
	display: none;
}
 
#contents-list li 
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
	padding-left: 14px;
	padding-right: 0.15em;
	background: url(listitem.png) no-repeat left;
}
	
#contents-list li.current 
{
	padding-left: 16px;
	background-image: url(listitem2.png);
	border-bottom: 1px dotted;
}
  
#contents-list li.to-top 
{
	padding-right: 1.2em;
}
  
.history-navi 
{
	position: absolute;
	top: 3.5em;
	right: 1.5em;
	width: 100%;
	text-align: right;
}
 
address 
{
	margin: 10em -5% 1.5em -60%;
	padding: 1em;
	font-size: small;
	font-style: normal;
}
 
table 
{
	empty-cells: show;
}
	
table, td, th 
{
	border-color: #FFD8AE;
}
  
ul li 
{
	list-style-image: url(listitem.png);
}
	
ol li 
{
	list-style-image: none;
}
 
dt 
{
	padding-left: 14px;
	background: url(listitem.png) no-repeat left;
}
  
.gallery 
{
	font-size: small;
}
	
dl.gallery li, 
ul.gallery li
{
	list-style-type: none;
	list-style-image: none;
	margin: 0.2em;
	display: inline;
}
 
dl.gallery dt img 
{
	float: left;
}
 
dl.gallery dd 
{
	clear: none;
}
  
.image-container 
{
	margin: 0 0 1em -60%;
	text-align: right;
}
	
.image-container img 
{
	border: thin solid;
	padding: 0.5em;
}
  
.bulletin-container 
{
	margin: 0 0 1em -60%;
}
	
.bulletin-container .front, 
.bulletin-container .back,
.bulletin-container .data
{
	display: block;
	clear: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
 
.bulletin-container .front 
{
	float: right;
	margin-left: 0.5em;
}
 
.bulletin-container .back 
{
	margin-bottom: 0.5em;
	text-align: right;
}
  
.navi 
{
	text-align: right;
}
  
/* Inline Elements */ 
	
a:link, a:visited 
{
	background: url(bg-link.jpg) no-repeat bottom;
	text-decoration: none;
}
	
a:link 
{
	color: #993300;
	background-color: transparent;
/*
	\62 order-bottom: #F8BEAE 0.12em solid;
	\62 ackground-image: none;
*/
}
 
a:visited 
{
	color: #661100;
	background: url(bg-link-visited.jpg);

/*
	\62 order-bottom: #FDDAD6 0.12em solid;
	\62 ackground-image: none;
*/
}
 
a:hover, a:focus, a:active 
{
	color: black;
	background: #B0A8C0 url(./link.gif);
/*
	color: white;
	background: #993300;
*/
}
 
a:link img 
{
	border: thin solid #993300;
}
 
a:visited img 
{
	border: thin solid #661100;
}
  
.note:before, blockquote:before 
{
	color: #FFD8AE;
	background-color: transparent;
}
  
/* Special */ 
	
body#cover 
{
	padding-left: 0;
	padding-right: 0;
}
 
#cover h1 
{
	margin: 0 0 -0.4em 0;
	font-size: 300%;
	padding: 0.5em 10% 0.8em 4%;
	z-index: 20;
}
	
h1 .sub 
{
	display: block;
}
  
#cover h2 
{
	background: transparent;
	margin-left: 0;
	text-indent: 0;
}
 
#cover address 
{
	margin-left: 0;
	margin-right: 50%;
}
 
#cover #top-image 
{
	position: absolute;
	top: 8em;
	right: 3%;
	z-index: 0;
	z-index: expression('-1');
}
 
#cover .note 
{
	font-size: smaller;
	margin: 0.5em 0.5em -3em 60%;
}
	
#cover .note p 
{
	margin: 0 0 0.5em 0;
}
  
#cover #contents-list 
{
	font-size: 120%;
	margin: 0 0 3em 3%;
	position: static;
	text-align: left;
	width: 90%;
}
	
#cover #contents-list h2, 
#cover #contents-list ul
{
	margin: 0.5em;
	padding: 0;
	display: block;
}
	
#cover #contents-list h2 
{
	border-bottom: 1px solid;
}
 
#cover #contents-list ul 
{
	padding-left: 1.2em;
}
 
#cover #contents-list li 
{
	display: list-item;
}
 
#boyaki 
{
	font-size: 80%;
	margin-top: 2em;
	margin-left: -2em;
}
  
#cover #contents-list :link, 
#cover #contents-list :visited
{
	padding-right: 1.5em;
}
  
#cover #history, 
#cover #news
{
	position: absolute;
	font-size: small;
	background: url(transparent-bg.png);
	padding: 0.8em;
	border: 1px solid;
	-moz-border-radius: 0.5em;
}
	
#cover #history ul, 
#cover #history p,
#cover #history h2,
#cover #news dl,
#cover #news p,
#cover #news h2
{
	margin: 0;
}
 
#cover #history h2, 
#cover #news h2
{
	font-size: medium;
}
 
#cover #history 
{
	top: 28em;
	right: 6%;
	width: 12em;
}
 
#cover #news 
{
	top: 36em;
	right: 3%;
	width: 17em;
}
 
#cover #history .past, 
#cover #news .past
{
	list-style-type: none;
	list-style-image: none;
	border-top: 1px solid;
}
   
table, table * 
{
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	border-width: 0 !important;
}

table
{
	text-align: right !important;
	border-spacing: 0 !important;
	display: inline !important;
	float: right !important;
}

table .isweb img
{
	width: 8em;
	height: 1em;
}


.PostArea table
{
	text-align: left !important;
	display: table !important;
	float: none !important;
}

.PostArea table input,
.PostArea table textarea
{
	border-width: thin !important;
}





.PostArea fieldset
{
	\6d argin-left: -45%;
	\6d argin-left: expression('-10%');
}

.Article
{
	border: dotted 1px #FFD8AE;
	\6d argin-left: -35%;
	\6d argin-left: expression('-10%');
	padding: 0.5em;
}