/* 全体 */
body {
    margin: 0;
    background-color: #eeeeee;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

/* ヘッダ部 */
.header {
    font-size: 24px;
    width: 100%;
    height: 64px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAIAAABUc4oXAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sMEAcWMWnNX7oAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAGJJREFUCNdVjsERAzEMAtf0lmpTXr4Rm8fZk7sXiEEAr887aqTRiTTtRM89KY2dYFM2PvjxXxwn5dLOT23ozrvpdiLeur97y85johO6d5xd9/6zXQMEDKyAWRuFLAis+Pf8AHvDhoNx1pk3AAAAAElFTkSuQmCC");
    margin: 0;
    position: relative;
}

.header h1 {
    display: inline-block;
    font-size: 34px;
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 1em;
}

/* メインコンテンツ部 */
.body {
    width: 100%;
}

/* validate用 */
input.error, textarea.error {
    border: 2px solid red;
    background-color: #ffffcc;
    margin: 0px;
    color: red;
}

.error-list {
    width: 100%;
    max-height: 3em;
    overflow: auto;
    color: red;
    font-weight: bold;
    background-color: #ffffcc;
    border: solid 1px red;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    display: none;
}

.error-list ul {
    margin: 0;
}

.error-list .error-message {
    display: none;
}