A{text-decoration:none}
A:hover{text-decoration:underline;color:red}
H1{font-size:24px;margin:7px;color:#336633;font-weight:bold;background-color: #ddff99;padding-left:3px;padding-top: 2px; border: 1px solid gray;}
H2{font-size:16px;margin:10px;color:#003300;font-weight:bold;background-color: #fff0cc;padding-top:3px;clear:right;}
P{margin:5px}
img{
  float:right; 
  margin-left:1em; 
  margin-bottom:0.5em; 
}
H3{clear:float}
P.i{margin-left:1.0em;}
p.n{
  margin-left: 2em;
  text-indent: -1em;
}

.l1 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:1.1em;
  padding-top: 0.2em
}
.l1 li {
  position: relative;
  padding-left: 30px;
  line-height: 1.1em;
  padding: 0.2em 0.3em 0.3em 30px;
}

.l1 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #4abdac;
  color:white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bt {
  width:320px;
  font-size:17px;
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:7px 0 7px;
  color:#124d12;
  background-color:#e3ffbe;
  border-radius:5px;
  box-shadow:1px 1px 1px #aaa;
}