body{					/* 本文全体に関するデザイン */
	background-color:white;		/* 背景色は白 */
	color:#348;			/* 文字色はパステル調の青 */
	margin:0px 2em 2em 2em;	
	}
a{text-decoration: none;}		/* リンクのデザインで、下線などの飾りを消去 */
a:link  {color:#66f; }			/* 未訪問リンクのデザイン */
a:visited {color:#f69;}			/* 既訪問リンクのデザイン */
a:hover {				/* ポインターをかざしたときのリンクのデザイン */
	color:#0c0;
	background-color:#ffa;
	}
a:active {				/* クリックしている間のリンクのデザイン */
	color:#f93;
	background-color:white;
	margin:auto 0.2em auto -0.2em;}
h1{text-align:center;font-size:2.5em;}	/* 大見出は中央寄せ／サイズ */
h2{font-size:2em;}			/* 中見出サイズ */
h3{font-size:1.5em;}			/* 小見出サイズ */
h4{font-size:1.2em;}
h5,h6{font-size:1em;}

abbr{cursor:help;}			/* 省略表現の説明にはヘルプカーソル適用 */
table,caption{
	margin-left:auto;		/* 表：左余白自動 */
	margin-right:auto;		/* 表：左余白自動 */
	}
table{empty-cells: show;}		/* 表：空白セルを表示する */
caption{caption-side:bottom;} 		/* 表：キャプションを表の下に表示 */
.bl, table.tbl td,table.tbl th, tr.tbl td,tr.tbl th, td.tbl,th.tbl{
	border-bottom:solid 1px silver;	/* セル：下に薄くて細い灰色の線を入れる*/
	border-right:solid 1px silver;	/* セル：右に薄くて細い灰色の線を入れる*/
	}
td,th{
	vertical-align: top;		/* セル内の文字の垂直配置を上に寄せる */
	}
table.noborder th, table.noborder td{border:none;}		/* セル：線消し */
tr.noborder th, tr.noborder td{border:none;}		/* セル：線消し */
td.noborder, th.noborder{border:none;}	/* セル：線消し */

img{
	border: 0;							/* 画像はリンクしたときに枠をつけない */
	vertical-align: middle;		/* 文字と水平中心線をそろえる */
	}

ol ol{list-style-type: lower-latin;}			/* 番号付き箇条書きが入れ子になった場合の設定 */
ol ol ol{list-style-type: lower-roman;}
ul{list-style-image: url('./img/cake.gif');}		/* 箇条書きの画像 */
ul ul{list-style-image: url('./img/itigo.gif');}	/* 入れ子になった箇条書きの画像 */
ul ol{list-style-image: none;}
li{margin:0.3em auto;}

form { margin: 0; }					/* フォームの余白ゼロ */
input , textarea , select {				/* 文字入力欄デザイン */
	margin: 0;
	font-size: 100%;				/* 文字入力欄の文字サイズ普通 */
	vertical-align: middle;
	color:#348;
	max-width:90%;					/* ウインドウからはみ出さないように最大幅を設定 */
	background-color:#fbf9f1;
	}
textarea{background-image:url('./img/textarea.gif');}

p{					/* フレーズ基本型 */
	margin:0em;			/* 境界外側の余白ゼロ */
	padding:0.2em 0em;		/* 境界内側の余白：上下に0.2文字分、左右にゼロ */
	}

q,blockquote{				/* qは短い引用。blockquoteは長い引用。 */
	text-decoration:none;		/* 斜体などの飾りを解除。↓使用する文字フォントを指定 */
	font-family: "Comic Sans MS", "Courier", "みかちゃん-P", "ヒラギノ明朝 Pro w3", "リュウミンライト−KL", "ＭＳ 明朝", cursive;
	}
q {quotes: "“" "”" "‘" "’"; }	/* 引用符設定(これは削除可能／お好みにより) */
q:before {content: open-quote; }	/* ソース→ことわざに<q>二人を追う者は一人をも得ず</q>とある。 */
q:after {content: close-quote; }	/* 表示　→ことわざに‘二人を追う者は一人をも得ず’とある。 */
blockquote{				/* 長い引用 */
	margin:auto 2em;		/* 仕切り線から外側の余白設定。上下は自動、左右に２文字分 */
	padding:0.5em 1em;		/* 仕切り線から内側の余白設定。上下に半文字、左右に１文字分 */
	border:dashed 1px silver;	/* 仕切り線は、破線で、幅1ピクセル、銀色 */
	}
strong, em{				/* strongはとても強調。emは普通に強調。 */
	font-style: normal;		/* イタリック体や斜体を解除する */
	font-family: "Osaka", "ヒラギノ丸ゴ Pro w4", "ＭＳ ゴシック", sans-serif;
	font-weight:bold;		/* 太文字にする */
	}
em{	font-size:1.25em;}
strong{								
	font-size:1.5em;
	background-color:#ffd;
	color:red;
	}
em strong, strong em {	
	text-transform:	uppercase;	/* アルファベットを全て大文字に直す */
	font-size:3em;
	font-weight: bolder;		/* さらにもう少し太文字にする */
	background:	black;
	color: yellow;
	}	
#header{				/* ページ冒頭表示用 */
	color:gray;
	font-size:0.8em;
	text-align:left;
	}
#footer{				/* ページ末尾表示用 */
	color:gray;
	text-align:right;
	}
#author{				/* 執筆者氏名表示用 */
	margin:auto 1em auto auto;
	width:20em;
	}
#isflags{float:right;}

p.i1, body.i1 p, div.i1 p{text-indent:1em;}	/* インデント１文字 */
p.i2, body.i2 p, div.i2 p{text-indent:2em;}	/* インデント２文字 */

div.w9{					/* 幅90%中央寄せ（MSIE の場合は中央に寄らない） */
	width:90%;
	margin-left:5%;
	margin-right:auto;
	text-align:left;
	}
.hr{					/* 横線。<div class="hr"></div>で横線。下線としても使える */
	clear:both;			/* float 設定を解除します */
	border-bottom:dotted 1px silver;
	}
.hidden{				/* 隠す。スタイルシートの機能をオフにすると、隠していたものが現れます。 */
	visibility:hidden;
	margin:0em;
	display:none;			/* 非表示display:none;と、見えなくするvisibility:hidden;は、どちらか一方だけでも効果があります */
	}
.tensen{				/* 文を黄色い点線で囲む*/
	border:dashed 1px gold;
	padding:0.5em;
	}
.sup{vertical-align:0.5em;font-size:0.75em;}	/* 上付き添字*/
.sub{vertical-align:-0.3em;font-size:0.7em;}	/* 下付き添字*/

.accesskey{color:gray;font-size:0.8em;}
.dd3{margin:auto auto auto 3em;}		/* 　　　右に３文字分空かす */

/* ▼文字割付 */
.right{text-align:right;}			/* 　　　　　　　　右寄せ */
.center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;			/* 　　　　中央寄せ　　　　 */
	}
.left{text-align:left;}				/* 左寄せ　　　　　　　　 */

/* ▼回り込み */
.fleft{float:left;}				/* 後続を右に回り込ませる */
.fright{float:right;}				/* 後続を左に回り込ませる */
.nofloat{clear:both;}				/* 回り込み解除 */

/* ▼文字サイズ */
.huge{font-size:2em;}
.large{font-size:1.3em;}
.small{font-size:0.8em;}
.tiny{font-size:0.5em;}

/* ▼文字飾り*/
	/* 太字 */
.bold{font-weight:bold;}
	/* 等幅 */
.mnspc{font-family:Courier,"Osaka-等幅",monospace;}

/* ▼背景色 */
.bgcr{background-color:#fee;}		/* 赤 */
.bgcy{background-color:#ffe;}		/* 黄 */
.bgcg{background-color:#efe;}		/* 緑 */
.bgca{background-color:#eff;}		/* 水 */
.bgcb{background-color:#eef;}		/* 青 */
.bgcf{background-color:#fef;}		/* 紫 */
.bgcs{background-color:silver;}		/* シルバー */
.bgcm{background-color:white;}		/* 白→deep.cssでは黒 */
.bgmetal{background:url(./img/metal_b.jpg);}

/* ▼文字色 */
.white{color:white;}
.silver{color:silver;}
.gray{color:gray;}
.black,.mono{color:black;}
.red{color:red;}
.maroon{color:maroon;}
.yellow{color:yellow;}
.olive{color:olive;}
.lime{color:lime;}
.green{color:green;}
.aqua{color:aqua;}
.teal{color:teal;}
.blue{color:blue;}
.navy{color:navy;}
.fuchsia{color:fuchsia;}
.purple{color:purple;}

.gold{color:#aa0;}
.mikan{color:#f80;}
.midori{color:#0b0;}

/* ▼以下、このサイトの固有のデザイン */

h2:before {content: "▼ "}
h2:first-letter{color:#1b0;}

div.li p:before , p.li:before {content: "● ";}
div.li p:first-letter, p.li:first-letter {color:#f80;}
div.li p, p.li{margin-left:3em;text-indent:-1.2em;}

div.imgdd3 p img {margin-left:3em;}
div.redhead p:first-letter {font-size:1.5em;color: red;}

div.w100, div.w50, div.w33, div.w25{
	float:left;
	margin-bottom:1em;
	padding-bottom:1em;
	border:dotted silver 1px;
	}
div.w100{width:99%;}
div.w50{width:49%;}
div.w33{width:33%;}
div.w25{width:24%;}
div.w100 h2,div.w50 h2,div.w33 h2,div.w25 h2{
	font-size:1em;
	margin:0.5em auto 0.5em 1em;
	background-color:#eff;
	}

.appear      {color:#ffe;background-color:#ffe;}
.appear:hover{color:#348;}
.terminal{
	color:black;
	background-color:#ccc;
	font-family:Courier,"Osaka-等幅",monospace;
	border:1px outset;
	padding:0.25em;
	}

#footline{
	position:fixed;
	bottom:0em;
	right:0em;
	color:gray;
	text-align:right;
	background-color:white;
	width:100%;
	border-top:1px solid gray;
	}