body {
    font-size: 13px;
    font-family : YuGothic, '游ゴシック', sans-serif;
}
header,footer{
    background: #eee;
    padding: 30px;
}
main {
  margin-bottom: 30px;
}
a {
    color: #005bab;
}
h1 {font-size: 18px;}
small {font-size: 14px;}
.body {
    padding: 30px;
}
table {
    width: 640px;
    table-layout: fixed;
    border: 1px solid #aaa;
}
th,td {
	text-align: left;
  border: 1px solid #aaa;
}
th {
    background: #f9f9f9;
    padding: 10px;
}
td a, td span {
    display: block;
    padding: 10px;
}
td a:hover {
    background: #f2f7fb;
}
@media screen and (max-width: 767px) {
    table {
        width: 100%;
    }
}