body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
     background-color: #f8b862;
    }

#pagebox{
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:1100px;         /* 幅を決定する */
}

#masthead {        /*  #id */
    width: auto;
	margin: 0;
	padding: 0;
	overflow: auto;
	background-color:#ccffcc;
} 

  #m0-box {
          float: left;
          margin : 5px 10px 0px 10px;    /* 値を4つ指定した場合：[上][右][下][左] */
  }


  #m1-box {
          float: left;
          margin : 5px 0px 0px 10px;    /* 値を4つ指定した場合：[上][右][下][左] */
  }

  #m2-box {
          float: left;
          margin : 5px 50px 0px 30px;
  }


#main{	
	min-width: 1100px;	  
}


#left_col {   /* 左側  */
    position: relative;
	float: left;
	width: 300px;
	margin-left: 20px;
}
  #select{
    float:left;
	width: 100px;
    height:120px; 
  }
  #select2{
    margin:0px 0px 20px 20px;
    float:left;
	width: 100px;
    height:120px; 
  }
  #annaie{
	 clear: both;   /* 上下との回り込みをさせない */
	 float:left;
	 margin:10px 0px 10px 0px;
  }
    #btn3{   
	  font-size: 16px;
	  margin:0px 20px 0px 0px;
    }
    #text2{   
      clear: both;   /* 上下との回り込みをさせない */
      font-size: 12px; 
      width: 100px;
      height:20px; 
      margin:20px 10px 10px 0px;
      padding:4px 10px;
	  float:left;
      background-color: #fff;
    }
    #text3{   
      font-size: 12px; 
      width: 100px;
      height:20px; 
      margin:20px 10px 10px 20px;
      padding:4px 10px;
	  float:left;
      background-color: #fff;
   }
   #text4{ 
      clear: both;   /* 上下との回り込みをさせない */  
      font-size: 12px; 
      width: 200px;
      height:20px; 
      margin:10px 10px 20px 0px;
      padding:4px 10px;
	  float:left;
      background-color: #fff;
   }
   #annaie2{
      clear: both;   /* 上下との回り込みをさせない */ 
      float:left;
      width: 300px;
      height:140px; 
      margin:10px 10px 10px 0px;
      font-size: 12px; 
  }

#center_col {  /* 中央 */
    width: 380px;
	margin-left: 20px;
	float: left;
}
#text1{   
    font-size: 12px; 
    width: 200px;
    height:30px; 
    margin:20px 10px 10px 0px;
    padding:4px 10px;
	float:left;
    background-color: #fff;
}
#btn1{
	font-size: 16px;
	margin:30px 0px 10px 10px;
}

#btn2{
	font-size: 16px;
	margin:30px 0px 10px 10px;

}


#canv{
    clear: both;   /* 上下との回り込みをさせない */
    float:left;
    width: 350px; 
   
}
#canvas{	
    border:3px solid #333;/*　線の太さ */	
}

#right_col {  
    float:left;
    width: 300px; 
	margin-left: 20px;
    font-size: medium;

 } 

#footer {
	clear: both;   /* 上下との回り込みをさせない */
    float:left;
    width:1100px;         /* 幅を決定する */
	margin-top: 20px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */
	background-color:#ccffcc;
    font-size: medium;
    text-align:center;   /* 下記のautoに未対応用のセンタリング */
}