/* <system section="background" selected="bg21"> */
body{ background-color:#f3f3f3; background-image:url(https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme21.png?version=659be1d3269011c012da7579d18f50); background-repeat:repeat; background-attachment:scroll; }
/* </system> */
/***グローバルメニュー***/
#menu{
 width: 100%;
 margin: 10px auto;
 background: #000;
}
#menu-inner{
 width: 1000px;
 height: 40px;/*メニューバーの太さ*/
 margin: 0 auto;
 background: #000;/*メニューバーの背景色*/
}
#menu-btn{display: none;}
#menu-content{
 padding-left: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 list-style-type: none;
}
#menu-content > li{
 position: relative;
 float: left;
 height: 100%;
 text-align: center;
  width: 20%
}
#menu-content > li > a{
 position: relative;
 display: block;
 height: 100%;
 width: 100%;
 line-height: 40px;/*メニューバーの太さ*/
 background: #000;/*文字の背景*/
 color: #fff;/*文字の色*/
 font-size: 70%;
 text-decoration: none;
 z-index: 2;
}
#menu-content > li > a:hover{
 background: #fff;/*選択時の背景色*/
 color: #ff1493;/*選択時の文字色*/
}

/***横幅が狭いときのメニュー***/
@media screen and (max-width:960px){/*19*/
#menu-inner{
    width: 100%;
    height: auto;
}
#btn-content{text-align: right;}
#menu-btn{
    display: inline-block;
    padding: 8px 15px;
    margin: 5px;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-size: 70%;
}
#menu-content{
    display: none;
    width: 100%;
}
#menu-content > li{
    width: 50%;
    height: 40px;
}
#menu-content > li > a{
    width: 100%;
    line-height: 40px;
    padding: 0;
    text-decoration: none;
}