#wrap{max-width: 940px;
      margin: 0 auto
      }

h1{
   text-align:center;       
   }

header{font-size: 30px; 
    margin: 0px auto;
    text-align:center; 
    }

nav{margin: 20px 0px 0px 0px;
    text-align:center; 
    }    

.button_band{position: relative;
             }

.btn1{position: absolute;
      left: 0px;
      top: 0px;
      width: 200px;/* 幅　*/
      margin: 3px 0px 10px 20px;
      }

.btn2{position:  absolute;
      left: 300px;
      top: 0px;
      width: 150px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }     

.btn3{position:  absolute;
      left: 450px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }      
      
.header p6{font-size: 22px; 
           margin:0px 0px 0px 0px;
           line-height: 150%;
           clear: left;
           font-weight: bold ;
           }

.header p5{font-size: 12px; 
           margin:0px 0px 15px 0px;
           line-height: 150%;
           clear : left;
           }

.content1{text-align: left;  /*中央そろえ  */
         max-width: 600px;  /*最大幅*/
         margin: 15px 10px 0px 20px  ; /*auto で全体センタリング*/
         float: left;
         }

.content3{/*text-align: left;  中央そろえ  */
        max-width: 160px;  /*最大幅*/
        margin: 20px 0px 0px 10px  ; /*auto で全体センタリング*/
        float: left;
        } 

.content1 p1{font-size: 25px; 
           margin:10px 0px 0px 0px;
           line-height: 150%;
           font-weight: bold ;
            }         

.header img{max-width: 100% ; 
        margin: 0px 10px 10px 0px;
        float: left;
        }  

.content2{/*text-align: left;  中央そろえ  */
        max-width: 550px;  
        margin: 20px 0px 0px 10px  ; /*auto で全体センタリング*/
        float: left;
        }  

        
.content2 img{max-width: 150px ; 
        margin: 0px 10px 0px 0px;
        float: left;
        }        

.content2 iframe{max-width: 25% ;
        height: 100px;
        margin: 0px 10px 0px 0px;
        float: left;
        }  

.content1 p3{font-size: 12px; 
           margin:0px 0px 0px 0px;
           line-height: 150%;
           float: left;
           }

.content1 p2{font-size: 17px; 
           margin:10px 0px 10px 0px;
           line-height: 140%;
           } 

.content1 p4{font-size: 20px; 
           margin:10px 0px 20px 0px;
           line-height: 180%;
         /*clear: left;*/
           font-weight: bold ;
           background-color: rgb(149, 186, 255) ;
           } 
          
           
/* フッター */
footer:before{
        content: "";
        display: table;
        clear: both; /* float: left;のクリアー */
        }
    
footer p{
        background: #666;
        max-width: 940px;
        margin: 30px auto 30px;
        padding: 5px;
        text-align: center;
        font-size: 80%;
        }

footer p small{font-size:12px; 
        color: #ffffff;
        border: 1px #ffffff solid;
        padding: 5px;
        display: block;
        }
    

        
 
 @media only screen and (max-width:940px){
  img {max-width: 100%;
       float: none; /* 回り込みを解除する */
       display: block; /* 表示をブロック状態にする */
       margin: 0 auto; /* 画像を中央に揃える */
       }

.header img{max-width: 100% ;
            } 
            
.button_band{position: relative;
             }

.btn1{position: relative;
     left: 0px;
     top: 0px;
     width: 100px;/* 幅　*/
     margin: 10px 0px 15px -200px;
     }

.btn2{display: none;
      }
          
.btn3{display: none;
      }

.content1{  /*説明本文  */
         max-width: 400px;  /*最大幅*/
         margin: 0px 10px 10px 10px  ;/* auto で全体センタリング*/
         float: left;
         }  
            
.content3{/*広告　text-align: left;  中央そろえ  */
           max-width: 300px;  /*最大幅*/
           margin: 20px 0px 0px 0px  ; /*auto で全体センタリング*/
           float: left;
           } 
            
        }