@charset "utf-8";
/*==========================================================================
  点キーボードのスタイルを定義します。
==========================================================================*/

.tenkeybord-list > ul {
  margin: 0 0 0 0;
  overflow: hidden;
  position: relative;
  padding: 0 0 5px 0;
}

.tenkeybord-list > ul > li {
  margin: 5px 0 0 5px;
  background-color: white;
  display: block;
  float: left;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
  position: relative;
}
.tenkeybord-list > ul > li p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #333333;
  width: 74px;
  height: 50px;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid black;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f8f9), color-stop(100%, #d2dade));
  background-image: -webkit-linear-gradient(top, #f6f8f9, #d2dade);
  background-image: linear-gradient(top, #f6f8f9, #d2dade);
  background-image: linear-gradient(to top, #f6f8f9, #d2dade);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f6f8f9", endColorstr="#d2dade");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f6f8f9", endColorstr="#d2dade");
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

#key-back {
  font-size:0.6em;
}

#key-space {
  visibility: hidden;
}

#key_Enter {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F2F2F2), color-stop(100%, #FFA51E));
  background-image: -webkit-linear-gradient(top, #F2F2F2, #FFA51E);
  background-image: linear-gradient(top, #F2F2F2, #FFA51E);
  background-image: linear-gradient(to top, #F2F2F2, #FFA51E);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#F2F2F2", endColorstr="#FFA51E");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#F2F2F2", endColorstr="#FFA51E");
}

.tenkeybord-list .keyEnter {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F2F2F2), color-stop(100%, #FFA51E));
  background-image: -webkit-linear-gradient(top, #F2F2F2, #FFA51E);
  background-image: linear-gradient(top, #F2F2F2, #FFA51E);
  background-image: linear-gradient(to top, #F2F2F2, #FFA51E);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#F2F2F2", endColorstr="#FFA51E");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#F2F2F2", endColorstr="#FFA51E");
}

#key-bs {
  width: 153px;
}

#key-c {
  width: 232px;
}