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

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

#canvasbox2{
	 float: left;
	 margin-left: 10px;
	 margin-top: 10px;
    /*左側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */ 
     width:150px;         /* スクリーンにスクロールが不要なサイズ */
     height: 100px;       /* スクリーンにスクロールが不要なサイズ */
}

#canvasbox{
     float: left;
     margin-top: 10px;
     margin-left:10px;     /*左側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */ 
     width:620px;         /* スクリーンにスクロールが不要なサイズ */
     height: 490px;       /* スクリーンにスクロールが不要なサイズ */
}
#page2box{
	 margin-left:auto;     /*左側マージンを自動的に空ける */
     margin-right:auto;    /*右側マージンを自動的に空ける */
     margin-top: 10px;
     text-align:left;     /* 中身を左側表示に戻す */ 
     width:800px;         /* スクリーンにスクロールが不要なサイズ */
     height: 50px;       /* スクリーンにスクロールが不要なサイズ */
     background-color: #00ff00;
}
#filearea{
	 float: left;
     margin-top: 10px;
     margin-left:10px;     /*左側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */ 
     width: 620px;         /* スクリーンにスクロールが不要なサイズ */
     height: 50px;       /* スクリーンにスクロールが不要なサイズ */
}