@charset "UTF-8";

body{
  margin: 0 auto;
  padding: 0;
}

.container{
  width: 1000px;
  margin: 0 auto;
  font-size: 18px;
  font-family:"Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;  
}
.top{
  width: 1000px;
}
.l{
  width: 640px;
  vertical-align: top;
}
.r{
width: 360px;
vertical-align: top;
}
h1{
  font-size: 23px;
  border-left:solid mediumblue 6px;
  padding-left: 10px;
  margin-left: 10px;
}
p.bun{
  text-align: left;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0;
  padding: 0 20px;
}
div.cm{
  margin:5px auto 5px auto;
  padding: 0px;
  line-height : 25px;
  font-size: 14px;
  text-align: center;
}
.yellow_bold{
font-weight: bold;
background-color: yellow;
}
.red_bold{
  font-weight: bold;
  background-color: red;
  color: white;
  }
  div.center{
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
  }
  .mawaru{
    animation: anime_move1 20s linear infinite;
}
@keyframes anime_move1 {
    0% { transform: rotateX(0deg) rotate(0deg); }
    100% { transform: rotateX(0deg) rotate(360deg); }
}
p.rlink a {
  display: inline-block;      /* リンクをインラインブロック化して表示 */
  font-size: 20px;
  width: 280px;                 /* 横幅を300px分*/
  border: 1px solid skyblue;    /* 枠線を加える */
  padding: 0.7em;               /* 内側の余白量を0.7文字分にする。この余白は「クリック可能な空白」 */
  margin: 0px 0px 1px 0px;
  /* 外側の余白量として、右に0.15文字分、下に0.5文字分。この余白は「クリック対象外」 */
  text-decoration: none;        /* リンクの下線を消す */
  line-height: 1.2;             /* 行の高さを1.4倍にする */
    background-color: #99FF99;
}
  footer{
    width: 100%;
    line-height : 30px;
    font-size: 18px;
    text-align: center;
  }