body{
	background-color:white;
	color:#348;
	width:620px;
	margin:1em auto 5em auto;	
	padding:0em 2em 1em 2em;
	border:dotted 1px silver;
	}
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;
	}
.bottom img{
	vertical-align: bottom;
	}

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

q,blockquote{
	text-decoration:none;
	font-family: "Comic Sans MS", "Courier", "みかちゃん-P", "ヒラギノ明朝 Pro w3", "リュウミンライト−KL", "ＭＳ 明朝", cursive;
	}
q {quotes: "“" "”" "‘" "’"; }
q:before {content: open-quote; }
q:after {content: close-quote; }
blockquote{
	margin:auto 2em;
	padding:0.5em 1em;
	border:dashed 1px silver;
	}
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;
	}
#footline{
	position:fixed;
	bottom:0em;
	right:0em;
	color:gray;
	text-align:right;
	background-color:white;
	width:100%;
	border-top:1px solid silver;
	padding-right:1em;
	}

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

div.w9{
	width:90%;
	margin-left:5%;
	margin-right:auto;
	text-align:left;
	}
.hr{
	clear:both;
	border-bottom:dotted 1px silver;
	}
.hidden{
	visibility:hidden;
	margin:0em;
	display:none;
	}
.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;}
.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;}






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