@charset "utf-8"; #wrapper { z-index:0; } #header {} #container {} #container_01 {} #container-bg_01 { padding-bottom: 19px; } #container-inner_01 { position: relative; } #contents-slider { float: left; position: relative; z-index: 100; width: 640px; height: 300px; background: #fff; } #contents-slider .slides_container { display:none; position: relative; width: 640px; height: 300px; } #contents-slider .slides_container_slide { display:block; width: 640px; height: 300px; } #contents-slider .slides_container_slide a { display: block; } #contents-slider .slides_container_slide a img { width: 640px; height: 300px; } #contents-slider .pagination { position: absolute; overflow: hidden; z-index: 200; left: 22px; bottom: 14px; } #contents-slider .pagination li { float: left; margin-right: 4px; z-index: 300; } #contents-slider .pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background: url(../images/contents-slider/pagination.png) 0 0; z-index: 400; } #contents-slider .pagination li.current a { background-position: 0 -12px; } #now-oa { float: right; width: 340px; height: 301px; background: #fff; } #now-oa .header { overflow: hidden; } #now-oa #oa { float: left; width: 249px; height: 36px; background: url(../images/nowoa/tit_nowoa.gif) no-repeat; } #now-oa #program { display: block; float: right; width: 90px; height: 36px; background: url(../images/nowoa/btn_program.gif) no-repeat; } #now-oa .body {} #now-oa li { overflow: hidden; border-bottom: solid 1px #ff7e24; } #now-oa li a, #now-oa li p { display: block; width: 340px; height: 37px; line-height: 37px; text-decoration: none; } #now-oa li a { cursor: pointer; } #now-oa li.now { background: url(../images/nowoa/bg_nowoa.gif) repeat; } #now-oa .time { margin-left: 14px; } #now-oa .now-icon { margin-left: 8px; } #now-oa .now-icon img { vertical-align: text-bottom; } #now-oa .content { margin-left: 26px; } #now-oa .now-icon + .content { margin-left: 10px; } #carousel { position: relative; width: 1000px; height: 90px; margin: 15px 0 0; } #carousel ul { overflow: hidden; height: 90px; } #carousel li { float: left; width: 195px; height: 90px; margin-right: 6px; } #carousel li a { display: block; } #carousel li a img { width: 195px; height: 90px; } #carousel ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } #carousel ul { display: inline-block; overflow: hidden; } #carousel_prev { position: absolute; left: -13px; bottom: 31px; width: 26px; height: 26px; } #carousel_prev a { display: block; width: 26px; height: 26px; } #carousel_next { position: absolute; right: -13px; bottom: 31px; width: 26px; height: 26px; } #carousel_next a { display: block; width: 26px; height: 26px; } #container_02 {} #container-bg_02 {} #container-inner_02 { overflow: hidden; width: 1000px; margin: 0 auto; padding-bottom: 41px; } #container-inner_02_left { float: left; width: 640px; } #uranai { position: relative; overflow: hidden; width: 640px; height: 90px; margin-top: 30px; background: url(../images/uranai/bg_uranai.jpg) no-repeat; font-size: 13px; } #uranai .date { position: absolute; left: 15px; top: 11px; font-size: 14px; color: #fe2064; font-weight: bold; } #uranai .button { position: absolute; display: block; width: 164px; height: 32px; left: 14px; top: 45px; background: url(../images/uranai/btn_uranai.gif) no-repeat; } #uranai .rank1 .birth { position: absolute; left: 240px; top: 12px; } #uranai .rank1 .result { position: absolute; left: 319px; top: 12px; } #uranai .rank1 .item { position: absolute; left: 509px; top: 12px; padding-left: 16px; background: url(../images/uranai/icon_heart.gif) no-repeat 0 4px; } #uranai .rank2 .birth { position: absolute; left: 240px; top: 38px; } #uranai .rank2 .result { position: absolute; left: 319px; top: 38px; } #uranai .rank2 .item { position: absolute; left: 509px; top: 38px; padding-left: 16px; background: url(../images/uranai/icon_heart.gif) no-repeat 0 4px; } #uranai .rank3 .birth { position: absolute; left: 240px; top: 62px; } #uranai .rank3 .result { position: absolute; left: 319px; top: 62px; } #uranai .rank3 .item { position: absolute; left: 509px; top: 62px; padding-left: 16px; background: url(../images/uranai/icon_heart.gif) no-repeat 0 4px; } #whats-new { width: 640px; margin-top: 11px; } #whats-new .header { width: 640px; height: 10px; background: url(../images/whatsnew/bg_news_head.gif) no-repeat; } #whats-new .body { width: 640px; padding: 3px 0 13px; background: url(../images/whatsnew/bg_news_cnts.gif) repeat-y; } #whats-new p { width: 587px; height: 35px; margin: 0 auto 8px; background: url(../images/whatsnew/tit_news.gif) no-repeat; } #whats-new .body ul { overflow-x: hidden; overflow-y: auto; width: 610px; height: 361px; margin: 0 auto; } #whats-new .body li { overflow: hidden; border-bottom: solid 1px #0096ff; cursor: pointer; } #whats-new .body li:first-child { border-top: solid 1px #0096ff; } #whats-new .body li.news { background: #fff url(../images/whatsnew/icon_news.gif) 16px 12px no-repeat; } #whats-new .body li.news a { color: #0050d4; } #whats-new .body li.tv { background: #fff url(../images/whatsnew/icon_tviinfo.gif) 12px 12px no-repeat; } #whats-new .body li.tv a { color: #ff7e24; } #whats-new .body a { display: block; overflow: hidden; width: 550px; height: 39px; line-height: 39px; padding: 0 20px 0 40px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #whats-new .body .date { margin-right: 14px; } #whats-new .mCSB_container { margin-right: 18px !important; } #whats-new .mCSB_dragger { height: 100px !important;} #whats-new .mCSB_dragger_bar { border-radius: 10px !important; background-color: #999999;} #whats-new .footer { width: 640px; height: 9px; background: url(../images/whatsnew/bg_news_ft.gif) no-repeat; } #information { width: 640px; margin-top: 21px; } #information .header { width: 640px; height: 9px; background: url(../images/info/bg_info_head.gif) no-repeat; } #information .body { width: 640px; padding: 3px 0 7px; background: url(../images/info/bg_info_cnts.gif) repeat-y; } #information p { width: 134px; height: 33px; margin: 0 0 6px 30px; background: url(../images/info/tit_info.gif) no-repeat; } #information .body ul { overflow: hidden; width: 606px; margin: 0 auto; } #information .body li { float: left; overflow: hidden; margin-right: 3px; border-top: solid 1px #ff7e24; background: #fff url(../images/info/icon_info_arrow.gif) 12px 12px no-repeat; cursor: pointer; } #information .body a { display: block; overflow: hidden; width: 274px; height: 35px; line-height: 35px; padding-left: 26px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #information .footer { width: 640px; height: 10px; background: url(../images/info/bg_info_ft.gif) no-repeat; } #container-inner_02_right { float: right; width: 340px; } #ad-big { margin-top: 30px; } #ad-big a { display: block; width: 340px; } #ad-small { margin-top: 10px; } #ad-small a { display: block; width: 340px; } #twitter { position: relative; width: 340px; height: 230px; margin-top: 11px; background: url(../images/side/bg_tw.gif) no-repeat; } #facebook { padding-top: 20px; } #facebook a { display: block; width: 341px; height: 51px; background: url(../images/side/bnr_fb.gif) no-repeat; } #line { padding-top: 6px; } #line a { display: block; width: 341px; height: 61px; background: url(../images/side/bnr_line.gif) no-repeat; } #mail-magazine { padding-top: 7px; } #mail-magazine a { display: block; width: 341px; height: 51px; background: url(../images/side/bnr_mailmaga.gif) no-repeat; } #container_03 { background: url(../images/recommend/bg_recommend_cnts.gif) repeat; } #container-bg-header_03 { background: url(../images/recommend/bg_recommend_head.jpg) repeat-x; } #container-bg-footer_03 { background: url(../images/recommend/bg_recommend_ft.gif) repeat-x 0 bottom; } #container-inner_03 { width: 1000px; margin: 0 auto; padding-bottom: 29px; } #container-inner_03 .circle { padding-top: 26px; } #container-inner_03 .circle ul { overflow: hidden; width: 998px; margin: 0 auto; } #container-inner_03 .circle li { float: left; margin-left: 3px; } #container-inner_03 .circle li:first-child { margin-left: 0; } #container-inner_03 .circle li a { display: block; } #container-inner_03 .circle li a img { width: 140px; } #container-inner_03 .square { padding-top: 26px; } #container-inner_03 .square ul { overflow: hidden; width: 1000px; margin: 0 auto; } #container-inner_03 .square li { float: left; margin-left: 8px; } #container-inner_03 .square li:first-child { margin-left: 0; } #container-inner_03 .square li a { display: block; } #container-inner_03 .square li a img { width: 160px; } #container_04 { background: url(../images/common/bg_main.jpg) repeat; } #container-bg_04 {} #container-inner_04 { width: 1000px; margin: 0 auto; padding-bottom: 17px; } #container-inner_04 .small-banner { padding-top: 14px; } #container-inner_04 .small-banner ul { overflow: hidden; width: 1000px; margin: 8px auto 0; } #container-inner_04 .small-banner li { float: left; margin-left: 8px; } #container-inner_04 .small-banner li:first-child { margin-left: 0; } #container-inner_04 .small-banner li a { display: block; } #container-inner_04 .small-banner li a img { width: 160px; height: 40px; } #container-inner_04 .large-banner { margin-top: 8px; } #container-inner_04 .large-banner ul { overflow: hidden; width: 1000px; margin: 0 auto; } #container-inner_04 .large-banner li { float: left; margin-left: 32px; } #container-inner_04 .large-banner li:first-child { margin-left: 0; } #container-inner_04 .large-banner li a img { width: 140px; }