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

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

#masthead {
    width: 350px;
   	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{	
	width: 350px;
    margin-top: 10px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */  
}

#left_col {   /* 左側  */
    float: left;
	width: 350px;
	margin-top: 10px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */
}
  #select{
    float:left;
    margin-left: 10px;
	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 10px;
  }
  #btn3{   
	font-size: 16px;
	margin:0px 20px 0px 0px;
  }
  #text2{
    clear: both;   /* 上下との回り込みをさせない */    
    width: 120px;
    height:20px; 
    margin:20px 10px 10px 0px;
    padding:4px 10px;
	float:left;
    font-size: 12px; 
    background-color: #fff;
  }
  #text3{ 
    float:left;  
    width: 150px;
    height:20px; 
    margin:20px 10px 10px 0px;
    padding:4px 10px;
    font-size: 12px; 
    background-color: #fff;
  }
  #text4{ 
    clear: both;   /* 上下との回り込みをさせない */
    float:left;  
    width: 300px;
    height:20px; 
    margin:10px 10px 20px 0px;
    padding:4px 10px;
    font-size: 12px; 
    background-color: #fff;
  }
  #annaie2{
      clear: both;   /* 上下との回り込みをさせない */ 
      float:left;
      width: 300px;
      height:200px; 
      margin:10px 10px 30px 0px;
      font-size: 10px; 
  }

#center_col {  /* 中央 */
    clear: both;   /* 上下との回り込みをさせない */
	float: left;
	width: 350px;
    margin-top: 10px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */
}
  #text1{ 
    float:left; 
    width: 150px;
    height:30px; 
    margin:20px 10px 10px 10px;
    padding:4px 10px;
    font-size: 12px; 
    background-color: #fff;
  }
  #btn1{
	font-size: 16px;
	margin:20px 0px 10px 10px;
  }
  #btn2{
	font-size: 16px;
	margin:20px 0px 10px 10px;
  }
  #canv{
    clear: both;   /* 上下との回り込みをさせない */
    float:left;
    width: 350px; 
  }
  #canvas{	
    border:3px solid #333;/*　線の太さ */	
  }

#right_col {  
    clear: both;   /* 上下との回り込みをさせない */
    float:left;
    width: 350px;
    margin-top: 10px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */
    font-size: small;
} 

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