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

/* ===================================================================
CSS information

 File Name  : contents.css
 Author     : MIYA
 Style Info : コンテンツ内のスタイル
=================================================================== */

/* 自動横スクロールバー表示 */
div.x-scroll {
    width: 100%;
    overflow-x: auto;
}

/*
div.main	{
        width: 580px;
}
.table01 h3	{
        font-size: 133.3%;
        margin-bottom: 5px;
}
*/
/* サンプルtableの共通設定
----------------------------------------------------------- */
.table01	{
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin-bottom: 10px;
        font-size: x-small;
}

.table02	{
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid cornflowerblue;
        font-size: x-small;
}

th, td	{
        padding: 5px;
        word-break: break-all;
}



/* サンプル7
----------------------------------------------------------- */
.table01 th	{
        background-color: cornflowerblue;
        border: 1px solid cornflowerblue;
        text-align: center;
        white-space: nowrap;
        color: white;
}
.table01 td	{
        border-bottom: 1px solid cornflowerblue;
        text-align: left;
        white-space: normal;
        border-bottom: 1px cornflowerblue dashed;
}

.table02 th	{
        background-color: cornflowerblue;
        border: 1px solid cornflowerblue;
        text-align: center;
        white-space: nowrap;
        color: white;
}
.table02 td	{
        border: 1px solid cornflowerblue;
        text-align: left;
        white-space: normal;
}

}