@charset "UTF-8";
    /* ※「id」で指定されたものは、「#」を付ける。ページ中に1度しか登場しない  */
    /* ※「class」は「.」を付けるだけ。ページ中に何度でも登場する */
    /* ※「top.css」はトップページ専用ＣＳＳです。*/
    div#WgMenu {
        width: 280px;
    }
    /* 文字の点滅（visibilityを切り替える）設定 */
    /* ---------------------------------------------------- */
    .blink-visibility {
        animation: blinkVisibility 1s steps(1, start) infinite;
    }
    @keyframes blinkVisibility {
        50% {
            visibility: hidden;
        }
    }
    /* 文字を赤・黒に切り替える設定 */
    /* ---------------------------------------------------- */
    .blink-color {
        animation: blinkColor 1s steps(1, start) infinite;
    }
    @keyframes blinkColor {
        50% {
            color: transparent;
        }
    }
    /* 文字の点滅（visibilityを切り替える）設定 */
    /* ---------------------------------------------------- */
    .red-black-blink {
        animation: redBlackBlink 1.5s steps(1, start) infinite;
    }
    @keyframes redBlackBlink {
        0% {
            color: red;
        }
        50% {
            color: black;
        }
        100% {
            color: red;
        }
    }
    /* メニューのフレーム設定 */
    /* ---------------------------------------------------- */
    div.WgMenuFra {
        margin: 0 0 24px 0;
        width: 280px;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        border-left: 4px solid #999999;
    }
    div.WgMenuFra h3 {
        padding: 7px 8px 2px 8px;
        font-size: 14px;
        text-indent: 8px;
        font-weight: bold;
        color: #006699;
    }
    div.WgMenuFra h2 {
        font-size: 12px;
        padding: 5px 0 6px 0;
        background-color: #006699;
        text-indent: 8px;
        font-weight: bold;
        color: #FFFFFF;
        margin: 0 8px 16px 8px;
    }
    div.WgMenuFra strong {
        font-size: 20px;
        line-height: 20px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgMenuFra div.WgMenuFraWrap {
        margin: 0 8px 8px 8px;
    }
    /* div.WgMenuFra iframe {
	margin: 0 8px;
} */
    /* リストの設定
/* ---------------------------------------------------- */
    div.WgMenuFra ul {
        margin: -4px 8px 8px 8px;
    }
    div.WgMenuFra li {
        font-size: 14px;
        line-height: 20px;
        padding: 4px 0 8px 0;
        margin: 0 0 4px 0;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
    }
    div.WgMenuFra li a {
        color: #000000;
        text-decoration: none;
    }
    div.WgMenuFra li a:hover {
        background-color: #FFFFBF;
        display: block;
    }
    div.WgMenuFra li img {
        width: 243px;
    }
    /* カテゴリーの設定
/* ---------------------------------------------------- */
    div.WgMenuFra dl {
        margin: -4px 8px 8px 8px;
    }
    div.WgMenuFra dt {
        font-size: 16px;
        line-height: 32px;
        margin: 0 0 4px 0;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
    }
    div.WgMenuFra dt a {
        font-weight: bold;
    }
    div.WgMenuFra dt img {
        width: 244px;
        margin: 4px 0;
    }
    div.WgMenuFra dd {
        font-size: 13px;
        line-height: 28px;
        margin: 0 0 4px 0;
        padding: 0 0 0 16px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
    }
    div.WgMenuFra dd a {}
    div.WgMenuFra dd img {
        width: 228px;
        margin: 4px 0;
    }