body{
    padding-top:70px;
    padding-bottom:70px;
}
footer{
    text-align:center;
    padding:10px;
    background:#eee;
}

h1{
    font-size:1.5em;
    border-bottom:1px solid #ccc;
    margin-bottom:2em;
    padding:0.5em;

}
h2{
    font-size:1.3em;
    font-weight:bold;
    background-color:#eee;
    padding:0.5em;
}
h3{
    font-size:1.1em;
}




.tbl-base{
    border-collapse:collapse;
}
.tbl-base th {
    padding:10px;
    text-align:center;
    border:1px solid #ccc;
    background-color:#eee;
}
.tbl-base td {
    padding:10px;
    border:1px solid #ccc;
    text-align:center;
}
.tbl-participants input[type=text]{
    width:50px;
}




.container section{
    margin-bottom:40px;
}


.form-search-box{
    border:1px solid #ccc;
    border-radius:3px;
    padding-bottom:10px;
    margin-bottom:20px;
}
.form-search-box h3{
    background-color:#ccc;
    margin:0;
    padding:10px 5px;
    font-size:95%;
}
.form-search-box fieldset{
    padding:5px;
}
.form-search-box label{
    font-size:0.9em;
}


.input-file-control{
    vertical-align: middle!important;
    display:inline-block!important;
}



dl.data-create-info{
    margin-left:auto;
}
dl.data-create-info dt{
    width:60px;
}
dl.data-create-info dd{
    width:140px;

}
@media (min-width: 768px) {
    dl.data-create-info{
        max-width:240px;
    }
    dl.data-create-info dd{
        margin-left: 80px;
    }
}
@media (max-width: 768px) {
    dl.data-create-info{
        max-width:120px;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 380px;
}

#loading {
    width: 96px; /* gif画像の幅 */
    height: 96px; /* gif画像の高さ */
    margin: -68px 0 0 -68px; /* gif画像を画面中央に */
    padding: 20px; /* gif画像を大きく */
    opacity: 0.5; /* 透過させる */
    position: fixed; /* gif画像をスクロールさせない */
    left: 50%; /* gif画像を画面横中央へ */
    top: 50%; /* gif画像を画面縦中央へ */
}