header {
    text-align: center;
    max-width: 1200px;
    height: 500px;
    margin: 0 ;
    padding: 0;
    background: url('../img/top2.webp') no-repeat top center;
    background-size: cover;
    border: 1px solid #000;
    box-sizing: border-box;
}
/*ヘッダーの設定*/
header h1 {
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}
/*ヘッダーh1隠す*/
header ul {
    width: 440px;
    height: 360px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    margin: 50px 105px 0 450px;
    padding: 0;
}
/*お知らせ*/
header li {
    list-style-type: none;
    line-height: 130%;
    margin-bottom: 0.3em;
}
header li span {
    font-weight: bolder;
}
header li a:link,
header li a:visited {
    color: #fff;
    font-style: normal;
    text-decoration: none;
}
header li a:hover {
    color: #fff;
    font-style: normal;
    text-decoration: underline;
}
/*お知らせ箇条書きの設定*/
nav {
    width: 1000px;
    text-align: center;
    margin: 2px 0 0 0;
    padding: 0 105px 0 95px;
}
#menu ul {
    margin: 0;
    padding: 0;
}
#menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    float: left;
    position: relative;
    width: 272px;
    height: 38px;
    line-height : 38px ;
    background: #424242;
    color: #ddd;
    text-align: center;
    font-weight: bold;
}
#menu ul li a {
    color: #000000;
    display: block;
    text-decoration: none;
}
.menu-know,
.menu-read,
.menu-SNS {
    text-decoration: none;
    text-indent: -9999em;
    overflow: hidden;
    display: block;
}
.menu-know {
    background: url(../img/Know.webp) no-repeat top center;
}
.menu-know:hover {
    background: url(../img/know_hold.webp) no-repeat top center;
}
.menu-read {
    background: url(../img/Read.webp) no-repeat top center;
}
.menu-read:hover {
    background: url(../img/read_hold.webp) no-repeat top center;
}
.menu-SNS {
    background: url(../img/Socialmedia.webp) no-repeat top center;
}
.menu-SNS:hover {
    background: url(../img/SNS_hold.webp) no-repeat top center;
}
#menu ul li:hover,
.menu ul li a:hover {
    background: #000;
    color: #fff;
}
#menu ul li ul {
    position: absolute;
    top: 38px;
    width: 128px;
    z-index: 100;
    float: left;
}
#menu ul li ul li {
    visibility: hidden;
    overflow: hidden;
    width: 800px;
    height: 0;
    color: #333;
    background: #999;
    float: left;
}
#menu ul li ul li:hover,
#menu ul li ul li a:hover {
    background: #999;
}
#menu ul li:hover ul li,
.menu ul li a:hover ul li {
    visibility: visible;
    overflow: visible;
    height: 39px;
    background: url('../img/sub-back.gif') no-repeat top center;
    z-index: 10;
    width: 178px;
}
#menu * {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#menu .sub-menu-know,
#menu .sub-menu-read,
#menu .sub-menu-SNS {
    width: 650px;
    margin-left: -135px;
}