* { box-sizing:border-box; }
#pagebody{               width:80%;  min-width:500px; border:solid 4px #080;  background-color:white;  margin:0 auto; padding:2em; position:relative; box-shadow:4px 4px 4px rgba(0,0,0,0.3);   }
#header  {               width:100%; height:80px;     border:solid 4px #f80;  padding:0.5em; position:relative; margin:0.5em; box-shadow:4px 4px 4px rgba(0,0,0,0.3); }
#submenu { float:left;   width:35%;  height:400px;    border:solid 4px #ed4;  padding:0.5em; position:relative; margin:0.5em; box-shadow:4px 4px 4px rgba(0,0,0,0.3); }
#content { float:right;  width:55%;  height:400px;    border:solid 4px #48f;  padding:0.5em; position:relative; margin:0.5em; box-shadow:4px 4px 4px rgba(0,0,0,0.3); }
#footer  { clear:both;   width:100%; height:40px;     border:solid 4px #f8f;  padding:0.5em; position:relative; margin:0.5em; box-shadow:4px 4px 4px rgba(0,0,0,0.3); }

.label_pb { position:absolute; left:0; top:0; color:white; font-weight:bold; background:#080; padding:2px;  }
.label_hd { position:absolute; left:0; top:0; color:white; font-weight:bold; background:#f80; padding:2px;  }
.label_sm { position:absolute; left:0; top:0; color:white; font-weight:bold; background:#ed4; padding:2px;  }
.label_ct { position:absolute; left:0; top:0; color:white; font-weight:bold; background:#48f; padding:2px;  }
.label_ft { position:absolute; left:0; top:0; color:white; font-weight:bold; background:#f8f; padding:2px;  }

.setumei { width:80%; min-width:500px;  margin: 0.5em auto; padding:0.5em; }