@charset "utf-8";

@media (min-width: 769px) {
    div.freepage_ {
        margin: 0 auto;
        min-height: 480px;
        padding: 0 0 30px;
        width: 840px;
        line-height: 1.6;
    }

    #order table.formdetail_ {
        border-collapse:collapse;
        margin:0 auto;
    }
    #order table.formdetail_ th {
        width:20%;
        vertical-align:middle;
        padding:8px;
        text-align: left;
        font-weight:bold;
        vertical-align: top;
        background-color:#F8F8F8;
        border-top:1px dotted #CCC;
        border-bottom:1px dotted #CCC;
    }
    #order table.formdetail_ td {
        padding:8px;
        font-weight:normal;
        vertical-align: top;
        background-color:#FFF;
        border-top:1px dotted #CCC;
        border-bottom:1px dotted #CCC;
    }
    #order table.formdetail_ td strong {
        color:#ff0000;
    }
}

@media (max-width: 768px) {
    #order div.tablebox_ {
        margin:20px 0;
    }
    #order table {
        width:100%;
        border-top:#333 1px solid;
        border-collapse:collapse; 
    }
    #order table.formdetail_ th {
        width:35%;
        padding:10px;
        font-size:12px;
        text-align:left;
        background:#f8f8f8;
        border-bottom:#333 1px solid;
        border-collapse:collapse; 
    }
    #order table.formdetail_ td {
        padding:10px;
        font-size:12px;
        border-bottom:#333 1px solid;
        border-collapse:collapse; 
    }
    #order table.formdetail_ td strong {
        font-size:12px;
        color:#ff0000;
    }
}