body, th, td { line-height: 150%; }
body {
  background-color: white; 
  background-attachment:fixed;
  background-position:right top;
  background-repeat:no-repeat;}
a:visited { color: blueviolet; }
a:hover { color:navy; position:relative; top:1px; }
h1 { font-size:150%; font-weight:bold; padding-top:2em; }
h2 { font-size:130%; font-weight:bold; padding-top:2em; }
h3 { font-size:110%; font-weight:bold; padding-top:2em;}
h3:before { content:"【"}
h3:after { content:"】"}
h4:before { content:"◎"}
dt { font-weight:bold; padding-top:1em;}
ul { list-style: none;   display: flex; flex-flow:row wrap; }
li.text {padding-left:2em;}

@media all and (min-width: 920px) {
	body {
		  margin-left:8%; margin-right:17%; }
	img.icon{ width:160px; }
	img.mini{ height: 200px; }
}

@media all and (max-width: 919px) {
	body {
		  margin-left:3%; margin-right:3%; }
	img.icon{ width:100px; }
	img.mini{ height: 160px; }
}