@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
base
#E95513
#F27300
#F29600
-----------------------------------------------*/


/*-----------------------------------------------
  main
-----------------------------------------------*/

#shogu table {
width:100%;
margin-top:40px;
}
#shogu th {
padding:1em;
border:1px solid #CCC;
}
#shogu td {
padding:1em;
border:1px solid #CCC;
}

#shogu thead th {
padding:0.5em;
color:#FFF;
background:#F27300;
border:1px solid #FFF;
}
#shogu tbody th {
width:12em;
vertical-align:middle;
color:#F27300;
background:#F5F5F5;
}
#shogu tbody td {
}

#shogu .link {
margin-top:0.5em;
}
#shogu .link a {
display:block;
max-width:16em;
padding:1em 2em;
text-align:center;
color:#FFF;
background:#F27300;
background:-moz-linear-gradient(top, #F27300 0%, #F27300 50%, #e95513 51%, #F27300 100%);
background:-webkit-linear-gradient(top, #F27300 0%,#F27300 50%,#e95513 51%,#F27300 100%);
background:linear-gradient(to bottom, #F27300 0%,#F27300 50%,#e95513 51%,#F27300 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F27300', endColorstr='#F27300',GradientType=0 );
}
#shogu .link a:hover {
opacity:0.8;
}


@media screen and (max-width:640px) {
#shogu {
padding:0 5%;
}
}