@media screen and (max-width:780px) {
            body {
                width: 100%;
                margin: auto 0;
                font-family: Meiryo, sans-serif;
                font-size: 13px;
            }
        }
        
        @media screen and (min-width:781px) {
            body {
                width: 780px;
                margin: 0 auto;
                font-family: Meiryo, sans-serif;
                font-size: 13px;
            }
        }
        
        .hdr {
            border: 0;
            background-color: #555555;
            width: 100%;
            color: #ffffff;
            text-align: center;
            margin-bottom: 10px;
            padding: 10px 0;
        }
        
        h3 {
            margin: 0;
            font-size: 15px;
            text-align: left;
            border-left: solid 5px #ffaf58;
            padding: 0.2em;
        }
        
        .underline {
            background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), color-stop(60%, #ffcb67), color-stop(90%, #ffcb67), color-stop(90%, #fff), to(#fff));
            background: -o-linear-gradient(#fff 0%, #fff 60%, #ffcb67 60%, #ffcb67 90%, #fff 90%, #fff 100%);
            background: linear-gradient(#fff 0%, #fff 60%, #ffcb67 60%, #ffcb67 90%, #fff 90%, #fff 100%);
        }
        
        .cpn {
            border: 0;
            width: 95%;
            line-height: 1.5;
            text-align: left;
            padding: 0 2.5%;
        }
        
        .notice {
            font-size: 12px;
            text-align: left;
        }
        
        .date {
            font-size: 10px;
            text-align: left;
        }
        
        .btn {
            text-align: center;
            padding-bottom: 30px;
        }