@charset "UTF-8";

/* 全体 */
* {
	margin: 0;
	padding: 0;
}
body {
	width: 780px;
	text-align: center;
	margin: 0 auto;
	color: #000000;
	font-family: sans-serif;
	font-size: 90%;
	line-height: 150%;
	background-image: url("img/background.gif");
	background-color: #CCCCCC;
}
div{
	margin: 0 auto;
}

a:link{ text-decoration:none; color:#333333; }
a:visited{ text-decoration:none; color:#333333; }
a:hover{text-decoration:none; color: #FFFFFF; background-color: #000066;}
a:active{ text-decoration:none; color:#333333; }

/* navi */
.navi {
}
.navi table{
	text-align: right;
	width: 780px;
	height: 1px;
}
#counter{
	color: #FFFFFF;
	font-size: 10pt;
	overflow: none;
	white-space: nowrap;
}
.space {
	width: 100%
}
/* contents */
#contents {
}
/* header */
.header {
	height: 100px;
	padding: 0 10px 10px 10px;
	background-color: #FFFFFF;
	background-image: url("img/contents.gif");
}
.header img {
	float: left;
	border: 0;
}
.header p {
	text-align: right;
}

/* main */
.main {
	clear: both;
	background-color: #FFFFFF;
	background-image: url("img/contents.gif");
}
.main p {
	border-width: 1px;
	border-style: dashed none none none;
	border-color: #000000;
}
.main table {
	width: 100%;
	text-align: center;
	border: 1px #000000;
	border-style: dashed none none none;
}
.main td {
	width: 50%;
}
.char td{
	vertical-align: bottom;
	width: 160px;
}
.char h2{
	padding: 40px 0 40px 0;
}
.story td{
	vertical-align: bottom;
	padding: 20px 0 20px 0;
}
.omake td{
	padding: 20px 0 20px 0;
}

#sub {
	padding: 0 0 100px 0;
}
#image {
	width: 450px;
	height: 600px;
	background-image: url("img/cut.gif");
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
}
/* menu */
.menu {
	text-align: left;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: dashed none dashed none;
	border-color: #000000;
	padding: 10px 10px 10px 10px;
	background-image: url("img/contents.gif");
}
.menu ul {
	list-style: none;
	background-image: url("./img/i_jill.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
.menu li {
	margin: 0 0 0 10px;
	display: inline;
}
/* footer */
.footer {
	text-align: center;
	background-color: #FFFFFF;
	background-image: url("img/contents.gif");
}
.footer p {
	padding: 10px 5px 10px 5px;
}
#head{
	width: 780px;
	height: 24px;
	background-image: url("img/head.gif");
}
#foot{
	width: 780px;
	height: 24px;
	background-image: url("img/foot.gif");
}