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

#pagebox{
	width:350px;         /* スクリーンにスクロールが不要なサイズ */
    margin-top: 10px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */  
	background-color:#ccffcc;
}

#masthead { 
    width:350px;         /* スクリーンにスクロールが不要なサイズ */
    margin-top: 10px;
    margin-left:auto;     /*左側マージンを自動的に空ける */
    margin-right:auto;    /*右側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */  
	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;    /*右側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */  
}

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

#center_col {  /* 中央 */
    clear: both;   /* 上下との回り込みをさせない */
	float: left;
	width: 350px; 
}
  #text1{  
    font-size: 12px; 
    width: 200px;
    height:30px; 
    margin:20px 0px 10px 20px;
    padding:4px 10px;
	float:left;
    background-color: #fff;
  }
  #btn1{
	font-size: 16px;
	margin:20px 0px 10px 20px;
  }
  #canv{
    clear: both;   /* 上下との回り込みをさせない */
    float:left;
    width: 350px; 
  }
  #canvas{	
    border:3px solid #333;/*　線の太さ */	
  }

#right_col {  
    clear: both;   /* 上下との回り込みをさせない */
    float:left;
    width: 330px; 
	margin-left: 20px;
    font-size: small;
} 

#footer {
    clear: both;   /* 上下との回り込みをさせない */
    width:330px;         /* スクリーンにスクロールが不要なサイズ */
    margin-top: 20px;
    margin-left:20px;     /*左側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */  
    background-color:#ccffcc;
    font-size: small;
}