div.container{
  width: 360px;
  margin: 0 auto;
  font-family:"Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;
}

h1{
  line-height : 40px;
  font-size: 30px;
  font-weight : bold;
  text-align: center;
  border-bottom: solid 4px navy;
}

h2{
  line-height : 40px;
  font-size: 20px;
  font-weight: bold;
  padding-left: 15px;
  border-left: solid 10px red;
}

p.main{
font-size: 20px;
margin: 0 10px 0 10px;
}

p.right{
  text-align: right;
  padding-right: 10px;
}

p.center{
  text-align: center;
}
div.center{
  text-align: center;
}
footer{
  width: 100%;
  line-height : 30px;
  border-top: solid 1px navy;
  font-size: 18px;
  text-align: center;
}

div.cm{
  line-height : 20px;
  font-size: 12px;
  text-align: center;
}

/* ーーーブロック型リンク ーーー*/
div.link a{
   display: inline-block;      /* リンクをインラインブロック化して表示 */
   width: 580px;                 /* 横幅を580px*/
   border: 1px solid skyblue;    /* 枠線を加える */
   font-size: 30px;
   font-weight: bold;
   border-radius: 0.75em;        /* 枠線の角を丸くする */
   padding: 0.7em;               /* 内側の余白量を0.7文字分にする。この余白は「クリック可能な空白」 */
    margin: 0px 0.15em 0.5em 0px;
    /* 外側の余白量として、右に0.15文字分、下に0.5文字分。この余白は「クリック対象外」 */
   text-decoration: none;        /* リンクの下線を消す */
   line-height: 1.4;             /* 行の高さを1.4倍にする */
}
div.link a.usucya{
  background-color: #EEE8AA;
}
div.link a.usuaka{
  background-color: #FFBEDA;
}
div.link a.usumidori{
  background-color: #99FF99;
}
div.link a.usuki{
  background-color: #ffffcc;
}
div.link a.sorairo{
  background-color: #eeffff;
}
/* ▼リンクの上にマウスが載った際の装飾(背景色だけ指定) */
div.link a:hover {
 background-color: #fcfcaa;
}