* {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
}

body{
    margin: 0;
    padding: 0;
    background-color: #F4F4F2;
}

header{
    padding: 10px;
    background-color: #1570A6;
    color: white;
    text-align: center;
    font-size: 14pt;
}
.main{
    width: 320px;
    margin: 0px auto;
}
footer{
    padding: 10px;
    background-color: #1570A6;
    color: white;
    text-align: center;
    font-size: 8pt;
}

.top{
    padding: 10px;
    /*background-color: lightblue;*/
    font-size: 12pt;
}
.middle{
    padding: 10px;
    /*background-color: lightyellow;*/
}
.under{
    padding: 10px;
    /*background-color: pink;*/
    text-align: center;
}

.lbl{
    font-size: 12pt;
    display: block;
}
.ddl{
    font-size: 12pt;

}
.txt{
    margin-left: 10px;
    font-size: 12pt;
    width: 260px;
}

.lbl-msg{
    font-size: 12pt;
}
.lbl-title:nth-child(n+2){
    margin-top: 10px;
}
.lbl-error{
    color: red;
    font-size: 10pt;
}
.lbl-confirm{
    margin-left: 10px;
    font-weight: bold;
    word-wrap: break-word;
}

.btn{
    width: 100%;
    height: 50px;
    border-radius: 3px;
    color: #FFF;
    font-size: 16pt;
}
.btn-ok {
    background: -moz-linear-gradient(top,#3498DB 0%,#3498DB);
    background: -webkit-gradient(linear, left top, left bottom, from(#3498DB), to(#3498DB));
    background: linear-gradient(to bottom right, #3498DB, #3498DB);
    border: 1px solid #3498DB;
}
.btn-cancel {
    margin-top: 10px;
    background: -moz-linear-gradient(top,#B7B7B7 0%,#B7B7B7);
    background: -webkit-gradient(linear, left top, left bottom, from(#B7B7B7), to(#B7B7B7));
    background: linear-gradient(to bottom right, #B7B7B7, #B7B7B7);
    border: 1px solid #B7B7B7;
}

.tbl {
    width: 100%;
}