.el_calendar{
}

.el_calendar .calendar_frame {
	width:400px;
	height:200px;
}

.el_calendar .calendar_header{
	width:100%;
}

.el_calendar .month_pre{
	width:15%;
}
.el_calendar .month_next{
	width:15%;
}

.el_calendar .header_center{
	margin: 0 auto;
	width:70%;
}

.el_calendar .calendar_body {
	margin: 0 auto;
	width:70%;
	border-collapse: collapse;
}
.el_calendar .tr_head {
	font-weight:bold;
	background-color:#99CC99;
}
.el_calendar .td0 {
	color: Red; 
}
.el_calendar .td6 {
	color: Blue; 
}
.el_calendar .calendar_body td {
	text-align: right;
	border: solid #000000 1px;
}
.el_calendar .holiday {
	color: Red; 
}

.el_calendar .dtype1{background-color:#FFCCCC;font-weight:bold}
.el_calendar .dtype2{background-color:#FFCC99;font-weight:bold}
.el_calendar .dtype3{background-color:#FF9999;font-weight:bold}
.el_calendar .dtype4{background-color:#FF99FF;font-weight:bold}
.el_calendar .dtype5{background-color:#CCCCFF;font-weight:bold}
.el_calendar .dtype6{background-color:#FF99CC;font-weight:bold}
.el_calendar .dtype7{background-color:#CC99FF;font-weight:bold}
.el_calendar .dtype8{background-color:#FF9900;font-weight:bold}
.el_calendar .dtype9{background-color:#CC9966;font-weight:bold}
.el_calendar .dtype10{background-color:#FF6600;font-weight:bold}


.el_calendar .error {
	color: Red; 
	font-weight:bold;
}

/* イベント案内 */
.etooltip {
 display: inline-block;
 width:100%;
 text-decoration: underline;
}

.etooltip span {
 display: none;
 }

.etooltip:hover {
 position: relative;
}

.etooltip:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -205px;
 background-color: #99CC99; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }