body { margin: 2% 2%;line-height: 150%  }
h1{ line-height: 250%; }
h2 { line-height: 200%; }

p { line-height: 150% }
h1 { color: #DDFFFE; font-family: 'MS P明朝','MS 明朝',serif; font-size: large; background-color: #000099; padding: 2px; text-align: center }
h2 { font-size: larger; border-width: 0em 0.1em 0.1em 0em ; border-color: #aaaaaa; border-style: solid; padding: 2px 5px 2px 5px; background-color: #dddddd }
h3 { font-size: medium; border-width: 1px; border-color: gray; border-style: solid; padding:  2px 5px 2px 5px  }
p { line-height: 150% }
p.memo { line-height: 150%; margin-left: 0em; border-width: 0.1em; border-style: solid;  padding: 0.5em; border-color: red }
table,th,td { border-collapse: collapse; border: 1px solid #aaaaaa }
th { background-color: #eeeeee }
dt { font-style: normal; font-weight: font-size: 120% }
th,td { padding: 1px }
div.navi { text-align: right; }
a:link { color: #0000ff }
a:visited { color: #000080 }
a:hover { color: white; background: #0000ff }

img.miniimage { display: none; }

/* ▼表示領域が400px以上の場合 */
@media screen and (min-width: 400px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が400px未満の場合 */
@media screen and (max-width: 399px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}