/* 説明 */

div.explanation {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

/* 基本情報 */

div.summary {
    width: 100%;
}

div.summary table.tblSummary {
    margin: 0 auto;
}

div.summary table.tblSummary tbody {
    width: 100%;
}

div.summary table.tblSummary th {
    width: 100px;
    height: 20px;
    background-color: #444;
    border: 1px solid #222;
    font-weight: normal;
    text-align: center;
}

div.summary table.tblSummary th.tblColHeader {
    height: 30px;
    background-color: #333;
    border: 1px solid #222;
}

div.summary table.tblSummary td {
    width: 150px;
    height: 30px;
    background-color: #555;
    border: 1px solid #222;
    font-weight: normal;
    text-align: center;
}

/* ホール情報 */

div.pageBodyInnerHolesImage {
    width: 100%;
    background-image: url(../img/2005_b.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size:cover;
    background-size:cover;
    text-align: center;
}

div.holesImageInner img {
    width: 90%;
    height: auto;
    vertical-align: bottom;
}

div.holes {
    padding-top: 20px;
    padding-bottom: 20px;
}

div.holes table.tblHoles {
    margin: 0 auto;
}

div.holes table.tblHoles th {
    height: 30px;
    background-color: #555;
    border: 1px solid #222;
    text-align: center;
    font-weight: normal;
}

div.holes table.tblHoles td {
    height: 30px;
    background-color: #555;
    border: 1px solid #222;
    text-align: center;
}

div.holes table.tblHoles .colHoleNo {
    width: 60px;
}

div.holes table.tblHoles .colPar {
    width: 60px;
}

div.holes table.tblHoles .colBackTee {
    width: 80px;
}

div.holes table.tblHoles .colRegularTee {
    width: 80px;
}

div.holes table.tblHoles .colHdcp {
    width: 60px;
}

div.holes table.tblHoles .rowHeader {
    background-color: #333;
}

div.holes table.tblHoles .rowSubTotal {
    background-color: #444;
}

div.holes table.tblHoles .rowTotal {
    background-color: #333;
}

div#Chaya {
    text-align: center;
    margin-bottom: 30px;
}

div#Rensyu {
    text-align: center;
    margin-bottom: 30px;
}

/*************************************************************/
/* レスポンシブ用 */
/*************************************************************/

@media screen and ( max-width: 1024px )
{

}

@media screen and ( max-width: 480px )
{
    div#Chaya img {
        width: 100%;
    }

    div#Rensyu img {
        width: 100%;
    }

}