.calendar-date-area {
  text-align: center;
}
.calendar-date-area::after {
    display: block;
    content: "";
    clear: both;
}
.calendar-date-area .date-month {
  font-size: 1.2em;
}
.calendar-date-area .prev-month {
  float: left;
  padding: 0 5px;
  margin-left: 2em;
  cursor: pointer;
  background: linear-gradient(#fff 0.1em, #ccc 1em);
  border: 1px solid #666;
  border-radius: 3px;
}
.calendar-date-area .next-month {
  float: right;
  padding: 0 5px;
  margin-right: 2em;
  cursor: pointer;
  background: linear-gradient(#fff 0.1em, #ccc 1em);
  border: 1px solid #666;
  border-radius: 3px;
}

.calendar-main-area table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.calendar-main-area th.sunday {
  color: #f00;
}
.calendar-main-area th.satday {
  color: #00f;
}
.calendar-main-area td.marked {
  background-color: #F6CEF5;
	/*border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;*/
}