body{
      text-align: center;
      font-size:  14px; /* フォントサイズを初期値の90％分に指定 */
      line-height:1.5; /* 行ボックスの高さをフォントサイズの1.5倍に指定 */
      background: #FFCCFF url(./img/bg5.gif) repeat-x,y ; /* 背景を白に変更 */
      color:#000000; /* ページ全体で使用する文字色の指定 */
      margin: 0;
      padding:0;
}

#container {
       width: 650px;
       background-color: #FFFFFF;
       text-align: left; /* 文字の左配置指定 */
       border: 2px solid #000000 ;
       margin: 0 auto;
}
h1,h2,h3{ margin: 0; }      

hr{
       color: #333333; height: 1px; width: 90%;
}
h1 {
       width: 650px;
       height: 30px;
       margin: 0;
       padding: 5px 0;
       font-size: 110%;
       color: #000000;
       text-align: center; 
}

h2 {
   text-align: left;
   font-size:130%; /* フォントサイズをbody要素から継承された計算値の120%に指定 */
   font-weight: bold;
   color: #cc0000; /* 小見出しの文字色指定 */
   margin: 0 40px 0 40px;
}

.banner {
        text-align: left; /* 文字の配置指定 */
        width: 650px;
        height: 280px;
        background: #ffffff url(./img/top1.jpg) no-repeat; /* 画像のパスを指定 */
        margin: 0 auto;
}

.banner_3 {
        text-align: left; /* 文字の配置指定 */
        width: 650px;
        height: 280px;
        background: #ffffff url(./img/top3.jpg) no-repeat; /* 画像のパスを指定 */
        margin: 0 auto;
}
h3{
   width: 590px;
   text-align: center; /* 文字の中央配置指定 */
   font-size:120%; /* フォントサイズをbody要素から継承された計算値の120%に指定 */
   color: #000000; /* 小見出しの文字色指定 */
   background-color: #FFFF66; /* 小見出しの背景色を指定 */
   margin: 0 30px 0 30px;
   padding: 5px 0px;
}

h4 {
   text-align: center; /* 中央寄せ */
   font-size:160%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   font-weight: bold;
   font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
   color: #cc0000; /* 小見出しの文字色指定 */
   border-style: none ; /* 外枠指定 */
   margin: 0 ;
   padding: 0;
}

h5 {
   text-align: center; /* 中央寄せ */
   font-size:120%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   font-weight: bold;
   color: #cc0000; /* 小見出しの文字色指定 */
   padding: 5px;
}

h6 {
   font-size:80%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   color: #000000; /* 小見出しの文字色指定 */
   margin: 0;
   padding: 5px;
}

ul{
    margin: 0 5px;
    padding: 0;
}

li{
    margin: 0 20px;
    padding: 5 0 0 20px;
    list-style: none;
    font-size: 110%; /* フォントサイズをbody要素から継承された計算値の95%に指定 */
}

p {
      margin: 0 30px;
      font-size: 105%; 
} 
.p_2{
      margin: 0 50px;
      font-size: 105%; /* フォントサイズをbody要素から継承された計算値の95%に指定 */
} 

.p_ao {
      margin: 0 50px;
      font-size: 95%; /* フォントサイズをbody要素から継承された計算値の95%に指定 */
      color: #3300FF;
}

.under {
    text-decoration: underline;
    font-weight: bold;
    margin: 0 30px;
} 
.style18 {
    font-size: 18px;
    margin: 0 0 0 80px;
}

.style24 {
    font-size: 24px;
    font-weight: bold;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    margin: 0 0 0 30px;
}
.style50 {
    margin: 0 0 0 50px;
}
.sub {
      text-align: center; /* 中央寄せ */
     }

.box {
      margin: 0 30px;
      padding: 0;
      background-color: #ffffe6;
      border: solid 1px #cc0000 ; /* 外枠指定 */
}

.box_no {
      margin: 0 30px;
      padding: 0;
      background-color: #FFFFFF;
      border: solid 1px #cc0000 ; /* 外枠指定 */
}

.box_mokuji {
      margin: 0 100px;
      padding: 0;
      background-color: #FFFFFF;
      
}

.q-box {
      background-color: #FFFFFF;
      border: double 1px #cc0000 ; /* 外枠指定 */
      font-size: 100%;
      margin:0 40px;
      padding: 0;
}

.q-a {
      background: #FFCCCC; /* 画像のパスを指定url(./img/back.gif) repeat */;
      font-size: 110%;
      margin: 0 0 5px 0;
      padding: 0 0 0 5px;
}

.prof {
      font-size: 100%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
      margin: 0 30px;
      padding: 0;
      background-color: #ffffe6;
      border: solid 1px #FF0000 ; /* 外枠指定 */
}
.mousikomi {
      width: 550px; 
      margin: 0 40px;
      padding: 20px 0px 20px 20px;
      background-color: #ffffe6; /* ページの背景色を指定 */
      border: solid 1px #cc0000; /* 外枠指定 */
      text-align: center;
}

.mousikomi_2 {
      text-align: center;
      font-size: 18px;
      font-style: bold;
      font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
}
.mousikomi_2 a {
        color: #FF0000;
}
.price {
   text-align: center; /* 中央寄せ */
   font-size: 26px;
   font-style: bold;
   color: #cc0000; /* 小見出しの文字色指定 */
   margin: 0 50px;
   padding: 5px 0 0 5px;
}
.info {
       width: 90%;
       text-align: center;
       font-size: 110%; 
       border-top: solid 1px #000000;
       border-bottom: solid 1px #000000;
       margin: 10px 40px;
       padding: 10px;
}

.repo {
       width: 110%;
       text-align: left;
       font-size: 110%; 
       border-top: solod 1px #009900; /* 外枠指定 */
       border-bottom: solod 1px #009900;
       margin: 10px 10px 0 40px;
       padding: 10px;
}

.repo a {
        color: #000000;
        text-decoration: none;
}


.pagetop {
       font-size: 70%; /* フォントサイズを初期値の70％分に指定 */
       text-align: right;
}

#footer {
       width: 650px;
       height: 20px;
       margin: 0;
       padding: 0;
       background-color: #FFFFFF;
       color: #000000;
       text-align: center;
}
.footer_p {
       width: 90%;
       margin: 0 0 5px 0;
       padding: 0;
       text-align: center;
}
#footer a{
        color: #000000;
        text-decoration: none;
}

.footer_p a {
        color: #0000FF;
        text-decoration: none;
}

a:hover{ color: #ff0000;}

table {
     background-color: #ffffff; /* 表の背景の色 */ 
     font size: 90%;
     border: solid 2px #cccccc; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
}

td { border:solid 1px #cccccc; /* テーブル内側の仕切り線 */ 
}

.pr {
      text-align: center;      
      font-size: 100%;
      margin: 5px 0 0 0;
}
.pr a{
        color: #000000;
        text-decoration: none;
        font-size:  90%;
}
.pad {
      padding: 10px;
}