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

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

}
#file{
    margin-top: 0px;
    margin-left: 50px;
    height:50px; 
}
#select{
    clear: both;   /* 上下との回り込みをさせない */
    float:left;
    margin-left: 50px;
    margin-top: 20px;
    height:100px; 
}
#kasoku{
	clear: both;   /* 上下との回り込みをさせない */
    float:left;
    margin-top: 60px;
    margin-left: 50px;
    height:50px; 
}
#main{
    margin-top: 0px;
    padding-top : 0px ;
    float: left;  
}
#canv{
    width: 350px;
    height: 450px;  /* 450 */
    margin-top:0px;
    padding-top : 0px ;

}
#canvas{	
    border:3px solid #333;/*　線の太さ */
}

#right_col {
    margin-top:0px;
    float:left; 
    margin-left: 50px;
}

#canv3{
    margin-top:0px;
    margin-left: 0px;
    width: 200px;
    height: 80px;
}
#canvas3{	
    border:3px solid #333;/*　線の太さ */
}


#memo{
	width: 300px;
	margin-top:50px;
    font-size: medium;
}

#listarea{
	clear: both;   /* 上下との回り込みをさせない */
    float:left;
    margin-left: 0px;
    width:  300px;         /* 幅を決定する */
    height: 300px;
    text-align:center;   /* 下記のautoに未対応用のセンタリング */
    background-color: #ffffff;

}