body{
    background-color: #f8b862;
 
}
#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: 350px;	  
}


#left_col {   /* 左側  */
    position: relative;
	float: left;
	width: 300px;
	margin-left: 10px;
}
#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: 330px;
   	margin: 20px 0px 0px 10px;
    float:left;
}
.button{
    font-size:  medium;
    text-align: center;
    background-color: #e0e0e0;
    float:left;
    margin:0px 20px 0px 0px;

}

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



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


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

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

}
#text2{
    clear: both;   /* 上下との回り込みをさせない */
	font-size: 16px; 
    width: 240px;
    height:25px; 
    margin:10px 0px 0px 0px;
    padding:3px 5px;
	float:left;
	background-color: #e5ffff;
}
#canvas3{	
    border:3px solid #333;/*　線の太さ */
    margin:10px 0px 0px 0px;	
}

#center_col {  /* 中央 */
    clear: both;   /* 上下との回り込みをさせない */
	float: left;
	margin:10px 0px 0px 0px;	
}
#canv{
    float:left;
    width: 350px; 
    
}
#canvas1{
    width: 350px; 	
    border:3px solid #333;/*　線の太さ */	
}

#right_col {  
    float: left;
    width: 340px; 
	margin-left: 10px;
    font-size: small;

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

}