@charset "UTF-8";

@media screen and (min-width: 850px) {
    body {
        width:850px;
        margin:0 auto;
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    #wrapper { /* default_style.css の bodycolor に順ずる*/
        background-color: #ffffff;
    }
    #container {
        float:right;
        width:645px;
    }


    /*------------------------------------------
        PC用 左メニュー 階層表示の指定
    -------------------------------------------*/
    .menubar {
        float: left;
        width:200px;
    }
    .btn-toolbar {
        display: none;
    }
    .menulist {
        display: block;
        position: static;
        max-height: none;
        overflow-y: visible;
    }
    .menulist, .menulist ul, .menulist li {
        width: 200px;  /* メニューの幅 */
    }
    .menulist a {
        display: block;
        padding: 5px 0.5em;
    }
    .menulist a, .menulist a:link, .menulist a:hover, .menulist a:visited {
        font-size:14px; /* 文字サイズ */
        color: #333333; /* 文字色 */
        border-left: 8px solid #191919; /* 見出し */
        text-decoration: none;
        margin:0px 0px 2px;
    }
    .menulist a:hover { /* カーソルが乗ったとき */
        color: #333333; /* 文字色 */
        background: #f7f7f7; /* 背景色 */
        border-left: 8px solid #666666; /* 見出し */
    }
    .menulist li {
        position: relative;
        display: block;
        list-style: none;
        background: #eeeeee; /* メニュー背景色（li） */
        border: 0;
        padding: 0;
    }
    .menulist li:first-child {
        border-top: 0px solid #ffffff;
    }
    .menulist li ul {
        padding:2px 2px 0px;
        background: #ffffff; /* サブメニュー ul背景 */
        border:1px solid #d3d3d3;
    }
    .menulist li li {
        background: #eeeeee; /* サブメニュー背景色（li） */
    }
    .menulist li li a:hover {
        background: #f7f7f7;  /* カーソルが乗ったとき */
        border-left: 8px solid #666666;
    }
    .menulist ul {
        display: block;
        visibility: hidden;
        position: absolute;
        left: 202px; /* メニューの幅と同じ値 */
        top: 15px; /* サブメニューのボーダー幅を減算 */
    }
    .menulist li:hover > ul {
        visibility: visible;
    }
    .menulist .m_close>a {
        background: #eeeeee;
    }
    .menulist .m_close>a:hover {
        background: #f7f7f7;
    }
    .menulist .m_open>a {
        background: none;
    }
    .m_close, .m_open {
        z-index:2;
    }
}