#jumptop:link,#jumptop:visited {
  font-size:70%;
  background-color: #77e;
  display: inline-block;
  padding: 1px 10px;
  float:right;
  color:#eee;
  text-decoration:none;
  font-weight:900;
  border-radius: 0.2em;
  clear:both;
}

.imgLeft {
  display:inline;
  float:left;
  vertical-align:text-top;
  margin:0 1em 1em 0;
}

.imgRight {
  display:inline;
  float:right;
  vertical-align:text-top;
  margin:0 0 1em 1em;
}

.note {
  overflow:auto;
  margin: 4px 0px 15px 4px;
}

.noteDate {
  display: block;
  width:auto;
  background-color: rgba(255,0,0,0);
  border-style: solid;
  border-width: 0px 10px 1px 10px;
  border-color: #0000CC;
  padding:2px;
  font-size:80%;
}

.mkey {
  width:40px;
  height:70px;
  font-size:80%;
  border:solid 1px #444444;
  filter: drop-shadow(5px 5px 1px #aaa);
  background-color: rgba(105,105,255,0.1);
  border-radius: 10%;
}

.dkey {
  width:30px;
  height:30px;
  font-size:80%;
  border:solid 1px #888;
  filter: drop-shadow(5px 5px 1px #aaa);
  background-color: rgba(105,255,105,0.25);
  color:#666;
  border-radius: 50%;
}

#noteNone {
  width: 100%;
  display: inline-block;
  background-color: #8888ff;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}

#mdCalender a:link,a:visited {
  color:#030;
  text-decoration:none;
  font-weight:900;
}

#calender { width:100%; text-align: center; margin-top:5px; padding-top:10px; border-top:dotted 1px #888; }

#ymCalender  { display: inline-block; vertical-align: top; margin-bottom:10px; }
#mdCalender  { display: inline-block; vertical-align: top; margin-bottom:10px; }

#move { width:100%; text-align: center; margin-bottom: 30px; padding-bottom:10px; border-bottom:dotted 1px #888; }

#ymCalender caption {
   margin-bottom:23px;
}

#mdCalender caption {
   margin-bottom:3px;
}

#prevYear,#prevMonth,#nextYear,#nextMonth,#prevMonthBtn,#nextMonthBtn {
  border:solid 1px #888;
  padding:5px 10px;
  filter: drop-shadow(3px 3px 1px #aaa);
  border-radius: 0.3em;
  font-size:80%;
}

#prevYear,#prevMonth {
  background-color: rgba(255,255,255,0.3);
}
#nextYear,#nextMonth {
  background-color: rgba(255,255,255,0.3);
}
#prevMonthBtn,#nextMonthBtn {
  background-color: rgba(255,255,255,0.3);
}


#prevYear,#prevMonth,#prevMonthBtn {
  float:left;
}
#nextYear,#nextMonth,#nextMonthBtn {
  float:right;
}

#curYM,#curYear,#curMonth {
  font-weight: bold;
  font-size:130%;
}

@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
}