/* <system section="theme" selected="11696248318753226143"> */
/* <system section="theme" selected="11696248318753226143"> */
@import "https://blog.hatena.ne.jp/css/theme/retropop/retropop.css";
/* </system> */
/* </system> */

/*メニューバー*/
/*外枠*/
#menubar ul{
    display: table; /*表示形式*/
    width: 100%; /*外枠の幅*/
    background-color: #cccccc;  /*メニュー枠と外枠の間の余白の色*/
    padding: 3px; /*メニューと外枠の間の余白*/
    margin: 0px 0px 30px 0px; /*全体の周囲の余白 上右下左の順*/
}
/*中枠*/
#menubar li{
    display: table-cell; /*表示形式*/
    width: 5%; /*メニュー１個の幅=100÷(メニューの個数)*/
    background-color: #cccccc; /*中枠の色*/
    padding: 2px; /*最内枠とメニュー枠の間の余白*/
}
/*最内枠*/
#menubar li a{
    display: block; /*表示形式*/
    background-color: #3d3d3d; /*最内枠色*/
    color: #eeeeee; /*文字色*/
    text-align: center; /*文字寄せ*/
    font-size: 16px; /*文字の色*/
    text-decoration: none; /*リンクの下線を消す*/
    border: 1px solid #eeeeee; /*最内枠線*/
    padding:5px; /*文字の周りの余白*/
    /*margin:0 auto; /*最内枠の周囲の余白*/
}
/*マウスオーバー*/
#menubar li a:hover{
    background-color: #7d7d7d; /*マウスカーソルを載せた時のメニューの色*/
}