@charset "Shift_JIS";


.listTable01,
.listTable01 td,
.listTable02_1 .itemA,
.listTable02_1 .itemB,
.listTable02_1 .itemC,
.listTable02_1 .itemD,
.listTable02_1 .itemE,
.listTable02_2 .itemA,
.listTable02_2 .itemB,
.listTable02_2 .itemC,
.listTable02_2 .itemD,
.listTable02_2 .itemE {
    border-style: solid;
    border-color: #88C5C8;
}



/* テーブルタグ
-------------------------------------------------------- */

.listTable01,
.listTable01 td {
}

.listTable01 {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
}

.listTable01 td {
    width: auto;
    padding: 8px 10px;
    border-width: 0 1px 1px 0;
}

.listTable01 thead td   { background-color: #C0E0E2; }
.listTable01 .rank      { background-color: #FBFAF0; }



/* テーブルタグ divで指定した場合
-------------------------------------------------------- */

.listTable02_1,
.listTable02_2 {
}

.listTable02_1 .itemA,
.listTable02_1 .itemB,
.listTable02_1 .itemC,
.listTable02_1 .itemD,
.listTable02_1 .itemE {
    float: left;
    padding: 4px 6px;
    border-width: 1px 1px 1px 0;
    background-color: #C0E0E2;
}

.listTable02_2 .itemA,
.listTable02_2 .itemB,
.listTable02_2 .itemC,
.listTable02_2 .itemD,
.listTable02_2 .itemE {
    padding: 4px 6px;
    border-width: 0 1px 1px 0;
    float: left;
}

.listTable02_1 .itemA,
.listTable02_2 .itemA {
    width: 80px;
    _width: 92px;
    border-left-width: 1px;
}

.listTable02_2 .itemA   { background-color: #FBFAF0; }
.listTable02_1 .itemB,
.listTable02_2 .itemB   { width: 120px; _width: 132px; }
.listTable02_1 .itemC,
.listTable02_2 .itemC   { width: 110px; _width: 122px; }
.listTable02_1 .itemD,
.listTable02_2 .itemD   { width: 200px; _width: 212px; }
.listTable02_1 .itemE,
.listTable02_2 .itemE   { width: 100px; _width: 112px; }



/* テーブルデザイン集
-------------------------------------------------------- */

.listTable03 {
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
}

.listTable03_1 {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-color: #CCCCCC;
    margin: 0 0 20px;
}

.listTable03 .itemA01,
.listTable03 .itemA02,
.listTable03 .itemA03 {
    float: left;
    padding: 25px 15px 20px 100px;
    background-position: left top;
    background-repeat: no-repeat;
}

.listTable03 .itemA01   { background-image: url(../img/rank01.png); }
.listTable03 .itemA02   { background-image: url(../img/rank02.png); }
.listTable03 .itemA03   { background-image: url(../img/rank03.png); }

.listTable03 .itemB {
    float: left;
    width: 270px;
}