.el_calendar{
}

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

.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:100%;
	border-collapse: collapse;
}
.el_calendar .tr_head {
	font-weight:bold;
	background-color:#c9e0fa;
	/* 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 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip span {
 display: none;
 }
.etooltip:hover {
 position: relative;
 color: #333;
}
.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;
 }
/* 日曜 -------------------------------------------------- */
.etooltip1 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip1 span {
 display: none;
 }
.etooltip1:hover {
 position: relative;
 color: #333;
}
.etooltip1:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -170px;
 background-color: #99CC99; 
 //background-color: red; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* 月曜 -------------------------------------------------- */
.etooltip2 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip2 span {
 display: none;
 }
.etooltip2:hover {
 position: relative;
 color: #333;
}
.etooltip2:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -140px;
 background-color: #99CC99; 
 //background-color: #FFFF00; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* 火曜 -------------------------------------------------- */
.etooltip3 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip3 span {
 display: none;
 }
.etooltip3:hover {
 position: relative;
 color: #333;
}
.etooltip3:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -110px;
 background-color: #99CC99; 
 //background-color: #FFCC99; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* 水曜 -------------------------------------------------- */
.etooltip4 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip4 span {
 display: none;
 }
.etooltip4:hover {
 position: relative;
 color: #333;
}
.etooltip4:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -80px;
 background-color: #99CC99; 
 //background-color: Blue; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* 木曜 -------------------------------------------------- */
.etooltip5 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip5 span {
 display: none;
 }
.etooltip5:hover {
 position: relative;
 color: #333;
}
.etooltip5:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -50px;
 background-color: #99CC99; 
 //background-color: Green; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* 金曜 -------------------------------------------------- */
.etooltip6 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip6 span {
 display: none;
 }
.etooltip6:hover {
 position: relative;
 color: #333;
}
.etooltip6:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -20px;
 background-color: #99CC99; 
 //background-color: White; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* 土曜 -------------------------------------------------- */
.etooltip7 {
 color: #000000;
 display: inline-block;
 width:100%;
 text-decoration: underline;
}
.etooltip7 span {
 display: none;
 }
.etooltip7:hover {
 position: relative;
 color: #333;
}
.etooltip7:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: 10px;
 background-color: #99CC99; 
 //background-color: black; 
 padding: 5px;
 width: 200px;
 color: #000000;
 font-size: 80%;
 z-index: 100;
 text-align:left;
 }
/* -------------------------------------------------- */