@charset "utf-8";
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}
@font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 100;
}
@font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 200;
}
html {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none)  {
    html {
        font-family: Verdana, Meiryo, sans-serif;
    }
}
@media all and (-ms-high-contrast: active) {
    html {
        font-family: Verdana, Meiryo, sans-serif;
    }
}
.cf:after{
    content:"";
    display:block;
    clear:both;
}

/* Base */
h1{
    float:left;
    line-height:35px;
    color:#4590ec;
    font-weight:bold;
    font-size:21px;
}
h1 img{
    margin-right:5px;
    vertical-align:middle;
    width:32px;
    height:32px;
}
h2{
    font-size:21px;
    border-left:6px solid #696969;
    padding:3px 0 3px 10px;
    color:#696969;
    margin:25px 0 20px;
}

/* Header */
#header{
    width:100%;
    background:#fff;
    box-shadow:0 1px 3px #ccc;
    position:relative;
    z-index:1000;
}
#header .box{
    width:1100px;
    margin:0 auto;
    padding:10px 20px;
}

/* Footer */
#footer{
    text-align:center;
    font-size:12px;
    padding:10px 0;
    width:100%;
    background:#fff;
    box-shadow:0 -1px 3px #ccc;
    position:relative;
    z-index:1000;
}

/* Container */
#container{
    padding-top:15px;
    padding-bottom:15px;
    background:#f3f3f3;
    width:100%;
}

/* Tabmenu */
#tabmenu{
    width:1110px;
    margin:0 auto;
    border-bottom:5px solid #4590ec;
    box-shadow:1px 1px 3px #ccc;
    position:relative;
    z-index:1000;
    font-size:15px;
}
#tabmenu li{
    float:left;
    width:368px;
    border-right:2px solid #f3f3f3;
}
#tabmenu li:last-child{
    float:left;
    width:370px;
    border-right:none;
}
#tabmenu span{
    display:block;
    padding:10px 0;
    text-align:center;
    text-decoration:none;
    background:#4590ec;
    color:#fff;
}
#tabmenu a{
    display:block;
    padding:10px 0;
    text-align:center;
    text-decoration:none;
    background:#d9d9d9;
    color:#000;
}
#tabmenu a:hover{
    background:#4590ec;
    color:#fff;
}

/* Content */
#content{
    background:#fff;
    width:1060px;
    margin:0 auto;
    padding:25px;
    box-shadow:1px 1px 3px #ccc;
    position:relative;
    z-index:1000;
}

/* index.ejs */
.content_genkyo table{
    width:100%;
    margin-bottom:20px;
}
.content_genkyo table th{
    color:#fff;
    background:#4590ec;
    border:1px solid #005ac9;
    padding:10px 0;
    font-weight:bold;
}
.content_genkyo table td{
    border:1px solid #005ac9;
    padding:10px 0;
    text-align:center;
    width:10px;
}