html, body {
  margin: 0;
  padding: 0;
}
/*canvas未使用
canvas {
  top:250px;
  left:440px;
  position:absolute;
  display: block;
}
 */
iframe{
  width:510px;
  height:380px
}
textarea {
resize: none;
width: 200px;
height: 350px;
line-height: 1.5em;
}

span {
  white-space: pre-wrap;
/*改行表示のため */
}

#wrap {
width:1100px;
margin:0px auto;
}

header {
border:dashed 1px #999;
}
h1{
font-size:20px;
text-align:center;
font-family:"游ゴシック体","ヒラギノ角ゴ ProN";
}
h2{
font-size:15px;
text-align:center;
font-family:"游ゴシック体","ヒラギノ角ゴ ProN";
}
h3{
font-size:10px;
text-align:center;
font-family:"游ゴシック体","ヒラギノ角ゴ ProN";
}

#leftarea {
float:left;
width:520px;
height:460px;
border:dashed 1px #999;
margin:10px 10px 10px 0px;
}

#rightarea {
float:left;
width:280px;
height:460px;
border:dashed 1px #999;
margin:10px 0px 10px 10px;
overflow-y: scroll;
}

#middlearea {
float:left;
width:270px;
height:460px;
border:dashed 1px #999;
margin:10px 0px 10px 0px;
}

footer {
clear:both;
border:dashed 1px #999;
}

footer, header {
display: block;
}

p{
text-align:center;
font-size:15px;
font-family:"游ゴシック体","ヒラギノ角ゴ ProN";
}