.el_calendar{
}

.el_calendar .calendar_frame {
	width:100%;
	height:200px;
	background-color:#f7f3ed; /* 元の背景色に戻す */
}

.el_calendar .calendar_header{
	width:100%;
}

/* カレンダーの色の凡例 */
.color-swatch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin-right: 5px;
}

.color-swatch-black {
    background-color: #000000;
}

.color-swatch-lightred {
    /*background-color: #ff9999*/;
}

.color-swatch-dtype1 {
    background-color: #ff9999;
}

.color-swatch-event {
    background-color: #00ff7f;
}

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

.el_calendar .month_pre a,
.el_calendar .month_next a {
    display: block;
    padding: 8px 0; /* 左右のpaddingをなくす */
    background-color: #f1e0c7;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    margin: 5px auto; /* 上下のmarginだけにし、左右は自動調整 */
    white-space: nowrap; /* テキストの折り返しを防ぐ */
    overflow: hidden; /* はみ出したテキストを隠す */
    text-overflow: ellipsis; /* はみ出した場合に...で表示 */
}

.el_calendar .month_pre a:hover,
.el_calendar .month_next a:hover {
    background-color: #e0d0b6;
}

.el_calendar .header_center{
	margin: 0 auto;
	width:70%;
	text-align: center;
}

.el_calendar .calendar_body {
	margin: 0 auto;
	width:70%;
	border-collapse: collapse;
	background-color: white; /* tbodyの背景色を白に変更 */
}
.el_calendar .tr_head {
	font-weight:bold;
	background-color:#f1e0c7;
}
.el_calendar .td0 {
	color: Red; 
}
.el_calendar .td6 {
	color: Blue; 
}
.el_calendar .calendar_body td {
	text-align: right;
	border: solid #f7f3ed 1px; /* 線を#f7f3edに変更 */
}
.el_calendar .holiday {
	color: Red; 
}

.el_calendar .dtype1{background-color:#ff9999;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 .dtypeevent{background-color:#00ff7f;font-weight:bold}


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


.etoolip {
 color: #000000;
 display: inline-block;
 width:100%;
 background-color: #00ff7f;
 text-decoration: none;
}

.etooltip a {
    text-decoration: none;
    background-color: #00ff7f;
}

.etooltip span {
 display: none;
 }

.etooltip:hover {
 position: relative;
 color: #333;
}

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