div.cal_wrapper {
    padding: 0px 0px 0px 0px;
}
div.schedule_wrapper {
    background-color: #FFF;
    padding: 10px 0px;
    width: 360px;
    border: solid 1px #CCC;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #CECECE;
}
div.schedule_wrapper h3 {
    background-color: #FFF;
    padding: 0px 10px;
    font-weight: normal;
    margin: 0px;
    font-size: 10px;
    color: #CECECE;
}
div.schedule_wrapper div.schedule_list {
    background-color: #FFF;
    padding: 0px 0px;
    margin: 0px;
}
 
div.cal_wrapper table.cal tr th p {
    float: left;
    padding:0 0 0 0px;
    margin: 5px;
    color: #fff;
    font-size: 10px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
    float: right;
    padding:0 0 0 0px;
    margin: 0px;
}
 
div.cal_wrapper table.cal tr th div.cal_ui input {
    border: solid 0px #CECECE;
    background-color: #CECECE;
    font-size: 5px;
    margin: 6px 4px 0px 0px;
    padding: 0px 0px;
    border-radius: 0px;
}
div.cal_wrapper table.cal td {;
    border: solid 1px #bbb;
    background-color: #FFF; 
   padding: 1 1 1 1px;
  margin: 1 1 1 1px;
}
table{
  border-collapse: collapse;
  background-color: #CECECE; 
  border: solid 1px #bbb;
     margin: 10 10 10 0px;
     padding: px;
}
div.cal_wrapper table.cal tr td {
    background-color: #FFF;
    font-size: 10px;
    text-align: center;
    padding: 0px
}
div.cal_wrapper table.cal tr.headline td {
    background-color: #FFF;
    padding: 0px 0px;
}
div.cal_wrapper table.cal tr.headline {
    background-color: #EEE;
}
/*カレンダー表組の装飾*/
div.cal_wrapper table.cal tr td div {
    position: relative;
    padding: 2px 3px;/*日付の幅*/
    font-size: 10px;
    text-align: center;
    background-color: #FFF;
    border-radius: 0px;
}
div.cal_wrapper table.cal tr td div span {
    display: none;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 180px;
    border: solid 1px #EEE;
    background-color: #FFF;
    text-align: left;
    padding: 2px;
    z-index: 5;
    color: #000;
    font-weight: normal;
    line-height: 1.5em;
    box-shadow: 1px 1px 3px #CECECE;
}
 
/* Holydayの装飾 */
div.cal_wrapper table.cal tr td div.Holyday {
    font-weight: bolder;
    color: #ffffff;/*祝日の文字色。赤色にしてます。*/
    background-color: #fff/*祝日の背景色。黄色にしてます。*/
}
 
div.cal_wrapper table.cal tr td div.Holyday, div.cal_wrapper table.cal tr td div.Sun, div.cal_wrapper table.cal tr td div.Sat {
    background-color: #FFC6C6;/*日曜日・土曜日の背景色。黄色にしてます。*/
}
 
 
div.cal_wrapper table.cal tr td div.Today {
  color: #66ccff;/*当日の文字色。見本では水色にしてます。*/
    font-weight: bolder;
}
 
/*過去日付の装飾*/
div.cal_wrapper table.cal tr td div.backward {
    color: #CCC;
    font-weight: normal;
    background-color: #ffffff;
    border-radius: 3px;
}
 
.sat {
  color: blue;
  background: #FFC6C6;/*「土曜日」見出し部分の背景色。水色にしてます。*/
  font-weight: bold;
}
 
.sun {
  color: red;
  background-color: #FFC6C6;/*「日曜日」見出し部分の背景色。ピンク色にしてます。*/
  font-weight: bold;
}
 
.Sun {
  color: #ffffff;/*日曜日の文字色。見本では赤色にしてます。*/
  font-weight: bold;
}
 
.Sat {
  color: #ffffff;/*土曜日の文字色。見本では赤色にしてます。*/
  font-weight: bold;
}