body{
  /*background-image:url('https://giraffeproj.main.jp/myxomycete/database/static/material/bg2.jpg');*/
  background-color:#FFFEFF;

}

img{
  vertical-align:middle;


}

h1{
text-align:center;
vertical-align:middle;

}

table{

  border-collapse:separate;
  border-spacing: 0px;
  border-color:#FFFFFF;
  width: 90%;
  margin:auto;
  border:dashed 1px #CCCCCC;

}

table th,table td{
  border-radius: 2px;
  text-align: center;
  padding: 5px 0;
  background-color: transparent;
  border:dashed 1px #CCCCCC;

}

table th{
  background-color: #FFFFFF;
  color: #000000;
  border-color:#BBBBBB:
  border:dashed 1px #CCCCCC;
  background-color: transparent;
  font-size:large;
}

table td{
  background-color: #FFFFFF;
  color: #222222;
  border-color:#DDDDDD;
  border:dashed 1px #CCCCCC;
  background-color: transparent;
  border-radius: 4px 5px/5px 3px;
  font-size:X-large;
  text-align:left;
  vertical-align:middle;

}

.left{
text-align:left;
vertical-align:middle;

}

input[type='text']{
  width:90%;

}

.title:before{

content: url(../static/images/rurihokori.png);

}

#canvas{
  width:90%;
margin:auto;
background:url("../../static/material/loading-35.gif") no-repeat;
background-position:center;

}

#original{
  width:90%;
margin:auto;
background:url("../../static/material/loading-35.gif") no-repeat;
background-position:center;

}