@import url("common.css");
@import url("http://althjp.at-ninja.jp/link.css");

/*
div.main{margin-right: 20%;}
div.menu{width: 20%;float: right;}
*/

TH{border-color:#3366FF #99FFFF;background-color:#000033;}
TABLE{border-color:#009999 aqua;}
TD{border-color:#99FFFF #CCFF33;}

/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    color: black;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}