body			{ margin:0px ; padding:0em ; word-break:break-all ; line-break:normal ; line-height:100% ; font-size:100% ; font-family:monospace ; text-align:center ; }

p,li,th,td,dt,dd,code,pre,img	{  font-size:100% ; font-weight:normal ; }
h1							{ margin:2em 0em 1em ; padding:0em ; font-size:200% ; font-weight:normal ; }
h2							{ margin:2em 0em 0em ; padding:0em ; font-size:100% ; font-weight:bold ; }
p,pre,th,td,li	{ line-height:200% ; }

a:active			{ color:#ffff00 ; background:#000000 ; }
a:hover				{ color:#ffff00 ; background:#000000 ; }

ul			{ margin:0em 0em 0em 0em ; padding:0em ; }
li			{ margin:0em ; padding:0em ; list-style:none ; }

.whole		{ max-width:64em ; margin:0em auto 3em ; overflow:hidden ; }

.preface p	{ margin-top:0em ; }


#top-main			{ display:flex ; flex-wrap:wrap ; }
#top-main div	{ flex:1 1 ; display:block ; }

#top-star			{ margin:0.5em ; }
#top-star h2	{ background:#0000aa ; }
#top-star li	{ background:#0000aa ; border-top:solid 1px #ffffff ; }
#top-star a		{ color:#ffffff ; }

#top-black			{ margin:0.5em ; }
#top-black h2		{ background:#000000 ; }
#top-black li		{ background:#000000 ; border-top:solid 1px #ffffff ; }
#top-black a		{ color:#ff0000 ; }

#top-all		{ margin:0em auto 0em ; }
#top-all h2	{ padding:0.3em ; border:solid 1px #000000 ; }
#top-all li	{ margin-top:3px ; border:solid 1px #000000 ; }
#top-all a	{ color:#000000 ; }

.caution	{ margin-top:2em ; padding:0em ; text-align:left ; border:dashed 1px #000000 ; border-radius:0.5em ; }
.caution h2	{ display:none ; }
.caution p	{ text-indent:1em ; }