body{
      text-align: center;
      font-size:14px;
      line-height:1.5; /* 行ボックスの高さをフォントサイズの1.5倍に指定 */
      background: #F5F4FF url(./img/back.jpg) repeat-x; /* 背景をライトブルーに変更 */
      color:#000; /* ページ全体で使用する文字色の指定 */
}

#contents {
       width: 650px;
       text-align: left; /* 文字の左配置指定 */
       border: 2px solid #000;
       margin: 0 auto;
       background-color: #fff;
}

.banner {
        width: 650px;
        height:220px;
        margin: 0 auto;
        background: #fff url(./img/header.jpg) no-repeat; /* 画像のパスを指定 */
}

img { float: left;
      margin: 5px 0 0 0;
      vertical-align: top;
      }

---------------------------------------------------------------------------------

h1,h2,h3{ margin: 0; }      

h1 {
       height: 30px;
       padding: 5px 0 5px 20px;
       background-color: #FFFFFF;
       font-size: 100%;
       color: #FF0000;
       text-align: left; /* 左寄せ */
}

h2 {
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    font-size: 180%;
    margin: 10px 20px 10px 20px;
    color: #0000FF;
}


h3{
    text-align: center; /* 中央寄せ */
    font-size:24px;
    color: #FFFFFF;
    background-color: #0000FF;
    margin: 30px 20px;
}

h4 {
   font-size:115%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   color: #00F; /* 小見出しの文字色指定 */
   margin: 0 50px;
   padding: 0;
}

ul{
    font-size:110%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
    font-style: bold;
    color: #000000; /* 小見出しの文字色指定 */
    margin: 0 5px;
    padding: 0 0 0 10px;
}

li{
    list-style: none;
    font-size: 100%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
    margin: 0 10px;
    padding: 0;
}

.honbun {
	border:double #ccc 3px;
	text-align:left;
	margin:10px 15px 10px 20px;
	padding: 0;
}

p {
    margin: 0 20px;
}
 
.under {
    text-decoration: underline;
    font-weight: bold;
    margin: 0 20px;
} 
.style24 {
    font-size:24px;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    text-align: center;
    color: #FFFFFF;
    background-color: #0000FF;
    margin: 0 20px;
}
.style22 {
    font-size:20px;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    color: #0000FF;
    margin: 0;
}
.style20 {
    font-size:20px;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    font-weight: bold;
    color: #0000FF;
    text-align: center; /* 中央寄せ */
}
.style18 {
    text-decoration: underline;
    font-size: 18px;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    font-weight: bold;
    margin: 0 0 0 20px;
}
.style16 {
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    margin: 0 20px;
}
.style60 {
    width: 60px;
    font-size: 18px;
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    border-bottom: 2px solid #0000FF; 
    margin: 0 0 0 20px;
}

.style-dot {
   text-align: center; /* 中央寄せ */
}

.price {
   text-align: center; /* 中央寄せ */
   font-size: 28px; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   font-style: bold;
   color: #cc0000; /* 小見出しの文字色指定 */
   margin: 0 50px;
   padding: 5px 0 0 5px;
}

.price-juk {
   text-align: center; /* 中央寄せ */
   font-size: 26px; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   font-style: bold;
   color: #cc0000; /* 小見出しの文字色指定 */
   margin: 0 50px;
   padding: 5px 0 0 5px;
}

.mar50 {
	margin-left:50px;
}

.strong {
      color: #FF0000;
      font-weight: 700; /* boldを700へ？ */
}

.center {
      text-align: center; /* 中央寄せ */
      padding-top: 5px;
      font-size: 18px;
      color: #FF0000;
}

.kaiwa {
      background-color: #FFFFFF;
      border: double 1px #03f ; /* 外枠指定 */
      font-size: 100%;
      margin: 20px 20px;
      padding: 20px;
}
.q-box {
      background-color: #FFFFFF;
      border: double 1px #03f ; /* 外枠指定 */
      font-size: 100%;
      margin:0 20px;
      padding: 0;
}

.q-a {
      background: #FFFFFF url(./img/title.gif) repeat; /* 画像のパスを指定 */;
      font-size: 110%;
      margin: 0 0 10px 0;
      padding: 0 0 0 5px;
}

.mousikomi {
      margin: 0 50px;
      padding: 10px 20px;
      background-color: #FFFFFF; /* ページの背景色を指定#ffffe6 */
      border: solid 1px #0000FF; /* 外枠指定 */
      text-align: left; /* 中寄せ */
}

.prof {
      font-size: 100%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
      margin: 0 30px;
      padding: 0;
      background-color: #ffffe6;
      border: solid 0px #ffffff ; /* 外枠指定 */
}
.pagetop {
       font-size: 70%; /* フォントサイズを初期値の70％分に指定 */
       text-align: right; /* 右寄せ */
}

.tuisin {
    font-family:HGP創英角ｺﾞｼｯｸUB,MSｺﾞｼｯｸ;
    font-size: 180%;
    margin: 10px 0 0 20px;
    color: #FF0000;
}

.name {
      text-align: left;
      font-size: 100%; 
      margin: 0 0 0 195px;
      padding: 0;
      background-color: #FFFFFF;
      border: solid 0px #ffffff ; /* 外枠指定 */
}

.gazou {
      font-size: 100%; 
      margin: 0 10px 0 20px;
      padding: 0;
      background-color: #FFFFFF;
}

.mousikomigazou {
      text-align: center; /* センタリング */
      margin: 0 50px 0 100px;
      padding: 0;
}

#footer {
       width: 650px;
       height: 20px;
       font-size: 90%;
       background-color: #ccc;
       color: #000;
       text-align: center; /* センタリング */
       margin: 0;
       padding: 2px 0 0;
}
.footer_p {
       text-align: center; /* センタリング */
       margin: 0 0 5px;
       padding: 0;
}
#footer a{
        color: #000;
        text-decoration: none;
}

.footer_p a {
        color: #00f;
        text-decoration: none;
}

a:hover {
       color: #ff0000;
}

table {
     background-color: #FFF; /* 表の背景の色 */ 
     font-size: 100%;
     border: solid 1 #ccc; /* テーブル枠線の種類・幅・外枠の色 */ 
     margin: 0 10px 0 20px;
     padding: 0;
}
td { 
     border:solid 1 #ccc; /* テーブル内側の仕切り線 */ 
}



.pr {
      text-align: center;      
      font-size: 100%;
      margin: 5px 0 0;
}
.pr a{
      color: #000;
      text-decoration: none;
      font-size:  90%;
}

