@charset 'EUC-JP';

/* ----------------------------------------------------------------------------
 * 基本
 */


* {  /* 全ての要素に対して */
	margin: 0px;
	padding: 0px;
	/* border: 1px solid black; */
}

body{
	background-color: #ddeedd;
	background-image:url('bg.png');
	color: #555555;
}

/* もはやlegacy */
div.navigator {
	font-size: 85%;
}


/* ----------------------------------------------------------------------------
 *  アンカ
 *    .ank         : 日付用 -> 日付によってアクセスできる
 *    .specialLink : 特別に紹介したいリンク用  若干太字っぽく
 */

a:link{
	color: #4444aa;
}

a:visited{
	color: #aa44aa;
}

a.ank {
	color: #777777;
	text-decoration: none;
}

a.specialLink{
	font-weight: 800;
}


/* ----------------------------------------------------------------------------
 *  見出し   h1〜h5 くらいまで
 */
h1{
	text-align: center;
	padding: 2px;

}

/* 汚いマークアップ！ (>_<) */
span.head1{
	/* border-bottom: 1px solid #777777;*/
	border: 1px solid #777;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
}

h1.notaste{
	text-align: left;
}


h2{
	text-align : center;
	font-size  : medium;
	font-weight: 800;
}

h3{
	clear: both;
	background-color: #efd;
	margin-top: 10px; /* ただし div.Ps の下端からのマージンとはならない */
	padding-left: 10px;
	padding-right: 0.3em;
}

h4{
	clear: both;
	margin-top: 5px;
	margin-bottom: 1px;
	padding-left: 10px;

	/* border-bottom: 1px solid #777777; .. これが本当だよね.. */
	border: 1px solid #777;
	border-width: 0 0 1px;
}

h5 {
	margin-top: 1em;
}

h5.asListItem {
	margin-top: 10px;
	margin-left: 25px;
	font-size: 100%;
}

h5.asListItem:before {
	content: "\27a2";
	font-size: 80%;
	color: #aaaa00;
}

/* ----------------------------------------------------------------------------
 *   div で大まかなマークアップをする
 */
div.Ps {
	float: left;
	margin: 0px;
	font-size: 90%;
	width: 72%;
	margin-bottom: 10px;
	margin-left: 3%;
}


div.credit {
	font-size: 85%;
	clear: both;
	width: auto;
	padding: 1em;
	text-align: right;
	/* border-top: 1px solid #777; これが本当.. */
	border: 1px dashed #777;
	border-width: 1px 0 0;
}

/*
 * avoid NN4 bug
 * ただしいつかは見捨てようと思うため，h3 と h4 にも clear: left は残している
 */
div.clearer { 
	clear: both;
}


/* ----------------------------------------------------------------------------
 *   標準の段落   p，span.biblio
 */
p{
	line-height: 1.5em;
	/* margin: 0.8em 0.8em; */
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

p.talk{
	margin-left: 2em;
	margin-right: 2em;
}

p.mainTail{
	margin-bottom: 20px;
}

p.tail{
	margin-bottom: 20px;
	text-align: right;
}

/* bibliography:参考文献の表示など
 * span.biblio という使い方が普通
 */
.biblio {
	font-size: 85%; /* さらに小さく */
	color: #aa9;
}

/* より強い強調 */
em.more,
strong.more {
	letter-spacing: 1em;
}


/* ----------------------------------------------------------------------------
 *  主に段落内の特殊な文字
 *     .firstLetter     .. <del>NN4 が first-letter に対応してないから</del>
 *                      .. 複数文字を大きめにしたい場合があるから
 *     <del>.PropCharArt  .. プロポーショナルフォントによる文字絵は，発音しない</del>
 *                   .. てか，それは media="aural" のスタイルシートで設定するべき。。。
 */
span.firstLetter{
	font-size: 140%;
	font-weight: 800;
}

span.PropCharArt {
	font-family: sans-serif;
	speek: none;
}


/* ----------------------------------------------------------------------------
 *  引用ブロック   blockquote
 */
blockquote{
	line-height: 140%;
}

blockquote.document {
	margin-left: 15px;
	margin-right: 15px;

	background-color: #f0e7dd;
	border: 1px solid #f0e7dd;
	padding: 10px;
}

blockquote.document {
	-moz-border-radius: 1.0em; /* CSS 非標準！ 滅多なことでは使わない！ */
}

blockquote[cite].document:after {
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	content: attr(cite);
	font-size: 80%;
	text-align: right;
	color: #c0a777;
}

blockquote[title].document:after {
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	content: 'from "' attr(title) '"';
	font-size: 80%;
	text-align: right;
	color: #c0a777;
}

blockquote[cite][title].document:after {
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	content: 'from "' attr(title) '" ' attr(cite);
	font-size: 80%;
	text-align: right;
	color: #c0a777;
}


/* ----------------------------------------------------------------------------
 *    辞書型の文字列リスト   dl dt dd
 *      .main    .. 特に辞書的な使い方 = 用語解説専用
 *      .comment .. div.Ps 内の用語を解説したり，ツッコミを入れたり
 */
div.Ps dl {
	margin: 0.5em 1.8em;
}

dd {
	margin-left: 2em;
}

dl.main {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #f0ffee;
	border: 1px solid #f0ffee;
}

dl.main {
	-moz-border-radius: 1.0em;   /* CSS 非標準！ 滅多なことでは使わない！ */
}

dl.main dd + dt {
	margin-top : 10px;
}

dl.main dd {
	margin-left: 1.5em;
}

dl.comment {
	float: right; /* これも必要らしい？ */
	margin-top: 1em;
	margin-right: 1%;
	font-size: 65%;

	width: 22%;
}

dl.comment dt {
	font-weight: 800;
}

dl.comment dd {
	margin-left: 1em;
	margin-bottom : 10px;
}

/* ----------------------------------------------------------------------------
 *  リスト  ul, ol, li
 */
ul {
	margin-left: 10px;
	margin-right: 10px;
}
ol {
	margin-left: 15px;
	margin-right: 10px;
}

li {
	margin-left: 2em;
	margin-top: 2px;
	margin-bottom: 4px;
}

/*
 * 画面上部のナビゲータなんだけど，そういう「ナビゲータ」は
 * 音声ブラウザでは何度も繰り返し読まれると不評。
 */
ul.navigator {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0.5em;
	/* border-bottom: 1px dashed #777; */
	border: 1px dashed #777;
	border-width: 0 0 1px;
}
ul.navigator li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 85%;
	list-style-type: none; /* これも NN4 のバグらしい */
}

ul.navigator li:before{ content: '[ '; }
ul.navigator li:after { content: ' ]'; }


/* ----------------------------------------------------------------------------
 *   pre
 * @class  markup  SGML(サブセット含む)などのマークアップ言語
 * @class  output  画面出力
 * @class  code    プログラミング言語ソースコード，言語指定なし
 * @class  text    整形済みテキスト (汎用ってことで)
 */
pre.markup,
pre.output,
pre.code,
pre.text {
	-moz-border-radius: 1.0em;  /* CSS 非標準！ 滅多なことでは使わない！ */
}

pre.markup,
pre.output,
pre.code,
pre.text {
	margin-left: 1px;
	background-color: #d7e7e7;
	border: 1px solid #d7e7e7;
	white-space: pre;
}

/* pre.main{
} */


/* ----------------------------------------------------------------------------
 *    テーブル
 */
table {
	margin-left: 2%;
	background-color: #aad;
}

caption {
	margin-left: 5%;
	/* background-color: #7ad;
	color: white; */
}

th {
	background-color: #acd;
	color: white;
}

td {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #efe;
}



/* 数値は右寄せ */
td.num {
	text-align: right;
}