/* summer.css */

@import url(su-top.css);
@import url(common.css);

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

body	{
	color:#003344;
	background-color:#ddeeee;
	background-image:url(su-back.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	}

a:link	{color:#0022ff}
a:visited	{color:#002299}
a:hover,a:active	{color:#ff3399}
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:0.3em;
	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:0.3em;
	margin-left:15%;
	}

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

blockquote	{
	margin-top:1em;
	margin-left:10%;
	padding:1em 0 0 1em;
	border-left:5px solid #009999;
	}
blockquote dl	{
	margin-top:0;
	padding-left:0;
	}
blockquote dt,blockquote dd	{line-height:100%}
blockquote dt	{font-weight:normal}

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

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

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

.footer	{
	text-align:right;
	margin-top:2.5em;
	padding-bottom:0.5em;
	}

.navigation,address	{padding:0.3em}
.navigation	{
	color:#336677;
	margin-right:5%;
	list-style-type:none;
	}
.navigation li	{line-height:120%}
address	{
	font-size:0.9em;
	font-style:normal;
	border-top:2px solid #006666;
	margin-top:0.3em;
	margin-left:150px;
	padding-right:0.5em;
	}

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

h1,h2,h3	{
	color:#003377;
	padding-bottom:0.2em;
	padding-left:0.3em;
	}
h1	{
	font-weight:normal;
	font-size:2em;
	margin:1.5em 30% 1em 50px;
	border-bottom:4px solid #008877;
	}

h2	{
	font-weight:normal;
	font-size:1.5em;
	border-bottom:3px solid #009988;
	}
.novel h2	{
	color:#003344;
	font-size:1em;
	padding-left:10%;
	border:none;
	}

h3	{
	font-weight:bold;
	font-size:1em;
	margin:1.5em 0 -1em 9%;
	padding-top:0.2em;
	border-left:15px double #009999;
	}

.info	{
	font-size:0.9em;
	line-height:120%;
	margin:-2em 5% 3em 150px;
	padding-left:0.3em;
	}
ul.info	{
	font-size:0.8em;
	padding-left:2em;
	margin-left:150px;
	}

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

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

.contents,.article,.novel,.word,.link	{margin:2em 5% 3em 150px}
.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:0.3em;
	padding-left:10%;
	}
.article dl p	{
	padding-right:0;
	padding-left:0;
	}
.article ul ul	{padding-right:0}

.contents ul	{
	margin:auto 0 auto 15%;
	padding-right:0.3em;
	}
.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:#336666;
	margin-left:5%;
	}

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

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

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

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

.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;
	padding-right:0.3em;
	border-right:15px double #009999;
	}
.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:#447777}

.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:#003344}

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

form	{
	margin-bottom:0.5em;
	padding-right:0.3em;
	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:#003344;
	background-color:#99ddcc;
	}
input,textarea,select	{border:1px solid #006666}

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