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;
} 

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


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

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


#main{	
	min-width: 1100px;	  
}


#left_col {   /* 左側  */
    position: relative;
	float: left;
	width: 300px;
	
}
#setsumei{
    font-size: 16px; 
    width: 280px;
    height:80px; 
    margin:10px 0px 0px 0px;
    padding:4px 10px;
	float:left;
	background-color: #e5ffff;
}
#sousa{
    clear: both;   /* 上下との回り込みをさせない */
    width: 300px;
   	margin: 20px 0px;
    float:left;
}
.button{
    font-size: medium;
    text-align: center;
    background-color: #e0e0e0;
    float:left;
    margin:0px 20px 0px 0px;
}
#seltext{
	clear: both;   /* 上下との回り込みをさせない */
	float:left;
	margin:15px 0px 0px 0px;

}
#selbox{
	clear: both;   /* 上下との回り込みをさせない */
	float:left;
}

#spe{
    clear: both;   /* 上下との回り込みをさせない */
	float:left;
	margin:0px 0px 0px 0px;
	font-size: medium;
	text-align: center;
	padding:6px 0px 0px 0px;
}
#canvas2{
    float:left;	
    border:3px solid #333;/*　線の太さ */	
    margin:0px 0px 0px 10px;
}




#text5{
    clear: both;   /* 上下との回り込みをさせない */
	font-size: 16px; 
    width: 180px;
    height:32px; 
    margin:20px 0px 0px 0px;
    padding:1px 2px;
	float:left;
	background-color: #ffffff;
	border:3px solid #333;/*　線の太さ */	
}


#text3{
   
	font-size: 16px; 
    width: 100px;
    height:25px;
    margin:20px 0px 0px 10px;     
    padding:3px 5px;
	float:left;
	background-color: #e5ffff;
}
#text{
    clear: both;   /* 上下との回り込みをさせない */
	font-size: 16px; 
    width: 140px;
    height:25px; 
    margin:16px 0px 0px 0px;
    padding:3px 5px;
	float:left;
	background-color: #e5ffff;

}

#text2{
	font-size: 16px; 
    width: 120px;
    height:25px; 
    margin:16px 0px 0px 20px;
    padding:3px 5px;
	float:left;
	background-color: #e5ffff;
}

#canvas3{	
    border:3px solid #333;/*　線の太さ */
    margin:20px 0px;	
}





#center_col {  /* 中央 */
	margin-left: 30px;
	float: left;
}
#canv{
    float:left;
    width: 350px; 
   
}
#canvas1{
    width: 350px; 	
    border:3px solid #333;/*　線の太さ */	
}

#right_col {  
    float:left;
    width: 270px; 
	margin-left: 50px;
    font-size: small;
 } 

#footer {
	clear: both;   /* 上下との回り込みをさせない */
	width: auto;
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
    font-size: small;
    background-color:#ccffcc;
}