@charset "UTF-8";


body  {
      margin: 0;
      margin-left: auto; margin-right: auto;
      font-family: "メイリオ",
      "Hiragino kaku Gothic Pro",
       sans-serif;

      background-color: #FFFDED;
      background-image: url(../images/back_line.png);
      background-repeat: repeat;
      background-position: top left;
      }

nav  {
     text-align: center;
     padding:10px;
     }

 h1  {
   margin: 2em 10%;
   padding: 10px;
   font-size: 16px;
   line-height: 1.5em;
   color: #ff3399;
   letter-spacing: 0.1em;
   border-bottom-width: thick;
   text-align: center;
   margin: 0em 10%;
   padding: 10px;
      }

 h2 {
   margin: 2em 10%;
   padding: 10px;
   font-size: 14px;
   line-height: 1.5em;
   color: #ff3399;
   letter-spacing: 0.1em;
   background-color: rgba(255,254,238,0.6);
   border-bottom-width: thick;
 }

 h3 {
   margin: 30;
   font-size: 18px;
   color: #006600;
   text-align: center;
 }

 p {
   margin: 2em 10%;
   padding: 10px;
   font-size: 14px
   line-height: 1.5em;
   color: #336600;
   letter-spacing: 0.1em;
   background-color: rgba(255,254,238,0.6);
   border-bottom-width: thick;
 }

 .pagetitle {
   margin: 2em 10%;
   padding: 10px;
   font-size: 18px;
   line-height: 1.3em;
   text-align: center;
   color: #ffffff;
   letter-spacing: 0.1em;
   background-color: #cc0033;
   border-bottom-width: thick;
 }

 .pagetitle {
   display: block;
   border-radius: 5px;
   margin: 2em 20%;
   padding: 10px;
   font-size: 18px;
   line-height: 1.3em;
   text-align: center;
   color: #ffffff;
   letter-spacing: 0.1em;
   background-color: rgba(122,30,30,0.6);
   border-bottom-width: thick;
 }

 .navi {
   display: block;
   border-radius: 5px;
   margin: 2em 20%;
   padding: 10px;
   font-size: 10px;
   line-height: 1.3em;
   text-align: center;
   color: #ffffff;
   letter-spacing: 0.1em;
   background-color: rgba(23,130,130,0.6)
 }


 .riyourei {
           display: block;
           border-radius: 8px;
           margin: 3em 10%;
           padding: 2em 10%;
           font-size: 15px;
           line-height: 1.3em;
           text-align: center;
           color: #D9D98C;
           letter-spacing: 0.1em;
           background-color: rgba(149,208,192,0.6);
           border-style: solid solid solid solid;
           }
 .read {
   display: block;
   border-radius: 8px;
   margin: 2em 10%;
   padding: 2em 10%;
   font-size: 15px;
   line-height: 1.3em;
   text-align: center;
   color: #D9D98C;
   letter-spacing: 0.1em;
   background-color: rgba(229,194,219,0.6);
   border-style: solid solid solid solid;
 }
 
.read h1 {
   font-size: 15px;
   line-height: 1.3em;
   text-align: center;
   color: #006600;
   letter-spacing: 0.1em;
   background-color: rgba(229,194,219,0.6);
   border-style: none;
 }

.comment {
   margin: 2em 10%;
   padding: 10px;
   font-size: 14px;
   line-height: 1.3em;
   color: #990066;
   letter-spacing: 0.1em;
   background-color: rgba(229,194,219,0.6);
   border-style: solid solid solid solid;
   text-align: center;
 }

 .meishi {
   margin: 1em 10%;
   padding: 10px;
   font-size: 14px;
   line-height: 1.3em;
   color: #006600;
   letter-spacing: 0.1em;
   background-color: #ffffff;
   border-style: dashed;
 }

 em {
    background-color:#fadd4b;
    font-size: 18px;
    }



 .special_news {
          display: block;
          margin: 2em 20%;
          border-radius: 5px;
          padding: 10px;
          font-size: 18px;
          line-height: 1.3em;
          text-align: center;
          letter-spacing: 0.1em;
          background-color: rgba(255,255,255,0.6);
          border-left: 10px solid #f30c80;
          }


 td { padding:1em 1.4em; }


 footer {
   display: block;
   border-radius: 5px;
   margin: 2em 20%;
   padding: 10px;
   font-size: 18px;
   line-height: 1.3em;
   text-align: center;
   color: #ffffff;
   letter-spacing: 0.1em;
   background-color: rgba(122,30,30,0.6);
   border-bottom-width: thick;
        }

  p
   {text-align: center}
   }