@charset "utf-8";
body{
	background-color:white;
	color:#348;
	color:#124;
	margin:0px 1em 6em 1em;
	}
a{text-decoration: none;}
a:link  {color:#66f;background-color:white;}
a:visited{color:#f69;background-color:white;}
a:hover {color:#0c0;background-color:#ffa;}
a:active {color:#f93;background-color:white;margin:auto 0.2em auto -0.2em;}
a.tab{target-new:tab;target-position:behind;}			/* 背後のタブにリンク先を開く（CSS3草案）*/
a:hover.tab{cursor:move;color:#a60;background-color:#aff;}
a[target="_blank"]:hover{cursor:move;color:#a60;background-color:#aff;}	/* 新しいウインドウにリンクを開く場合には別デザイン */

h1{text-align:center;font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;margin-bottom:0.5em;}
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;
	}

table.tbn {
border:outset 2px silver;
}
.tbn td{
border:inset 1px silver;
padding:1em;
}

table.tbr{
border-collapse:collapse; 
}
.tbr td{
border:ridge 5px red;
padding:1em;
}

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');}

pre{	overflow:auto;	}
p{
	margin:0em;
	padding:0.2em 0em;
	}

blockquote{
	text-decoration:none;
	font-family: "Comic Sans MS", "Courier", "みかちゃん-P", "ヒラギノ明朝 Pro w3", "リュウミンライト−KL", "ＭＳ 明朝", cursive;
	margin:auto 2em;
	padding:0.5em 1em;
	border:dashed 1px silver;
	}
q{	quotes:none;
	text-decoration:none;
	}

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;
	}	

p.i1, body.i1 p, div.i1 p{text-indent:1em;}
p.i2, body.i2 p, div.i2 p{text-indent:2em;}

.hr{
	clear:both;
	border-bottom:dotted 1px silver;
	}
.hidden{
	visibility:hidden;
	margin:0em;
	display:none;
	}
.tensen{
	border:dashed 1px #ffd700;
	padding:0.5em;
	}
.sup{vertical-align:0.5em;font-size:0.75em;}
.sub{vertical-align:-0.3em;font-size:0.7em;}

.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;}

/* ▼改行しない */
.nobr{white-space:nowrap;}

/* ▼タブ、スペース、改行をそのまま表示 */
.pre{white-space:pre;}

/* ▼文字サイズ */
.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 New","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;}		/* シルバー */
.bgcw{background-color:white;}		/* 白 */
.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;} /* #ffd700; */
.mikan{color:#f80;}
.midori{color:#0b0;}

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

div.w9{					/* 幅90%中央寄せ（MSIE の場合は中央に寄らない） */
	width:90%;
	margin-left:5%;
	margin-right:auto;
	text-align:left;
	}

.accesskey{color:gray;font-size:0.8em;}

#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;}


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.w50r, div.w33, div.w25{
	float:left;
	margin-bottom:1em;
	padding-bottom:1em;
	border:dotted silver 1px;
	}
div.w100{width:100%;}
div.w50{ width:50%;}
div.w50r{width:49%;float:right;}
div.w33{width:33%;}
div.w25{width:24%;}
div.w100 h2,div.w50 h2,div.w50r 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;}
kbd, .terminal, pre.kbd{
	color:black;
	background-color:#ccc;
	font-family:"Osaka-等幅",Courier,monospace;
	border:1px outset;
	padding:0.25em;
	margin:0.25em;
	}

pre kbd{
	padding:0em;
	margin:0em;
	border:none;
	}
pre.kbd{
	padding:0.5em;
	border-right:outset 2px;
	}
#footline, .footline{
	position:fixed;
	bottom:0em;
	right:0em;
	color:gray;
	text-align:right;
	background-color:white;
	width:100%;
	border-top:1px solid gray;
	}

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