@media screen and (max-width: 480px) {
  .greeting br {
    display: none;
  }
}
A{text-decoration:none}
A:hover{text-decoration:underline;color:red}
H1{font-size:24px;margin:7px;color:#330066;font-weight:bold;background-color: #ddffef;padding-left:3px;padding-top: 2px; border: 1px solid gray;}
H2{font-size:16px;margin:10px;color:#330066;font-weight:bold;background-color: #d0fff5;padding-top:3px;}
p { background-image: url(../images/common/pix.png); }
hr { background-image: url(../images/common/pix.png); }
P{margin:7px}
P.br{line-height:2}
P.i{margin-left:1.0em;}
P.b{
  margin-top:8pt;
  margin-left:1.0em;
}ol{
  counter-reset:number;
  list-style: disc outside none;
  padding: 0em;
}
ol li{
  position: relative;
  line-height: 1.5rem;
  padding: 0.5em 0.1em 0.5em 40px;
}
ol li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #74c2f8;
  color: white;
  font-family: 'Arial Black','Arial',sans-serif;
  font-size: 1rem;
  left: 10px;
  width: 25px;
  height: 25px;
  text-align:center;
}