/************** トップページ用ＣＳＳ **************/

/* コンテンツ全体 */

#container {
    background-image: url(wall_container.gif);
    background-position: 0px -50px;
    background-repeat: repeat-x;
}


/* トップページ画像 */

#top_pic{
    margin: 0px 0px 4px 20px;
    background-color:#000;
    width: 760px;
    height: 380px;
    overflow: hidden;
}

#part1 {
    float: left;
    width: 215px;
    height: 380px;
    overflow: hidden;
    background-image: url(title_top.gif);
    background-repeat: no-repeat;
    background-position: 30px 15px;
}

#part2 {
    float: left;
    width: 560px;
    height: 380px;
    overflow: hidden;
    background-image: url(cork_board.gif);
    background-repeat: no-repeat;
    background-position: 0px 15px;
}



/* カウンタ */

#counter {
    padding: 80px 0px 0px 30px;
    height: 182px;
}

#counter .title {
    height: 24px;
    background-image: url(title_top_etc.gif);
    background-repeat: no-repeat;
    background-position: -6px 0px;
}

#counter .sub {
    padding: 2px 0px 0px 2px;
    color: #555;
    font-size: 11px;
}


/* 最新ランキング */

#ranking {
    padding: 9px 0px 0px 0px;
    height: 105px;
    background-image: url(wall_current_rankings.gif);
    background-repeat: no-repeat;
    background-position: 24px 0px;
}

#ranking .title{
    height: 26px;
    background-image: url(title_top_etc.gif);
    background-repeat: no-repeat;
    background-position: 48px -40px;
}

#ranking table {
    margin: 0px 0px 0px 40px;
    width: 155px;
}

#ranking .top th {
    text-align: right;
}

#ranking .wta th, #ranking .jta th {
    text-align: left;
}

#ranking .date {
    padding-left: 4px;
    color: #666;
}

#ranking .singles {
    color: #f52;
    font-weight: bold;
    text-align: right;
    width: 35px;
}

#ranking .doubles {
    color: #7b2;
    font-weight: bold;
    text-align: right;
    width: 37px;
}



/* 最新情報 */

#whats_new {
    padding: 35px 35px 0px 35px;
}

#whats_new .title {
    height: 25px;
    background-image: url(title_top_etc.gif);
    background-repeat: no-repeat;
    background-position: 0px -80px;
}

#whats_new .nakami, #schedule .nakami {
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#whats_new .nakami_waku {
    padding: 8px 0px;
    background-image: url(wall_whats_new.jpg);
    border: 1px solid #ccc;
}

#whats_new .nakami {
    height: 110px;
}

#whats_new .new, #whats_new .old {
    padding: 0px 5px 0px 68px;
    text-indent: -38px;
}

#whats_new .new {
    background-image: url(icon_new.gif);
    background-repeat: no-repeat;
    background-position: 10px 4px;
}

#whats_new .new .date { color: #800; }
#whats_new .old .date { color: #060; }


/* スケジュール */

#schedule {
    padding: 6px 35px 0px 35px;
}

#schedule .title {
    height: 25px;
    background-image: url(title_top_etc.gif);
    background-repeat: no-repeat;
    background-position: 0px -120px;
}

#schedule .nakami_waku {
    padding: 8px 0px;
    background-image: url(wall_schedule.jpg);
    border: 1px solid #ccc;
}

#schedule .nakami {
    height: 95px;
}

.now {
    background-image: url(icon_now.gif);
    background-repeat: no-repeat;
    background-position: 11px 5px;
}
#schedule .now, #schedule .next {
    padding: 0px 5px 0px 110px;
    text-indent: -80px;
}

#schedule .now  .date { color: #800; }
#schedule .next .date { color: #060; }

#schedule .clock { margin: 3px 0px 5px 100px; }


/************** スポンサー ***************/

#sponsor {
    margin: 8px 0px 0px 230px;
}

#sponsor a {
    float: left;
    display: block;
    background-image: url(sponsor.gif);
    background-repeat: no-repeat;
}

a.dunlop{
    width: 140px;
    height: 23px;
    margin: 9px 0px 0px 3px;
    background-position: 0px -40px;
}

a.adidas{
    width: 55px;
    height: 39px;
    margin: 0px 0px 0px 9px;
    background-position: 0px -80px;
}

a.realine {
    width: 105px;
    height: 30px;
    margin: 5px 0px 0px 10px;
    background-position: 0px -120px;
}