@charset "UTF-8";
/* Shizuoka Mazda | homepage calendar settings */


div#scheduleInformation div.calContainer {width: 258px; margin-bottom: 16px; padding-bottom: 10px; border: 1px solid #efefef; background: url(img/bg_calContainer.png) 0 0 no-repeat}
div#scheduleInformation div#scheduleGuide {margin-top: 10px}
div#scheduleInformation div#scheduleGuide dt, div#scheduleInformation div#scheduleGuide dd {display: none}
div#scheduleInformation div#scheduleGuide dl {width: 260px; height: 44px; background: url(img/scheduleGuide.png) left top no-repeat}
div#scheduleInformation div#scheduleGuide p.notice_rotation {margin-top: 8px}

div.cal_wrapper {margin: 10px 0 0 10px}
ul.cal_ui {width: 30px; float: left;}
ul.cal_ui li {display: block; margin-bottom: 10px; width: 26px; height: 34px}
ul.cal_ui li.cal_to {margin-top: 36px}
ul.cal_ui li a {display: block; width: 26px; height: 34px; background-image: url(img/butset_calendar.png); background-repeat: no-repeat; cursor: pointer}
ul.cal_ui li.hidden {display: none}
li.cal_prev a {background-position: 0 0}
li.cal_next a {background-position: -26px 0}
li.cal_to a {background-position: -52px 0}
li.cal_prev a:hover {background-position: 0 -34px}
li.cal_next a:hover {background-position: -26px -34px}
li.cal_to a:hover {background-position: -52px -34px}

div.cal_base {float: right; width: 199px; border-left: 1px solid #dddde3; padding-left: 10px}
div.cal_base p {font-size: 12px; margin: 0px}
div.cal_base p strong {font-size: 16px; margin-left: 4px; font-weight: bold}

ul.cal_main {clear: both; padding: 0px}
ul.cal_main li {width: 22px; margin: 2px 6px 0 0; overflow: hidden; text-align: center; font-size: 10px; float: left; background-position: 50% 50%; background-repeat: no-repeat}
li.cal_headline,
ul.cal_main li.undefined,
ul.cal_main li.rotation,
ul.cal_main li.rotation_event,
ul.cal_main li.rotation_none,
ul.cal_main li.rotation_none_event,
ul.cal_main li.off,
ul.cal_main li.rotation_off,
ul.cal_main li.vacation,
ul.cal_main li.holiday,
ul.cal_main li.event,
ul.cal_main li.Saturday,
ul.cal_main li.Sunday,
ul.cal_main li.noevent {width: 20px!important; border: 1px solid #efefef}
ul.cal_main li.rotation {background-image: url(img/bg_calendar_rotation.png)}
ul.cal_main li.undefined,
div#calendarSales ul.cal_main li.rotation_none {background-image: url(img/bg_calendar_normal.png)}
ul.cal_main li.off {background-image: url(img/bg_calendar_off.png)!important}
div#calendarSales ul.cal_main li.holiday,
div#calendarSales ul.cal_main li.event,
div#calendarSales ul.cal_main li.rotation_none_event {background-image: url(img/bg_calendar_event.png); color: #fff}
div#calendarSales ul.cal_main li.rotation_event {background-image: url(img/bg_calendar_rotation_event.png) !important}
div#calendarServices ul.cal_main li.holiday {background-image: url(img/bg_calendar_normal.png); color: #c30}
ul.cal_main li.vacation {background-image: url(img/bg_calendar_off.png)!important}
ul.cal_main li.Saturday {background-image: url(img/bg_calendar_saturday.png)!important}
ul.cal_main li.Sunday {background-image: url(img/bg_calendar_sunday.png)!important}
ul.cal_main li.noevent {background-image: url(img/bg_calendar_normal.png); color: #000 !important}
ul.cal_main li.rotation_off {background-image: url(img/bg_calendar_rotation_off.png); color: #000 !important}
ul.cal_main li span {padding: 0.4em 3px 3px 3px; display: block}
li.cal_headline {background-image: url(img/bg_calendar_normal.png); margin-bottom: 8px!important}
span.Today {background: url(img/bg_calendar_today.png) 50% 50% no-repeat; font-weight: bold}