@import "light.css";

body{
	background-color:#006;		/* 背景色 */
	font-weight:	normal;		/* 文字太さ */
	word-spacing:	normal;		/* 単語間隔 */
	letter-spacing:	normal;		/* 文字間隔 */
	text-transform:	none;		/* アルファベットの大文字小文字の変換はしない */
	color:#9ff;			/* 文字色 */
	font-size:1.5em;		/* 文字大きさ */
	font-family:Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;	/* 字体 */
	line-height:180%;		/* 一行の高さ1.8倍 */
	}
h1, h2,h3 { color:white; }
h1{text-align:center;font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.8em;}
h4{font-size:1.2em;margin-bottom:0.5em;}
h5,h6{font-size:1em;}
h1, h2, h3, h4, h5, h6{	
	color:	#fc0;
	background:	#006;
	line-height:120%;
	}
a{	text-decoration: none;
	font-family: "Comic Sans MS","Courier","ヒラギノ丸ゴ Pro","ＭＳ ゴシック",fantasy;
	}
a:link{
	background-color:#420;
	color:#cdf;
	border-bottom:solid 1px black;
	border-right:solid 2px black;
	}
a:visited {background-color:#336; color:#f8f; }
a:hover { background-color:black;color:white; }
abbr{cursor:help;}			/* 省略表現の説明にはヘルプカーソル適用 */
table,caption{
	margin-left:auto;		/* 表：左余白自動 */
	margin-right:auto;		/* 表：左余白自動 */
	}
table{empty-cells: show;}		/* 表：空白セルを表示する */
caption{
	font-size:1.5em;
	caption-side:bottom; 		/* キャプションの表示位置指定 */
	}
.bl, table.tbl td,table.tbl th, tr.tbl td,tr.tbl th, td.tbl,th.tbl{
	border-bottom:solid 1px aqua;
	border-right:solid 1px aqua;	/* セル：右と下に薄く線を入れる*/
}	
td,th{
	font-size:1.5em;
	vertical-align: top;		/* セル内の文字の垂直配置を上に寄せる */
}	
table.noborder th{border:none;}		/* セル：線消し*/
table.noborder td{border:none;}		/* セル：線消し*/
tr.noborder th{border:none;}		/* セル：線消し*/
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;}
form { margin: 0; }
input , textarea , select {
	margin: 0;
	font-size: 100%;
	font-family: "Osaka","ＭＳ ゴシック", sans-serif;
	vertical-align: middle;
	border:2px inset #224;
	background-color:#236;
	color:#bff;
	max-width:90%;			/* 最大幅を制限してウインドウからはみ出さないようにする */
	}
pre{	overflow:auto;	}
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 2px #246;
	}
em	{	
	font-style:	normal;
	font-weight:bold;		/* 太文字 */
	color: white;
	background:	#006;
	}	
		
strong	{	
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 1.5em;
	font-style: italic;		/* 斜体指定 */
	font-weight: bold;
	color: white;
	background:	#006;
	}	
		
em strong, strong em {	
	text-transform:	uppercase;	/* アルファベットを全て大文字に直す */
	font-size: 3em;
	font-family: "みかちゃん-PB", "ヒラギノ角ゴ Pro w6", "ＭＳ ゴシック",sans-serif;
	font-style: normal;
	color: #ff8;
	}	

p{					/* フレーズ基本型 */
	margin:0em;
	padding:0.2em 0em 0.2em 0em;
	}
#header{
	color:silver;
	text-align:left;
}
#footer{
	color:gray;
	text-align:right;
	}
#author{				/* 執筆者氏名表示用 */
	margin:auto 1em auto auto;
	width:20em;
	}
#gotop{
	position:fixed;
	bottom:0em;
	right:5em;
	width:9em;
	}
#gohome{
	position:fixed;
	bottom:0em;
	right:0em;
	width:5em;
	}
#isflags{
	float:right;
	background-color:#336;
	line-height:100%;
	}
#isflags a{
	background-color:transparent;
	border-color:transparent;
	}

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

div.w9{					/* 幅90%中央寄せ */
	width:90%;
	margin-left:5%;
	margin-right:auto;
	text-align:left;
}
.hr{clear:both;border-bottom:solid 2px #a78;}	/* 横線。下線として現れる。*/
.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:#600;}		/* 赤 */
.bgcy{background-color:#330;}		/* 黄 */
.bgcg{background-color:#060;}		/* 緑 */
.bgca{background-color:#033;}		/* 水 */
.bgcb{background-color:#006;}		/* 青 */
.bgcf{background-color:#303;}		/* 紫 */
.bgcs{background-color:#333;}		/* シルバー */
.bgcm{background-color:black;}		/* 黒→base.cssでは白 */
.bgmetal{background:url(./img/metal_d.jpg);}

/* ▼文字色（明るい色に補正済み） */
.white{color:#006;}
.silver{color:#ddc;}
.gray{color:#bba;}
.black{color:#444;}
.red{color:#f42;}
.maroon{color:#fbb;}
.yellow{color:#ff2;}
.olive{color:#ffb;}
.lime{color:#4f2;}
.green{color:#bfb;}
.aqua{color:#4ff;}
.teal{color:#bff;}
.blue{color:#44f;}
.navy{color:#bbf;}
.fuchsia{color:#f4f;}
.purple{color:#fbf;}

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

.mono{color:white;}


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

.appear      {color:#330;background-color:#330;}
.appear:hover{color:white;background-color:black;}
kbd, .terminal, pre.kbd{
	color:white;
	background-color:black;
	font-family:Courier,"Osaka-等幅",monospace;
	border:1px solid gray;
	padding:0.25em;
	margin:0.25em;
	}
pre kbd{
	padding:0em;
	margin:0em;
	border:none;
	}
pre.kbd{
	padding:0.5em;
	border-right:solid 2px;
	}


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

div.w100 h2,div.w50 h2,div.w33 h2,div.w25 h2{
	font-size:1em;
	margin:0.5em auto 0.5em 1em;
	background-color:navy;
	}

code, .code, .html{
	font-family:"Courier New","Osaka-等幅",monospace;
	padding:0.2em 0.5em;
	margin: 0.2em 0.25em;
	border-bottom:solid 1px aqua;
	border-right :solid 1px aqua;
	}
code, .code{background-color:#330;}
.html{background-color:#033;}
.code code{
	border-right:none;
	border-bottom:none;
	padding:0px;
	}
pre.code{
	padding-right: 0.25em;
	padding-bottom:0.25em;
	}