@charset "utf-8"; /* image replacement */ .hide-text { text-indent: -9999px; } /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; } /* IEのinput内テキスト消去ボタンの非表示 */ input::-ms-clear { display: none; } /* anchors */ a:link, a:visited, a:hover, a:active { color: #000; text-decoration: none; } html { height: 100%; } body { width: 100%; min-width: 1040px; height: 100%; line-height: 14px; background: #fff; color: #000; letter-spacing: 0; font: normal 14px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrapper { position: relative; width: 100%; height: auto !important; height: 100%; min-height: 100%; } #header { position: absolute; z-index: 5; width: 100%; height: 90px; background: url(../images/header/bg_header.png) repeat; } #header-inner { position: relative; width: 1000px; margin: 0 auto; } #header-inner .main-logo { position: absolute; width: 178px; height: 40px; left: 12px; top: 16px; background: url(../images/header/h1_logo.gif) no-repeat; } #header-inner .date { position: absolute; left: 223px; top: 10px; color: #fff; font-weight: bold; } #header-inner .search { position: absolute; width: 190px; height: 19px; left: 220px; top: 40px; } #header-inner #___gcse_0 { width: 190px; } #header-inner .gsc-input { padding: 0 !important; } #header-inner .gsc-input-box { width: 140px; height: 19px; padding-left: 5px; border: none; } #header-inner .gsib_a { padding: 2px 0 0; } #header-inner .gsc-input input { height: 15px !important; line-height: 15px; font-size: 12px; } #header-inner .gsib_b { padding: 0; } #header-inner .gsst_a { margin-top: 3px; padding-top: 0; } #header-inner .gsc-search-button input { margin: 0; padding: 2px 15px; border-radius: 0; outline: none; } #header-inner .gsc-input-box-hover { border: none; box-shadow: none; } #header-inner .gsc-input-box-focus { box-shadow: none; } #header-inner .weather { position: absolute; display: block; width: 60px; height: 48px; left: 425px; top: 15px; } #header-inner .ad-banner { position: absolute; left: 537px; top: 6px; } #container { width: 100%; padding-top: 79px; } #menu { position: absolute; z-index: 10; width: 1014px; height: 56px; left: 50%; margin-left: -507px; } #menu ul { overflow: hidden; } #menu li { float: left; } #menu a, #menu span { display: block; height: 56px; text-indent: -9999px; } #menu a p { display: none; } #menu .hover { alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; opacity: 0; } #menu .program-list a, #menu .program-list span { width: 149px; background: url(../images/common/g_nav.png) 0 0; } #menu .program-list .hover { background-position: 0 bottom } #menu .news a, #menu .news span { width: 142px; background: url(../images/common/g_nav.png) -149px 0; } #menu .news .hover { background-position: -149px bottom; } #menu .gokigen a, #menu .gokigen span { width: 142px; background: url(../images/common/g_nav.png) -291px 0; } #menu .gokigen .hover { background-position: -291px bottom; } #menu .announcer a, #menu .announcer span { width: 142px; background: url(../images/common/g_nav.png) -433px 0; } #menu .announcer .hover { background-position: -433px bottom; } #menu .event a, #menu .event span { width: 147px; background: url(../images/common/g_nav.png) -575px 0; } #menu .event .hover { background-position: -575px bottom; } #menu .program-weekly a, #menu .program-weekly span { width: 143px; background: url(../images/common/g_nav.png) -722px 0; } #menu .program-weekly .hover { background-position: -722px bottom; } #menu .shop a, #menu .shop span { width: 149px; background: url(../images/common/g_nav.png) -865px 0; } #menu .shop .hover { background-position: -865px bottom; } #container_01 { background: url(../images/common/bg_main.jpg) repeat; } #container-bg_01 { background: url(../images/common/bg_main_ft.png) repeat-x 0 bottom; padding-top: 74px; } #container-inner_01 { position: relative; width: 1000px; margin: 0 auto; } #page-top {} #page-top-inner { width: 1000px; margin: 0 auto; } #page-top-button { width: 95px; padding-top: 60px; margin: 0 auto; } #page-top-button a { display: block; width: 95px; height: 40px; background: url(../images/footer/btn_pagetop.gif) no-repeat; } #footer { width: 100%; background: #ff7e24; } #footer-inner { width: 1000px; margin: 0 auto; padding-bottom: 40px; color: #fff; } #footer-inner .footer-inner_01 { overflow: hidden; width: 520px; margin: 0 auto; padding-top: 26px; } #footer-inner .footer-inner_01 li { float: left; line-height: 33px; margin-left: 20px; } #footer-inner .footer-inner_01 li:first-child { margin-right: 10px; margin-left: 0; } #footer-inner .footer-inner_01 li a { display: block; } #footer-inner .footer-inner_01 .sub-logo { width: 115px; background: url(../images/footer/tvi_logo.gif) no-repeat left center; } #footer-inner .footer-inner_01 .site-map { width: 108px; background: url(../images/footer/btn_sitemap.gif) no-repeat left center; } #footer-inner .footer-inner_01 .contact { width: 108px; background: url(../images/footer/btn_contact.gif) no-repeat left center; } #footer-inner .footer-inner_01 .link { width: 64px; background: url(../images/footer/btn_link.gif) no-repeat left center; } #footer-inner .footer-inner_01 .ceparator { width: 7px; background: url(../images/footer/img_separator.gif) no-repeat left center; } #footer-inner .footer-inner_02 { margin-top: 20px; text-align: center; letter-spacing: -.40em; } #footer-inner .footer-inner_02 a { line-height: 18px; margin-left: 6px; padding-right: 6px; color: #fff; border-right: solid 1px #fff; letter-spacing: normal; } #footer-inner .footer-inner_02 a:first-child { padding-left: 6px; border-left: solid 1px #fff; } #footer-inner .footer-inner_03 { margin: 10px; text-align: center; letter-spacing: -.40em; } #footer-inner .footer-inner_03 a { line-height: 18px; margin-left: 6px; padding-right: 6px; color: #fff; border-right: solid 1px #fff; letter-spacing: normal; } #footer-inner .footer-inner_03 a:first-child { padding-left: 6px; border-left: solid 1px #fff; } #footer-inner .copy { margin-top: 12px; font-size: 12px; text-align: center; }