/* SWEET LOVE SHOWER 共通CSS */ /* 共通 ---------------------------------------------------------*/ * { margin: 0; padding: 0; } body { font-size: 14px;line-height: 160%; text-align: center; background: #CDDCEB url(../images/body-bg.gif) repeat left top; width:100%; } img { border: 0; } hr { display: none; } /* 共通テキスト ---------------------------------------------------------*/ a:link { color: #336699; text-decoration: underline; } a:hover { color: #4499CC; text-decoration: underline; } a:visited { color: #335577; text-decoration: underline; } strong { color: #B00; font-weight: normal; } /* 基本レイアウト ---------------------------------------------------------*/ #container { background: #FFF url(../images/container-bg.gif) repeat-y left top; width:820px; margin: 0 auto; text-align: left; } #sstv-header { width: 800px; height:32px; margin-left: 10px; background-color:#FFF; } #main-contents { margin-left: 170px; padding-top: 22px; background: transparent url(../images/contents-center-bg.gif) no-repeat left top; } #contents-block { width: 420px; margin-left: 10px; padding-bottom: 10px; } #left-navi { float: left; width: 170px; background: transparent url(../images/contents-left-bg.gif) no-repeat left top; } #right-info { float: right; width: 210px; background: transparent url(../images/contents-right-bg.gif) no-repeat left top; } /* プロモーションエリア ---------------------------------------------------------*/ #main-header { width: 800px; height:359px; margin-left: 10px; background-color:#FFF; position: relative; } #main-header.short-header { height:155px; } #main-header h1 { position: absolute; left: -9999px; font-size: 1px; line-height: 1px; } /* グローバルナビゲーション ---------------------------------------------------------*/ ul#navigation { margin: 25px 0 20px 10px; } ul#navigation li { font-size: 1px; line-height: 0px; list-style-type: none; width: 158px; } ul#navigation li span { display: none; } ul#navigation li a { display: block; width: 158px; background-position: 0px 0px; } /* TOPへ */ ul#navigation li#navi00 { width: 66px; margin-top: 10px; } ul#navigation li#navi00 a { width: 66px; height: 26px; background: transparent url(../images/navi_00.gif) no-repeat 0px 0px; } ul#navigation li#navi00 a:hover { background-position: -158px 0px; } /* 第１階層 */ /* EVENT GUIDE */ ul#navigation li#navi01 { background: transparent url(../images/navi_01.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi01 a { height: 30px; background: transparent url(../images/navi_01.gif) no-repeat 0px 0px; } ul#navigation li#navi01 a:hover { background-position: -158px 0px; } /* ARTIST */ ul#navigation li#navi02 { background: transparent url(../images/navi_02.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi02 a { height: 30px; background: transparent url(../images/navi_02.gif) no-repeat 0px 0px; } ul#navigation li#navi02 a:hover { background-position: -158px 0px; } /* ACCESS */ ul#navigation li#navi03 { background: transparent url(../images/navi_03.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi03 a { height: 30px; background: transparent url(../images/navi_03.gif) no-repeat 0px 0px; } ul#navigation li#navi03 a:hover { background-position: -158px 0px; } /* STAGE */ ul#navigation li#navi04 { background: transparent url(../images/navi_04.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi04 a { height: 30px; background: transparent url(../images/navi_04.gif) no-repeat 0px 0px; } ul#navigation li#navi04 a:hover { background-position: -158px 0px; } /* STAFF DIARY */ ul#navigation li#navi05 { background: transparent url(../images/navi_05.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi05 a { height: 30px; background: transparent url(../images/navi_05.gif) no-repeat 0px 0px; } ul#navigation li#navi05 a:hover { background-position: -158px 0px; } /* GOODS */ ul#navigation li#navi06 { background: transparent url(../images/navi_06.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi06 a { height: 30px; background: transparent url(../images/navi_06.gif) no-repeat 0px 0px; } ul#navigation li#navi06 a:hover { background-position: -158px 0px; } /* TICKET */ ul#navigation li#navi07 { background: transparent url(../images/navi_07.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi07 a { height: 30px; background: transparent url(../images/navi_07.gif) no-repeat 0px 0px; } ul#navigation li#navi07 a:hover { background-position: -158px 0px; } /* BBS */ ul#navigation li#navi08 { background: transparent url(../images/navi_08.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi08 a { height: 30px; background: transparent url(../images/navi_08.gif) no-repeat 0px 0px; } ul#navigation li#navi08 a:hover { background-position: -158px 0px; } /* 関連番組 */ ul#navigation li#navi09 { background: transparent url(../images/navi_09.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi09 a { height: 30px; background: transparent url(../images/navi_09.gif) no-repeat 0px 0px; } ul#navigation li#navi09 a:hover { background-position: -158px 0px; } /* FAQ */ ul#navigation li#navi10 { background: transparent url(../images/navi_10.gif) no-repeat -316px 0px; height: 30px; } ul#navigation li#navi10 a { height: 30px; background: transparent url(../images/navi_10.gif) no-repeat 0px 0px; } ul#navigation li#navi10 a:hover { background-position: -158px 0px; } /* 第２階層 */ /* イベント概要 */ ul#navigation li#navi01-1 { background: transparent url(../images/navi_01-1.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi01-1 a { height: 26px; background: transparent url(../images/navi_01-1.gif) no-repeat 0px 0px; } ul#navigation li#navi01-1 a:hover { background-position: -158px 0px; } /* SLSとは？ */ ul#navigation li#navi01-2 { background: transparent url(../images/navi_01-2.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi01-2 a { height: 26px; background: transparent url(../images/navi_01-2.gif) no-repeat 0px 0px; } ul#navigation li#navi01-2 a:hover { background-position: -158px 0px; } /* SLSの歴史 */ ul#navigation li#navi01-3 { background: transparent url(../images/navi_01-3.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi01-3 a { height: 26px; background: transparent url(../images/navi_01-3.gif) no-repeat 0px 0px; } ul#navigation li#navi01-3 a:hover { background-position: -158px 0px; } /* 注意事項 */ ul#navigation li#navi01-4 { background: transparent url(../images/navi_01-4.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi01-4 a { height: 26px; background: transparent url(../images/navi_01-4.gif) no-repeat 0px 0px; } ul#navigation li#navi01-4 a:hover { background-position: -158px 0px; } /* LINE UP */ ul#navigation li#navi02-1 { background: transparent url(../images/navi_02-1.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi02-1 a { height: 26px; background: transparent url(../images/navi_02-1.gif) no-repeat 0px 0px; } ul#navigation li#navi02-1 a:hover { background-position: -158px 0px; } /* TIME TABLE */ ul#navigation li#navi02-2 { background: transparent url(../images/navi_02-2.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi02-2 a { height: 26px; background: transparent url(../images/navi_02-2.gif) no-repeat 0px 0px; } ul#navigation li#navi02-2 a:hover { background-position: -158px 0px; } /* 交通・MAP */ ul#navigation li#navi03-1 { background: transparent url(../images/navi_03-1.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi03-1 a { height: 26px; background: transparent url(../images/navi_03-1.gif) no-repeat 0px 0px; } ul#navigation li#navi03-1 a:hover { background-position: -158px 0px; } /* 宿泊施設 */ ul#navigation li#navi03-2 { background: transparent url(../images/navi_03-2.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi03-2 a { height: 26px; background: transparent url(../images/navi_03-2.gif) no-repeat 0px 0px; } ul#navigation li#navi03-2 a:hover { background-position: -158px 0px; } /* 場内MAP */ ul#navigation li#navi04-1 { background: transparent url(../images/navi_04-1.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-1 a { height: 26px; background: transparent url(../images/navi_04-1.gif) no-repeat 0px 0px; } ul#navigation li#navi04-1 a:hover { background-position: -158px 0px; } /* STAGE */ ul#navigation li#navi04-2 { background: transparent url(../images/navi_04-2.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-2 a { height: 26px; background: transparent url(../images/navi_04-2.gif) no-repeat 0px 0px; } ul#navigation li#navi04-2 a:hover { background-position: -158px 0px; } /* STAGE */ ul#navigation li#navi04-3 { background: transparent url(../images/navi_04-3.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-3 a { height: 26px; background: transparent url(../images/navi_04-3.gif) no-repeat 0px 0px; } ul#navigation li#navi04-3 a:hover { background-position: -158px 0px; } /* STAGE 食堂 */ ul#navigation li#navi04-4 { background: transparent url(../images/navi_04-shokudo.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-4 a { height: 26px; background: transparent url(../images/navi_04-shokudo.gif) no-repeat 0px 0px; } ul#navigation li#navi04-4 a:hover { background-position: -158px 0px; } /* STAGE 食堂 */ ul#navigation li#navi04-6 { background: transparent url(../images/navi_04-food.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-6 a { height: 26px; background: transparent url(../images/navi_04-food.gif) no-repeat 0px 0px; } ul#navigation li#navi04-6 a:hover { background-position: -158px 0px; } /* STAGE エコ */ ul#navigation li#navi04-7 { background: transparent url(../images/navi_04-dust.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-7 a { height: 26px; background: transparent url(../images/navi_04-dust.gif) no-repeat 0px 0px; } ul#navigation li#navi04-7 a:hover { background-position: -158px 0px; } /* STAGE 気球 */ ul#navigation li#navi04-8 { background: transparent url(../images/navi_04-balloon.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-8 a { height: 26px; background: transparent url(../images/navi_04-balloon.gif) no-repeat 0px 0px; } ul#navigation li#navi04-8 a:hover { background-position: -158px 0px; } /* STAGE SPOT */ ul#navigation li#navi04-5 { background: transparent url(../images/navi_04-spot.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi04-5 a { height: 26px; background: transparent url(../images/navi_04-spot.gif) no-repeat 0px 0px; } ul#navigation li#navi04-5 a:hover { background-position: -158px 0px; } /* 一般 */ ul#navigation li#navi07-1 { background: transparent url(../images/navi_07-1.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi07-1 a { height: 26px; background: transparent url(../images/navi_07-1.gif) no-repeat 0px 0px; } ul#navigation li#navi07-1 a:hover { background-position: -158px 0px; } /* 先行 */ ul#navigation li#navi07-2 { background: transparent url(../images/navi_07-2.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi07-2 a { height: 26px; background: transparent url(../images/navi_07-2.gif) no-repeat 0px 0px; } ul#navigation li#navi07-2 a:hover { background-position: -158px 0px; } /* ツアー */ ul#navigation li#navi07-3 { background: transparent url(../images/navi_07-3.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi07-3 a { height: 26px; background: transparent url(../images/navi_07-3.gif) no-repeat 0px 0px; } ul#navigation li#navi07-3 a:hover { background-position: -158px 0px; } /* グッズ　T */ ul#navigation li#navi06-1 { background: transparent url(../images/navi_06-t.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi06-1 a { height: 26px; background: transparent url(../images/navi_06-t.gif) no-repeat 0px 0px; } ul#navigation li#navi06-1 a:hover { background-position: -158px 0px; } /* グッズ　一般公募 */ ul#navigation li#navi06-2 { background: transparent url(../images/navi_06-boshu.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi06-2 a { height: 26px; background: transparent url(../images/navi_06-boshu.gif) no-repeat 0px 0px; } ul#navigation li#navi06-2 a:hover { background-position: -158px 0px; } /* グッズ　グッズ */ ul#navigation li#navi06-3 { background: transparent url(../images/navi_06-goods.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi06-3 a { height: 26px; background: transparent url(../images/navi_06-goods.gif) no-repeat 0px 0px; } ul#navigation li#navi06-3 a:hover { background-position: -158px 0px; } /* グッズ　グッズ */ ul#navigation li#navi06-4 { background: transparent url(../images/navi_06-artist.gif) no-repeat -316px 0px; height: 26px; } ul#navigation li#navi06-4 a { height: 26px; background: transparent url(../images/navi_06-artist.gif) no-repeat 0px 0px; } ul#navigation li#navi06-4 a:hover { background-position: -158px 0px; } /* What's New ---------------------------------------------------------*/ #whats-new { width: 190px; padding-top: 30px; } #whats-new ul li { list-style-type: none; font-size: 12px; line-height: 150%; border-left: 4px solid #BFE48E; padding-left: 5px; margin-bottom: 10px; } /* サイド広告 ---------------------------------------------------------*/ #right-ad { width: 190px; margin: 10px 0;} #right-ad ul li { list-style-type: none; margin-bottom: 10px; font-size: 1px; line-height: 0px; } /* フッター広告 ---------------------------------------------------------*/ #top-sponsor { width: 620px; margin: 0px 0px 20px 184px;padding: 0px 0px 10px 0px; } #top-sponsor p { font-size: 12px; line-height: 13px; color: #000000; text-align: left; padding-top: 0px;padding-bottom: 5px; } ul.sponsor-list li { list-style-type: none; float: left; font-size: 20px; } ul.sponsor-list li img { margin-right:40px; } /* フッター ---------------------------------------------------------*/ #footer { clear: both; position: relative; width: 820px; height: 43px; background: #FFF url(../images/footer-bg.gif) no-repeat left top; } #footer p.copyright { font-size: 11px; line-height: 13px; color: #FFF; text-align: center; padding-top: 10px; } #footer ul.footer-navi { position: absolute; top: 0px; left: 0px; list-style-type: none; } li#footer-to-top a span { display: none; } li#footer-to-top a { position: absolute; top: 3px; left: 678px; display: block; width: 130px; height: 28px; background: transparent url(../images/footer-navi_01.gif) no-repeat; background-position: 0px 0px; } li#footer-to-top a:hover { background-position: -130px 0px; } /* 本文内スタイル ---------------------------------------------------------*/ #contents-block .text-block { margin-bottom: 3em; } #contents-block h2 { font-size: 1px; line-height: 0px; } #contents-block h3 { position: relative; padding: 6px 0 2px 9px; margin-bottom: 10px; font-size: 100%; font-weight: bold; color: #559503; background-color: #E2F6B2; border-left: 4px solid #B4DB77;line-height: 140%; } #contents-block h3.simple { background-color: #FFF; border-width: 0px; padding-left: 13px; } #contents-block h4 { position: relative; padding-left: 13px; margin-bottom: 1em; font-size: 90%; font-weight: bold; color: #238b71; line-height: 140%; } #contents-block h4.sub-info { position: relative; padding-left: 13px; margin: 0; font-size: 90%; font-weight: bold; color: #559503; } #contents-block p { font-size: 90%; line-height: 150%; color: #333; margin: 0 10px 1em 13px; } #contents-block ul.notes li div.notes-subnote { border-left: 3px solid #CBD4BE; padding-left: 5px; margin: 1em 0px; } #contents-block ul.notes li span.notes-subname { color: #559503; } .map-block { margin: 0 0 10px 13px; } /* 本文内リスト ---------------------------------------------------------*/ #contents-block dl dt { font-size: 90%; line-height: 150%; color:#333; margin: 0 0 0 13px;} #contents-block dl dd { font-size: 80%; line-height: 150%; color:#333; margin: 0 0 1em 13px; } #contents-block ul.links { margin: 0 10px 0 32px; } #contents-block ul.links li { list-style-image: url(../images/bullet_arrow.gif); font-size: 90%; line-height: 150%; } #contents-block ul.notes { margin: 0 10px 3em 32px; } #contents-block ul.notes li { list-style-image: url(../images/bullet_notes.gif); font-size: 90%; line-height: 150%; margin-bottom: 1em; } #contents-block ul.sub-list { margin: 0 10px 1em 32px; } #contents-block ul.sub-list li { list-style-image: url(../images/bullet_notes.gif); font-size: 90%; line-height: 150%; } /* 本文内テーブル ---------------------------------------------------------*/ /* 情報 */ #contents-block table.info-table { table-layout: fixed; border-collapse: collapse; empty-cells: show; width: 397px; margin: 0 10px 1em 13px; background-color: #EBF3E7; } #contents-block table.info-table th, #contents-block table.info-table td { padding: 3px 0; border-bottom: 1px solid #FFF; } #contents-block table.info-table th { background-color: #D9E5D4; } #contents-block table.info-table th p { font-size: 80%; line-height: 150%; color: #596457; font-weight: normal; margin: 0 10px; text-align: right; } #contents-block table.info-table td p { font-size: 80%; line-height: 150%; color: #333; font-weight: normal; margin: 0 10px; text-align: left; } /* チケット */ #contents-block table.ticket-table { table-layout: fixed; border-collapse: collapse; empty-cells: show; width: 397px; margin: 0 10px 1em 13px; } #contents-block table.ticket-table th, #contents-block table.ticket-table td { vertical-align: top; padding: 3px 0; border-bottom: 1px dotted #96BA40; } #contents-block table.ticket-table th p { font-size: 90%; line-height: 150%; color: #333; font-weight: normal; margin: 0; text-align: left; } #contents-block table.ticket-table td p { font-size: 90%; line-height: 150%; color: #496743; font-weight: bold; margin: 0; text-align: right; } /* プレイガイド先行 */ #contents-block table.ticket-table2 { table-layout: fixed; border-collapse: collapse; empty-cells: show; width: 397px; margin: 0 10px 1em 13px; } #contents-block table.ticket-table2 th, #contents-block table.ticket-table2 td { vertical-align: top; padding: 3px 0; border-bottom: 1px dotted #96BA40; } #contents-block table.ticket-table2 th p { font-size: 80%; line-height: 150%; color: #333; font-weight: normal; margin: 0; text-align: left; } #contents-block table.ticket-table2 td p { font-size: 80%; line-height: 150%; color: #496743; margin: 0; text-align: right; } #contents-block table.ticket-table2 td p.2 { font-size: 70%; line-height: 150%; color: #496743; margin: 0; text-align: right; } /* 本文内ツアーデスクへのリンク ---------------------------------------------------------*/ #contents-block .tour-desk { background-color: #F9FCE2; margin: 1em 10px 2em 13px; border: 1px solid #E5E788; border-left-width: 4px; } #contents-block .tour-desk h4 { font-size: 80%; font-weight: normal; color: #333; margin: 5px; padding: 0; } #contents-block .tour-desk p { font-size: 80%; font-weight: normal; color: #333; margin: 5px; }