h1{
  margin:0;
  padding:0;
  color:red;
  font-size:28px;
  line-height:1em;
  text-shadow:3px 3px 3px black;
}
h1 a{
  color:red;
  text-decoration:none;
}
h1 a:visited {
  color:red;
}
h3{
  margin:0;
  padding:0;
  text-align:center;
}
a{
  text-decoration:none;
}
a:visited {
  color:blue;
}
table {
  border:solid 1px saddlebrown;
  border-collapse:collapse;
}
td,th{
  width:30%;
  border:solid 1px saddlebrown;
  padding-left:5px;
  padding-right:5px;
}
th{
  border-bottom:double saddlebrown;
}
tr.double td{
  border-bottom:double saddlebrown;
}
td img{
  width:100%;
  border-radius: 10px;
}
td{
  position: relative;
}
td p{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size:20px;
  -webkit-text-stroke: 6px black;
  _text-stroke: 4px white;
  paint-order: stroke;
  color:red;
}
#cont{

}
#head{
  margin:0;
  padding:0;
  height:40px;
  background-position:center;
  _background-image:url("../bg/horikiridobashi.jpg");
}
#head_right{
  padding:0;
}
#head_left{
  float:left;
  width:50px;
  padding:0;
  text-align:center;
  vertical-align:middle;
}
#head_left img{
  width:35px;
}
#head_menu{
  clear:both;
  margin:0;
  padding:0;
}
#menu{
  margin:0;
  margin-bottom:2px;
  padding-left:10px;
  padding-top:2px;
  background:saddlebrown;
  border-top:solid 2px #ccc;
  border-bottom:solid 4px #630;
}
#menu li{
  _display: inline;
  display:inline-block;
  color:gold;
  font-size:120%;
  font-weight:bold;
  margin:0;
  padding-left:2px;
  padding-right:2px;
  border-right:solid 1px #ffffff;
}
#menu li.kagi{
  padding-left:0;
  padding-right:0;
}
#menu li a{
  color:white;
  text-decoration:none;
  font-weight:normal;
}
#canvas{
  width:100%;
  margin-top:5px;
  border: solid 2px saddlebrown;
  background-color: #fee;
  border-radius: 10px;
}
#tapQR img{
  width:90%;
  margin-top:5px;
  border: solid 2px saddlebrown;
  background-color: #fee;
  border-radius: 10px;
}
#video{
  width:90%;
  margin:0 auto;
}
#cover{

}
#cover img{
  width:100%;
  border: solid 2px saddlebrown;
  background-color: #fee;
  border-radius: 30px;
}
#stamp{
  width:90%;
  margin:0 auto;
}
img#aStamp{
  width:100%;
  border: solid 2px saddlebrown;
  background-color: #fee;
  border-radius: 30px;
}
img#aPoint{
  width:100%;
  border: solid 2px saddlebrown;
  background-color: #fee;
  border-radius: 30px;
}
#message{
  font-size:20px;
}
h4#gojoin{
  margin:0;
  text-align:center;
  font-size:20px;
}
#doc{
  width:80%;
  margin:0 auto;
}
p{
  margin:0;
}
.getstamp{
  font-size:30px;
  text-align:center;
  border: solid 2px saddlebrown;
  background-color: #fee;
  border-radius: 10px;
  margin:5px;
  padding:5px;
  _text-shadow:3px 3px 3px black;
  _filter:dropshadow (color=black ,offx=3 ,offy=3 ,positive=true);
}
.icon{
  height:18px;
  vertical-align:middle;
}
.gojoin{
  width:100%;
}
@media (min-width: 768px){
  #cont{
    width:380px;
    margin:auto;
  }
}
@media (max-width:767px) {

}
@media (max-width:320px) {

}
