/* CSS Document */

.JAPAN_BG {
    margin: 0 auto;
    width: 100%;
    height: 60px;
    background-image: url(../image/japan_bg.jpg);
}

.JAPAN_BG2 {
    margin: 0 auto;
    width: 1150px;
    height: 60px;
    background-image: url(../image/japan_bg2.png);
}

.HEADER {
    margin: 0 auto;
    width: 1021px;
    height: 60px;
}

.J_LEFT {
    float: left;
    width: 280px;
    height: 60px;
    background-image: url(../image/suburb_japan_logo.png);
}

.J_RIGHT {
    float: right;
    width: 350px;
    height: 22px;
    font: 13px/22px "新細明體", Helvetica, Arial;
    color: #444;
    text-align: right;
}

a.LINK_HOME {
    font: 13px/22px "新細明體", Helvetica, Arial;
    color: #6a50b6;
    text-decoration: none;
    background-image: url(../image/icon_home.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

a:hover.LINK_HOME {
    color: #523a9a;
}

a.LINK_J {
    font: 13px/22px "新細明體", Helvetica, Arial;
    color: #444;
    text-decoration: none;
}

a:hover.LINK_J {
    color: #523a9a;
}

a.LINK_J02 {
    font: 15px/22px "新細明體", Helvetica, Arial;
    color: #444;
    text-decoration: none;
}

a:hover.LINK_J02 {
    color: #523a9a;
}

a.LINK_R {
    font: 16px/35px "新細明體", Helvetica, Arial;
    color: #111;
    font-weight: bold;
    text-decoration: none;
    margin-left: 5px;
}

a:hover.LINK_R {
    color: #1a87b5;
}

.BLANK {
    height: 10px;
}

.BLANK_2 {
    height: 5px;
}

.LINE {
    height: 15px;
    width: 770px;
    margin: 0 auto;
    background-image: url(https://www.click108.com.tw/menu/japan/iframe/images/line.png);
}


/*表尾*/

.FOOT_iframe {
    margin: 0 auto;
    width: 100%;
}

.FOOT_iframe .PR_BG {
    width: 100%;
    overflow: hidden;
    background-color: #e8e8e8;
    padding-top: 6px;
}

.PR_BG .PR {
    width: 930px;
    height: 169px;
    margin: 0 auto;
}

.PR .TITLE {
    width: 930px;
    height: 46px;
    background-image: url(../image/icon_t.png);
    background-position: left center;
    background-repeat: no-repeat;
    font: 16px/46px "新細明體", Helvetica, Arial;
    font-weight: bold;
    color: #333;
    text-indent: 45px;
}

.PR ul {
    width: 930px;
    height: 100px;
}

.PR li {
    float: left;
    width: 300px;
    height: 100px;
}

.PR li a {
    display: block;
    width: 300px;
    height: 100px;
    text-indent: -9999px;
}


/*--  排行榜  --*/

.PR_BG .LB {
    width: 930px;
    overflow: hidden;
    margin: 0 auto;
}

.LB ul.BOARD {
    width: 930px;
    height: 260px;
}

.LB li.BOARD_AREA {
    float: left;
    width: 300px;
    height: 270px;
}

.TITLE_2 {
    font: 24px/60px "微軟正黑體", Helvetica, Arial;
    font-weight: bold;
    width: 300px;
    height: 60px;
    background-image: url(../image/board_top.png);
    text-align: center;
}

ul.RANKING {
    box-sizing: content-box;
    width: 220px;
    overflow: hidden;
    background-image: url(../image/board_bg.png);
    padding: 10px 40px;
}

li.R01 {
    width: 220px;
    font: 16px/35px Tahoma, Geneva, sans-serif;
    font-weight: bold;
    color: #fff;
    text-indent: 6px;
    text-align: left;
    background-repeat: no-repeat;
}

.BOARD_DOWN {
    width: 300px;
    height: 5px;
    background-image: url(../image/board_bg.png);
    background-position: bottom;
}

.FOOT_iframe h6 {
    margin: 0 auto;
    width: 100%;
    height: 35px;
    background-color: #d9d8d8;
    text-align: center;
    font: 15px/35px "新細明體", Helvetica, Arial;
    color: #444;
}