@charset "UTF-8";

form {
    label {
        display: flex;
        margin : 10px 0;

        & > span {
            display: inline-block;
            width: 12em;
            margin-right: 10px;
        }

        input[type="text"] {
            flex-grow: 1;
        }

        textarea {
            height: 10em;
            vertical-align: text-top;
            flex-grow: 1;
        }

    }
}

#mng-info-list-page {

    ul.info-list {
        list-style-type: none;
        padding: 0;
        margin: 0;

        & > li {

            border-bottom: 1px solid #ccc;

            &.header,
            & > a
            {
                display: flex;
                gap : 0.25em;
                padding: 10px 0;

                & > .date {
                    width: 6em;
                }

                & > .title {
                    flex-grow: 1;
                }

                & > .disp-toppage {
                    width: 8em;
                }
            }

            & > a:hover {
                background-color: #eeffee;
            }

        }
    }

}