@charset "utf-8";


.calendarNavigation{
  position: relative;
  margin-bottom: 24px;
  width: 100%;
}

.calendarNavigation .prevMonthLink{
  position: absolute;
  left: 0;
  top: 110px;
  padding-left: 15px;
  background: url("/common/arrow-left.gif") no-repeat center left;
}

.calendarNavigation .nextMonthLink{
  position: absolute;
  right: 0;
  top: 110px;
  padding-right: 15px;
  background: url("/common/arrow-right.gif") no-repeat center right;
}

.calendarNavigation table {
  width: 380px;
}

.calendarFooter{
  overflow: hidden;
  width: 560px;
  margin: 24px 0  24px 0;
}

.calendarFooter .prevDayLink{
  float: left;
  width: 30%;
  padding-left: 15px;
  background: url("/common/arrow-left.gif") no-repeat center left;
}


.calendarFooter .nextDayLink{
		float: right;
  text-align: right;
  width: 30%;
  padding-right: 15px;
  background: url("/common/arrow-right.gif") no-repeat center right;
}

#eventCalendar  .scheduleDownload{
margin-bottom: 24px; text-align: right;
}

#eventCalendar .close{
  padding-right: 94px;
  text-align: right;
}

#eventCalendar .close span{
  color: #666;
  font-family: 'Hiragino Kaku Gothic Std', monospace;
}

table.calendar {
  margin: 0 auto;
  line-height: 1.6em;
}

table.calendar td {
  background-color: white;
  border: solid 1px #D0D0D0;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

table.calendar tr.dayName {
}

table.calendar .dayName th{
	border: solid 1px #CCC;
}

table.calendar th.monthName a.selected {
  background-color: white;
  border: solid 1px red;
  padding-left: 15px;
  padding-right: 15px;
}

table.calendar td.otherMonth {
  color: #E0E0E0;
}

table.calendar td.today {
  background-color: #FFCCCC;
  font-weight: bold;
}

table.calendar td.closed {
  background-color: #CCC;
}

table.calendar td.selected {
  border: solid 1px red;
}

table.calendar a {
  text-decoration: none;  
}

#eventCalendar h2{
  clear: both;
  margin: 0 0 12px 0;
}

#eventCalendar .events{
  clear: both;
  margin-bottom: 12px;
  overflow: hidden;
   width: 560px;
}

#eventCalendar .event{
  clear: both;
  width: 560px;
  margin-bottom: 12px;
  overflow: hidden;
}

#eventCalendar .desctiption{
  width: 264px;
  margin-right: 24px;
  float: left;
}

#eventCalendar .dateSpan{
  margin-left: 288px;
}




.eventAdmin{
  margin-bottom: 48px;
}

.eventAdmin table th, .eventAdmin table td{
  background-color: #fff;
  font-weight: normal;
  font-size: x-small;
}


.eventAdmin table td.status{
  text-align: center;
}

.eventAdmin .bottomNavi{
  text-align: right;
  overflow: hidden;
  margin-top: 24px;
}

.errorExplanation p{
  margin-top: 12px;
}

.errorExplanation li{
  margin-left: 24px;
}