/* grayish.css */

@import url(gr-top.css);
@import url(color.css);
@import url(common.css);

/* ---------------------------------- */

body	{
	color:#333333;
	background-color:#bbccdd;
	margin:0;
	padding:0;
	}

a:link	{color:#225588}
a:visited	{color:#002255}
a:hover,a:active	{color:#009999}
a img	{border:0}

p,div,hr,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,blockquote,address,table,th,tr,td,tbody,thead,tfoot	{
	margin:0;
	padding:0;
	}

hr,.footer h2,.supplement	{display:none}

dl	{
	margin-top:1em;
	padding-right:5%;
	padding-left:10%;
	}
dt	{
	font-weight:bold;
	line-height:120%;
	}
dd	{
	line-height:120%;
	margin-left:5%;
	padding-bottom:1em;
	}
dd.list,dd.note2	{padding-bottom:0}

ol	{
	margin-right:5%;
	margin-left:15%;
	}

table	{
	margin-top:1.5em;
	margin-left:10%;
	border:1px outset #aabbcc;
	width:65%;
	}
th,td	{
	padding:0.2em;
	border:1px inset #aabbcc;
	}
th	{
	color:#ffffff;
	background-color:#556677;
	font-weight:normal;
	}

blockquote	{
	background-color:#aabbcc;
	margin:1em 5% 1em 10%;
	padding:1em 0 1em 0;
	}
blockquote dl	{padding:0 1em 0 1em;line-height:100%}
blockquote dt,blockquote dd	{line-height:100%}
blockquote dt	{font-weight:normal}

kbd	{text-decoration:underline}
q	{color:#555555}

em	{
	font-style:normal;
	font-weight:bold;
	}
strong	{
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
	}

/* ---------------------------------- */

.footer	{
	color:#ffffff;
	background-color:#333300;
	text-align:right;
	margin-top:2.5em;
	padding:0.2em 0.3em 0.5em 0;
	}

.navigation,address	{padding:0.3em}
.navigation	{list-style-type:none}
.navigation li	{line-height:120%}
address	{
	font-size:0.9em;
	font-style:normal;
	}

.navigation a,address a	{text-decoration:none}
.navigation a:link,address a:link	{color:#ddccbb}
.navigation a:visited,address a:visited	{color:#bbaa99}
.navigation a:hover,address a:hover,.navigation a:active,address a:active	{
	color:#33dd77;
	text-decoration:underline;
	}

/* ---------------------------------- */

h1	{
	font-weight:normal;
	font-size:2em;
	text-indent:0.5em;
	padding:1.2em 0 0.3em 5%;
	border-top:0.9em solid #333333;
	}

h2	{
	color:#ffffff;
	background-color:#333300;
	font-weight:normal;
	font-size:1em;
	padding:0.4em;
	}
.novel h2	{
	color:#333333;
	background-color:#bbccdd;
	padding-left:10%;
	border:none;
	}

h3	{
	font-weight:bold;
	font-size:1em;
	margin:1.5em 0 -1em 8%;
	padding-left:0.2em;
	border-left:0.5em solid #333300;
	}

.info	{line-height:120%}
p.info	{
	font-size:0.9em;
	margin:-0.3em 30% 3em 5%;
	padding:0.5em 0 0 10%;
	border-top:3px solid #333300;
	}
ul.info	{
	font-size:0.8em;
	margin:-0.5em 10% 3.5em 20%;
	}

.preview	{
	text-align:center;
	line-height:150%;
	margin-top:2em;
	margin-bottom:3em;
	}

/* ---------------------------------- */

.contents,.article,.novel,.word,.link	{margin:2em 5% 3em 15%}
.novel	{margin-bottom:7em}
.picture	{
	text-align:center;
	margin:2em 0 3em 0;
	}

.article p,.article ol,.novel p,.word p,.picture p	{
	line-height:150%;
	padding-top:1em;
	}
.article dd,.article ul,.comment	{line-height:150%}

.article ul,.article p,.novel p,.word p	{
	padding-right:5%;
	padding-left:10%;
	}
.article dl p	{
	padding-right:0;
	padding-left:0;
	}
.article ul ul	{padding-right:0}

.contents ul	{margin:auto 5% auto 15%}
.contents img,.link img	{
	float:right;
	margin-right:0.3em;
	margin-left:0.1em;
	}

.link dd	{padding-bottom:2em}

.article p	{text-indent:0.8em}
p.words,p.mailform	{text-indent:0}
p.mailform	{padding:0 1em 0 1em}

p.comment	{
	color:#555555;
	margin-left:5%;
	}

/* ---------------------------------- */

.note1,.note2,.date	{
	font-weight:normal;
	font-size:0.8em;
	}
.note2,.date	{color:#666666}

.date	{
	text-align:right;
	margin-top:-1em;
	margin-bottom:-1em;
	}

/* ---------------------------------- */

.list ul	{margin-top:0}
.list ul li	{
	line-height:120%;
	margin-left:-10%;
	}

.sitemap dt	{font-weight:normal}
.sitemap dt a	{font-weight:bold}

ul.new	{
	font-size:0.9em;
	line-height:120%;
	padding-right:0;
	padding-left:5%;
	}
ul.key	{
	line-height:120%;
	padding-top:1em;
	padding-left:15%;
	}

.author	{
	text-align:right;
	margin-right:5%;
	}

.next	{
	line-height:100%;
	font-weight:bold;
	text-align:right;
	margin:0;
	margin-left:40%;
	padding-bottom:0.3em;
	border-bottom:1px solid #333300;
	border-right:1px solid #333300;
	}
.novel .next	{
	margin-top:1em;
	margin-bottom:-3em;
	}

.opening	{
	font-size:1.7em;
	margin-top:1em;
	margin-bottom:-2em;
	}
.ending	{
	text-align:right;
	margin-top:1em;
	margin-bottom:-3em;
	}
.opening .subtitle	{font-size:0.6em}

/* ---------------------------------- */

.guidemap	{font-weight:bold}
.d-select	{color:#666666}

.acrostic	{
	font-family:"�l�r �S�V�b�N","Osaka-����",monospace;
	font-size:0.9em;
	}

a.secret	{text-decoration:none}
a:link.secret,a:visited.secret	{color:#333333}

/* ---------------------------------- */

form	{
	margin-bottom:0.5em;
	padding-right:5%;
	padding-left:10%;
	}
form dl	{padding-left:0}
form dt	{
	font-weight:normal;
	margin-bottom:-1em;
	}
form dd	{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0.2em;
	position:relative;
	top:-0.2em;
	left:5em;
	}

input,textarea,select,option	{
	color:#333333;
	background-color:#ccddee;
	}
input,textarea,select	{border:1px solid #666666}

p.submit	{
	text-indent:0;
	line-height:100%;
	margin-left:5%;
	padding:0 0 1em 5em;
	}
.submit input	{
	background-color:#aabbcc;
	border:3px outset #aabbcc;
	width:8em;
	}