body{
	font-family: "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:13px;
	padding:0;
	margin:0;
}

.topic {
	border:#000000 solid;
	border-width: 0 0 1px 0;
	padding:0 0 3px 0;
	font-weight:bold;
}

.table {
	border:#000000 solid 1px;
	padding:10px;
	margin:5px;
}

.title {
	border:#000000 solid 1px;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
}

.linkbox{
	display:block;
	border:1px #000066 solid;
	background-color:#000066;
	color:#ffffff;
	padding:5px 20px 5px 20px;
	margin:5px auto 5px auto;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

label.blank {
    background: #666666;
    font-weight:bold;
    color: #ffffff;
    padding: 5px;
    display: block;
    margin: 2px 0 2px 0;
    border: 1px solid #666666;
}

label {
    background: #000077;
    font-weight:bold;
    color: #ffffff;
    padding: 5px;
    display: block;
    margin: 2px 0 2px 0;
    border: 1px solid #000077;
    text-align:center;
}

input[type="checkbox"].shade{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].shade + div{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].shade:checked + div{
    height: auto;
}

table.match{
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size:13px;
    text-align:center;
    margin:3px auto 3px auto;
}
.match th{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#ffffff;
    background-color:#000000;
    background-position:left top;
    padding:0.3em 0.3em;
    text-align:center;
}
.match td{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:0.3em 0.3em;
}

input[type=radio] {
	display: none; 	/* ラジオボタンを非表示にする */
}

input[type="radio"]:checked + label {
	background: #cc0000;/* マウス選択時の背景色を指定する */
	color: #ffffff; 	/* マウス選択時のフォント色を指定する */
}

label.label {
	display: inline-block;
	margin: 2px;
	width: 60px;
	height: 60px;
	padding-left: 2px;
	padding-right: 2px;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background:#cccccc;
	font-size:13px;
}