/*
	HTML5用css
*/
.tomoe-canvas {
 margin: 0px;
 background-color: aliceblue;
 border-collapse: collapse;
 border-style: solid;
 border-width: 1px;
 border-color: #888;
 font-size: 1px;
}

.tomoe-button {
  margin-left: 4px;
  margin-top: 8px;
}

.tomoe-dot {
  position:absolute;
  width:2px;
  height:2px;
  z-index:32768;
}

.tomoe-table {
  margin-left: 20px;
  border-width: 0px;
}

.tomoe-sr, .tomoe-srs {  cursor : pointer; }
.tomoe-sr  { background-color : seashell; color : #000; }
.tomoe-srs { background-color : #36c; color : seashell; cursor : pointer; }

.tomoe-prob {
 margin-left: 20px;
 line-height: 20px;
 font-size: smaller;
 color: darkgreen;
}

.tomoe-char {
 width: 30px;
 margin-left: 10px;
 font-size: 18px;
 line-height: 20px;
 float:left;
}

.tomoe-result {
 display: none;
 float:right;
 width: 140px;
 height: 280px;
 margin-left: 2px;
 padding: 10px;
 padding-left: 5px;
 background-color: seashell;
 border-collapse: collapse;
 border-style: solid;
 border-width: 1px;
 border-color: #888;
}