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


div#calendars {float: left; margin: 10px 0 0 0 !important}
div.calContainer {width: 194px; margin: 0 !important; padding:4px; background-color: #e2e2e2}
div.calContainer div {margin: 0 !important}
div#calendartitle {margin: 0 !important}

.calendarnote  {width:190px; margin: 10px 0 !important; padding: 5px;border:1px solid #3894DA;word-wrap: break-word;}
.calendarnote02  {width:190px; margin: 10px 0 !important; padding: 5px; border: 1px solid #CC3300; word-wrap: break-word;}

div.cal_wrapper {margin: 10px 0 0 10px; background-color: #fff}
ul.cal_ui {padding: 6px; background-color: #e2e2e2}
ul.cal_ui li {}
ul.cal_ui li a {font-size: 10px; cursor: pointer}
ul.cal_ui li.hidden {display: none}
li.cal_prev {float: left}
li.cal_prev a {background-position: 0 0}
li.cal_next {float: right}
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 {height: 220px !important}
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 !important; margin: 2px 4px 0 0; overflow: hidden; text-align: center; font-size: 10px; float: left; background-position: 50% 50%; background-repeat: no-repeat}

p.yearmonth {padding: 4px 0 0 6px; color: #459fe0}

ul.cal_main {padding-left: 6px}
li.cal_headline {font-size: 8px !important}
ul.cal_main li.rotation {background-image: url(img/bg_calendar_rotation.png)}
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)}
div#calendarSales ul.cal_main li.rotation_off {background-image: url(img/bg_calendar_rotation_off.png)}
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 {color: #c30}
ul.cal_main li.vacation {background-image: url(img/bg_calendar_off.png)!important}
ul.cal_main li.Saturday {color: #3894da}
ul.cal_main li.Sunday {color: #c30}
ul.cal_main li.noevent {background-image: none !important; color: #000 !important}
ul.cal_main li span {padding: 2px 3px 3px 3px; display: block; width: 16px !important}
li.cal_headline {margin-bottom: 4px!important}
span.Today {font-weight: bold}

div#calendarchart{width: 200px; margin: 0 !important; padding: 4px 0 4px 4px; font-size: .9em}

div#chartl{width: 60px; margin: 0; padding: 0 0 0 14px; float: left; background: url(../images/calendar/icon_holiday.gif) no-repeat}
div#chartr{width: 100px; margin: 0; padding: 0 0 0 14px; float: left; background: url(../images/calendar/icon_event.gif) no-repeat}
div#chartl2{width: 100px; margin: 0; padding: 0 0 0 14px; float: left; background: url(../images/calendar/icon_rotation_event.gif) no-repeat}
div#chartr2{width: 60px; margin: 0; padding: 0 0 0 14px; float: left; background: url(../images/calendar/icon_rotation.gif) no-repeat}
div#chartroff{width: 60px; margin: 0; padding: 0 0 0 14px; float: left; background: url(../images/calendar/icon_rotation_off.gif) no-repeat}

div#charttxtl{
	margin: 0 !important;
	line-height: 1.2;
}

p.notice_rotation {font-size: .9em}

div#charttxtr{
	margin: 0 !important
}