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

h2{margin: 0px auto;
   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: 70px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      } 
    
.btn2{position:  absolute;
      left: 210px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }     

.btn3{position:  absolute;
      left: 350px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }

.btn4{position:  absolute;
      left: 490px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }      

.content1 p4{font-size: 18px; 
             margin:10px 0px 10px 0px;
             line-height: 150%;
             color: red;
             } 
             
.content2{text-align:left; /*中央そろえ*/  
         max-width: 150px;  /*最大幅*/
         margin: 20px 0px 0px 10px  ;/* auto で全体センタリング*/
         float: left;
         }



/*p4{font-size: 15px; 
        margin: 20px 10px 0px 40px ;
        text-align:left; 
        float: left;  
        }*/

p5{font-size: 15px; 
        margin: 10px 0px 5px 20px;
        text-align:left; 
        float: left;
        }          

p6{font-size: 15px; 
        margin: 5px 0px 0px 20px ;
        text-align:left; 
        float: left;  
        }
       
#visitor{font-size: 20px;
           border: 1px solid #ccc;
           margin: 5px 30px 5px 40px ;
           padding: 5px    ; /* 要素内余白　*/
           background-color:rgb(144, 181, 216);
           color:#000; 
           border-radius: 3px ;
           box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
           float: left;                      /* シグナル以降要素を右に回す*/
           }

.content2 img{
        margin: 0px 0px 0px 0px;
        float: left;
        } 

.visit_counter{
        margin: 0px 0px 0px 20px;
        float: left;
        } 

.visit_counter2{
        margin: 15px 0px 0px 10px;
        float: left;
        }       

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

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



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

.content1 p3{font-size: 18px; 
           margin:10px 0px 10px 20px;
           line-height: 150%;
           }

.START {width: 140px;/* 幅　*/
        margin: 30px 0px 10px 300px;
        }
        
.btn7{position: absolute;
      width: 160px;/* 幅　*/
      margin: 10px 0px 10px 100px;
      } 

.btn8{position: relative; top:70px; 
      width: 160px;/* 幅　*/
      margin: 10px 0px 70px 100px;
      } 
        

/* フッター */
footer:before{
        content: "";
        display: table;
        clear: both; /* float: left;のクリアー */
        }
    
footer p{
        background: #666;
        max-width: 890px;
        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:900px){
                img {max-width: 100%;
                float: none; /* 回り込みを解除する */
                display: block; /* 表示をブロック状態にする */
                margin: 0 auto; /* 画像を中央に揃える */
        }
            
header h2{font-size: 5px; 
          margin: 0px 10px 10px 0px;
          text-align:left; 
          }
            
.content2{display: none;
          } 
            
.content1{  /*説明本文  */
         max-width: 400px;  /*最大幅*/
         margin: 50px 10px 60px 10px  ;/* auto で全体センタリング*/
         float: left;
         }  
            
.content3{/*広告　text-align: left;  中央そろえ  */
           /*max-width: 300px;  最大幅*/
           margin: 0px 0px 0px 20px  ; /*auto で全体センタリング*/
           float: left;
           } 
img[src="image/left_image2.jpg"] {display: none;
                                   } 

img[src="image/left_image5.jpg"] {display: none;
                                   }                         

.btn1{position: absolute;
      left: -30px;
      top: 0px;
      width: 100px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      } 
    
.btn2{position:  absolute;
      left: 70px;
      top: 0px;
      width: 100px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }     

.btn3{position:  absolute;
      left: 170px;
      top: 0px;
      width: 130px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }

.btn4{display: none;
      }      

      }