@charset "utf-8";

* {
   margin: 0;
  padding: 0;
     }

html {
   height: 100%;
   overflow-y: scroll;
     }

body {
      height: 100%;
      background: #c8d2e3;
      font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
      }

#wrapper {
       width: 720px;
       min-height: 100%;
       margin: 0 auto;
       background: #fff;
       box-shadow: 0 0 5px rgba(0,0,0,0.3);
       }

#wrapper h3 {
     margin: 0px;
     padding: 30px 0px 0px 45px;
     color: #565656;
         }

#wrapper ol{
  
  counter-reset: cnt;
  list-style-type: none;
  margin: 20px;
  padding: 0px 10px 20px 20px;
         }

#wrapper ol li{

  text-indent: -3em;
  padding-left: 3em;

  font-size: 0.96em;
  line-height: 2em;
  }

#wrapper ol li:before {
  counter-increment: cnt;
  content: '【'counter(cnt)'】';
  /* 以下は自由に装飾... */
  padding-right: 0.5em;
  font-size:0.96em;
  font-weight: normal;
  color: #b94047;
}

#wrapper ol li span.essential {
   color: #0000cc;
   }

div.close { width: 640px; height: 70px; text-align: center; margin: 0 auto; padding-top: 20px; background: #fff; border-top: #6595d7 solid 1px; }

div.close p { display: inline-block; text-align: center; background: #fff; }

div.close a {font-size: 0.96em; color: #00f; line-height: 1.6em; text-decoration: underline;}

div.close a:hover {color: #f00;}