/* * * CSS for TMSO * * create: 2006.03.15 * modify: 2007.01.29 * */ @import url(/j/css/basic.css); @import url(/j/css/base.css); @import url(/j/css/header.css); @import url(/j/css/footer.css); @import url(/j/concert_ticket/css/side.css); @import url(/j/concert_ticket/css/body.css); /**************** CONTENT >> MAIN >> DATE SELECTOR ****************/ #DateSelecter { margin-top: 0; width: 576px; clear: both; } #DateSelecter a:hover { text-decoration: none; } #YearSelector { width: 74px; height: 77px; color: #fff; background-image: url(../images/month/month_bg.jpg); } #Year { text-align: center; font-size: 10px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h4#Month { margin: 5px 0 0; text-align: center; font-size: 12px; font-weight: bold; } #Month span { font-size: 28px; font-weight: bold; } #Year a { color: #FFFFFF; background-image: url(../../../images/common/arrow_sub_blue.jpg); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 6px; } #Year a:hover { text-decoration: underline; } /* #MonthDaySelector { width: 496px; } */ #MonthSelector { margin: 0; } #MonthSelector a, #MonthSelector span.ImgArea { width: 41px; height: 17px; } #DaySelector { margin: 1px 0; } #DaySelector a, #DaySelector span.ImgArea { width: 16px; height: 25px; } #AboutSymbol { margin: 0; border-left: 1px solid #fff; padding: 9px 14px; text-align: right; color: #fff; background-image: url(../images/about_symbol_bg.jpg); } /**************** CONTENT >> MAIN >> DATE SELECTOR (IMAGES) ****************/ a#Month1 { background-image: url(../images/month/1.jpg); width: 42px; } a#Month1:hover { background-image: url(../images/month/1-over.jpg); width: 42px; } a#Month2 { background-image: url(../images/month/2.jpg); } a#Month2:hover { background-image: url(../images/month/2-over.jpg); } a#Month3 { background-image: url(../images/month/3.jpg); } a#Month3:hover { background-image: url(../images/month/3-over.jpg); } a#Month4 { background-image: url(../images/month/4.jpg); width: 42px; } a#Month4:hover { background-image: url(../images/month/4-over.jpg); width: 42px; } a#Month5 { background-image: url(../images/month/5.jpg); } a#Month5:hover { background-image: url(../images/month/5-over.jpg); } a#Month6 { background-image: url(../images/month/6.jpg); } a#Month6:hover { background-image: url(../images/month/6-over.jpg); } a#Month7 { background-image: url(../images/month/7.jpg); width: 42px; } a#Month7:hover { background-image: url(../images/month/7-over.jpg); width: 42px; } a#Month8 { background-image: url(../images/month/8.jpg); } a#Month8:hover { background-image: url(../images/month/8-over.jpg); } a#Month9 { background-image: url(../images/month/9.jpg); } a#Month9:hover { background-image: url(../images/month/9-over.jpg); } a#Month10 { background-image: url(../images/month/10.jpg); width: 42px; } a#Month10:hover { background-image: url(../images/month/10-over.jpg); width: 42px; } a#Month11 { background-image: url(../images/month/11.jpg); } a#Month11:hover { background-image: url(../images/month/11-over.jpg); } a#Month12 { background-image: url(../images/month/12.jpg); } a#Month12:hover { background-image: url(../images/month/12-over.jpg); } #MonthSelector span#Month1Selected { background-image: url(../images/month/1-selected.jpg); width: 42px; } #Month2Selected { background-image: url(../images/month/2-selected.jpg); } #Month3Selected { background-image: url(../images/month/3-selected.jpg); } #MonthSelector span#Month4Selected { background-image: url(../images/month/4-selected.jpg); width: 42px; } #Month5Selected { background-image: url(../images/month/5-selected.jpg); } #Month6Selected { background-image: url(../images/month/6-selected.jpg); } #Month7Selected { background-image: url(../images/month/7-selected.jpg); width: 42px; } #MonthSelector span#Month8Selected { background-image: url(../images/month/8-selected.jpg); } #Month9Selected { background-image: url(../images/month/9-selected.jpg); } #Month10Selected { background-image: url(../images/month/10-selected.jpg); width: 42px; } #Month11Selected { background-image: url(../images/month/11-selected.jpg); } #MonthSelector span#Month12Selected { background-image: url(../images/month/12-selected.jpg); } a#Day1Active { background-image: url(../images/day/1-active.jpg); } a#Day1Active:hover { background-image: url(../images/day/1-over.jpg); } a#Day2Active { background-image: url(../images/day/2-active.jpg); } a#Day2Active:hover { background-image: url(../images/day/2-over.jpg); } a#Day3Active { background-image: url(../images/day/3-active.jpg); } a#Day3Active:hover { background-image: url(../images/day/3-over.jpg); } a#Day4Active { background-image: url(../images/day/4-active.jpg); } a#Day4Active:hover { background-image: url(../images/day/4-over.jpg); } a#Day5Active { background-image: url(../images/day/5-active.jpg); } a#Day5Active:hover { background-image: url(../images/day/5-over.jpg); } a#Day6Active { background-image: url(../images/day/6-active.jpg); } a#Day6Active:hover { background-image: url(../images/day/6-over.jpg); } a#Day7Active { background-image: url(../images/day/7-active.jpg); } a#Day7Active:hover { background-image: url(../images/day/7-over.jpg); } a#Day8Active { background-image: url(../images/day/8-active.jpg); } a#Day8Active:hover { background-image: url(../images/day/8-over.jpg); } a#Day9Active { background-image: url(../images/day/9-active.jpg); } a#Day9Active:hover { background-image: url(../images/day/9-over.jpg); } a#Day10Active { background-image: url(../images/day/10-active.jpg); } a#Day10Active:hover { background-image: url(../images/day/10-over.jpg); } a#Day11Active { background-image: url(../images/day/11-active.jpg); } a#Day11Active:hover { background-image: url(../images/day/11-over.jpg); } a#Day12Active { background-image: url(../images/day/12-active.jpg); } a#Day12Active:hover { background-image: url(../images/day/12-over.jpg); } a#Day13Active { background-image: url(../images/day/13-active.jpg); } a#Day13Active:hover { background-image: url(../images/day/13-over.jpg); } a#Day14Active { background-image: url(../images/day/14-active.jpg); } a#Day14Active:hover { background-image: url(../images/day/14-over.jpg); } a#Day15Active { background-image: url(../images/day/15-active.jpg); } a#Day15Active:hover { background-image: url(../images/day/15-over.jpg); } a#Day16Active { background-image: url(../images/day/16-active.jpg); } a#Day16Active:hover { background-image: url(../images/day/16-over.jpg); } a#Day17Active { background-image: url(../images/day/17-active.jpg); } a#Day17Active:hover { background-image: url(../images/day/17-over.jpg); } a#Day18Active { background-image: url(../images/day/18-active.jpg); } a#Day18Active:hover { background-image: url(../images/day/18-over.jpg); } a#Day19Active { background-image: url(../images/day/19-active.jpg); } a#Day19Active:hover { background-image: url(../images/day/19-over.jpg); } a#Day20Active { background-image: url(../images/day/20-active.jpg); } a#Day20Active:hover { background-image: url(../images/day/20-over.jpg); } a#Day21Active { background-image: url(../images/day/21-active.jpg); } a#Day21Active:hover { background-image: url(../images/day/21-over.jpg); } a#Day22Active { background-image: url(../images/day/22-active.jpg); } a#Day22Active:hover { background-image: url(../images/day/22-over.jpg); } a#Day23Active { background-image: url(../images/day/23-active.jpg); } a#Day23Active:hover { background-image: url(../images/day/23-over.jpg); } a#Day24Active { background-image: url(../images/day/24-active.jpg); } a#Day24Active:hover { background-image: url(../images/day/24-over.jpg); } a#Day25Active { background-image: url(../images/day/25-active.jpg); } a#Day25Active:hover { background-image: url(../images/day/25-over.jpg); } a#Day26Active { background-image: url(../images/day/26-active.jpg); } a#Day26Active:hover { background-image: url(../images/day/26-over.jpg); } a#Day27Active { background-image: url(../images/day/27-active.jpg); } a#Day27Active:hover { background-image: url(../images/day/27-over.jpg); } a#Day28Active { background-image: url(../images/day/28-active.jpg); } a#Day28Active:hover { background-image: url(../images/day/28-over.jpg); } a#Day29Active { background-image: url(../images/day/29-active.jpg); } a#Day29Active:hover { background-image: url(../images/day/29-over.jpg); } a#Day30Active { background-image: url(../images/day/30-active.jpg); } a#Day30Active:hover { background-image: url(../images/day/30-over.jpg); } a#Day31Active { background-image: url(../images/day/31-active.jpg); } a#Day31Active:hover { background-image: url(../images/day/31-over.jpg); } #Day1 { background-image: url(../images/day/1.jpg); } #Day2 { background-image: url(../images/day/2.jpg); } #Day3 { background-image: url(../images/day/3.jpg); } #Day4 { background-image: url(../images/day/4.jpg); } #Day5 { background-image: url(../images/day/5.jpg); } #Day6 { background-image: url(../images/day/6.jpg); } #Day7 { background-image: url(../images/day/7.jpg); } #Day8 { background-image: url(../images/day/8.jpg); } #Day9 { background-image: url(../images/day/9.jpg); } #Day10 { background-image: url(../images/day/10.jpg); } #Day11 { background-image: url(../images/day/11.jpg); } #Day12 { background-image: url(../images/day/12.jpg); } #Day13 { background-image: url(../images/day/13.jpg); } #Day14 { background-image: url(../images/day/14.jpg); } #Day15 { background-image: url(../images/day/15.jpg); } #Day16 { background-image: url(../images/day/16.jpg); } #Day17 { background-image: url(../images/day/17.jpg); } #Day18 { background-image: url(../images/day/18.jpg); } #Day19 { background-image: url(../images/day/19.jpg); } #Day20 { background-image: url(../images/day/20.jpg); } #Day21 { background-image: url(../images/day/21.jpg); } #Day22 { background-image: url(../images/day/22.jpg); } #Day23 { background-image: url(../images/day/23.jpg); } #Day24 { background-image: url(../images/day/24.jpg); } #Day25 { background-image: url(../images/day/25.jpg); } #Day26 { background-image: url(../images/day/26.jpg); } #Day27 { background-image: url(../images/day/27.jpg); } #Day28 { background-image: url(../images/day/28.jpg); } #Day29 { background-image: url(../images/day/29.jpg); } #Day30 { background-image: url(../images/day/30.jpg); } #Day31 { background-image: url(../images/day/31.jpg); } .BlankDay { background-image: url(../images/day/blank_day.jpg); }