/********************************************************************************


	カレンダービュー画面


*********************************************************************************/

/********************************************************************************
	カレンダー外枠
*********************************************************************************/
.exccalendar-table{
	border: 1px solid #C0C0C0;
}
/********************************************************************************
	ヘッダー行
*********************************************************************************/
.exccalendar-headr{
	border: 1px solid #C0C0C0;
}
/********************************************************************************
	前月
*********************************************************************************/
.exccalendar-prev{
	text-align: center;
}
/********************************************************************************
	当月
*********************************************************************************/
.exccalendar-curr{
	text-align: center;
}
/********************************************************************************
	翌月
*********************************************************************************/
.exccalendar-next{
	text-align: center;
}
/********************************************************************************
	曜日行
*********************************************************************************/
.exccalendar-thr0{
	border: 1px solid #C0C0C0;
}
/********************************************************************************
	日曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd0{
	width: 14%;
	color: #dd3333;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	月曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd1{
	width: 14%;
	color: #656d6d;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	火曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd2{
	width: 14%;
	color: #656d6d;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	水曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd3{
	width: 14%;
	color: #656d6d;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	木曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd4{
	width: 14%;
	color: #656d6d;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	金曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd5{
	width: 14%;
	color: #656d6d;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	土曜日(曜日ヘッダ)
*********************************************************************************/
.exccalendar-thd6{
	width: 14%;
	color: #0000ff;
	background-color: #ffffff;
	border-top: 1px solid #C0C0C0;
	text-align: center;
}
/********************************************************************************
	日曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td0{
	background-color: #ffffff;
}
.exccalendar-td0-1{
	float: right;
}
.exccalendar-td0-2{
	text-align: center;
}
/********************************************************************************
	月曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td1{
	background-color: #ffffff;
}
.exccalendar-td1-1{
	float: right;
}
.exccalendar-td1-2{
	text-align: center;
}
/********************************************************************************
	火曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td2{
	background-color: #ffffff;
}
.exccalendar-td2-1{
	float: right;
}
.exccalendar-td2-2{
	text-align: center;
}
/********************************************************************************
	水曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td3{
	background-color: #ffffff;
}
.exccalendar-td3-1{
	float: right;
}
.exccalendar-td3-2{
	text-align: center;
}
/********************************************************************************
	木曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td4{
	background-color: #ffffff;
}
.exccalendar-td4-1{
	float: right;
}
.exccalendar-td4-2{
	text-align: center;
}
/********************************************************************************
	金曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td5{
	background-color: #ffffff;
}
.exccalendar-td5-1{
	float: right;
}
.exccalendar-td5-2{
	text-align: center;
}
/********************************************************************************
	土曜日に該当する日付欄
*********************************************************************************/
.exccalendar-td6{
	background-color: #e8f2f6;
}
.exccalendar-td6-1{
	float: right;
}
.exccalendar-td6-2{
	text-align: center;
}
/********************************************************************************
	祝日に該当する日付欄
*********************************************************************************/
.exccalendar-tdshl{
	background-color: #f2d9d7;
}
.exccalendar-tdshl-1{
	float: right;
}
.exccalendar-tdshl-2{
	text-align: center;
}
/********************************************************************************
	特殊日に該当する日付欄
*********************************************************************************/
.exccalendar-tdsp{
	background-color: #f2d9d7;
}
.exccalendar-tdsp .exccalendar-tdsp-tp{
	display: none;
}
td.exccalendar-tdsp:hover {
    position: relative;
}
 
/********************************************************************************
 マウスオーバー時にツールチップを表示
*********************************************************************************/
td.exccalendar-tdsp:hover .exccalendar-tdsp-tp{
    display: block;
    position: absolute;
    top: 60px;
    font-size: 90%;
    color: #fff;
    background-color: #51A2C1;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}
 
/********************************************************************************
 フキダシ部分を作成
*********************************************************************************/
td.exccalendar-tdsp .exccalendar-tdsp-tp:before{
    content:''; 
    display:block; 
    position:absolute;
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#51A2C1; 
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}
.exccalendar-tdsp-1{
	float: right;
}
.exccalendar-tdsp-2{
	text-align: center;
}
/********************************************************************************
	日付がない日に該当する日付欄
*********************************************************************************/
.exccalendar-tdz{
	background-color: #ffffff;
}
/********************************************************************************


	カレンダー管理画面


*********************************************************************************/
/********************************************************************************
	メッセージBOX枠
*********************************************************************************/
.exccalendar-mng-head{
}
.exccalendar-mng-head p{
	font-size: 30px;
}
/********************************************************************************
	メッセージBOX
*********************************************************************************/
.exccalendar-mng-msgbox{
	width: 800px;
	height: 60px;
	border: 1px solid #000;
}

/********************************************************************************

	設定領域

*********************************************************************************/
.exccalendar-mng-main{
	display: flex;
	width: 800px;
	background-color: #fff;
}
/********************************************************************************
	期間リストボックス領域
*********************************************************************************/
.exccalendar-mng-sub1{
	margin: 10px 0px 10px 20px;
	display: block;
}
/********************************************************************************
	設定情報
*********************************************************************************/
.exccalendar-mng-sub2{
	margin: 10px 30px 10px 50px;
}
/********************************************************************************

	曜日別アイテム

*********************************************************************************/
/********************************************************************************
	セレクト
*********************************************************************************/
.exccalendar-mng-week-select{
	width: 200px;
	margin-bottom: 10px;
}
/********************************************************************************
	テキスト
*********************************************************************************/
.exccalendar-mng-week-text{
	width: 300px;
	margin-bottom: 2px;
}
/********************************************************************************
	オプション
*********************************************************************************/
.exccalendar-mng-week-option{
	margin-bottom: 5px;
}
/********************************************************************************
	ボタン
*********************************************************************************/
.exccalendar-mng-week-bottun{
	background: #fff;
	border-color: #007cba;
	color: #000;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
.exccalendar-mng-week-bottun:hover{
	background: #007cba;
	border-color: #007cba;
	color: #fff;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
/********************************************************************************

	特定日アイテム

*********************************************************************************/
/********************************************************************************
	セレクト
*********************************************************************************/
.exccalendar-mng-spday-select{
	width: 200px;
	margin-bottom: 10px;
}
/********************************************************************************
	オプション
*********************************************************************************/
.exccalendar-mng-spday-option{
	margin-bottom: 5px;
}
/********************************************************************************
	テキストエリア
*********************************************************************************/
.exccalendar-mng-spday-text{
	width: 300px;
	margin-bottom: 10px;
}
/********************************************************************************
	ボタン
*********************************************************************************/
.exccalendar-mng-spday-bottun{
	background: #fff;
	border-color: #007cba;
	color: #000;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
.exccalendar-mng-spday-bottun:hover{
	background: #007cba;
	border-color: #007cba;
	color: #fff;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
/********************************************************************************

	カテゴリアイテム

*********************************************************************************/
/********************************************************************************
	セレクト
*********************************************************************************/
.exccalendar-mng-cat-select{
	width: 200px;
	height: 200px !important;
	margin-bottom: 10px;
}
/********************************************************************************
	オプション
*********************************************************************************/
.exccalendar-mng-cat-option{
	margin-bottom: 5px;
}
/********************************************************************************
	テキストエリア
*********************************************************************************/
.exccalendar-mng-cat-text{
	width: 300px;
	margin-bottom: 10px;
}
/********************************************************************************
	ボタン
*********************************************************************************/
.exccalendar-mng-cat-bottun{
	background: #fff;
	border-color: #007cba;
	color: #000;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
.exccalendar-mng-cat-bottun:hover{
	background: #007cba;
	border-color: #007cba;
	color: #fff;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
/********************************************************************************

	祝日アイテム

*********************************************************************************/
/********************************************************************************
	セレクト
*********************************************************************************/
.exccalendar-mng-pholi-select{
	width: 200px;
	margin-bottom: 10px;
}
/********************************************************************************
	ボタン
*********************************************************************************/
.exccalendar-mng-pholi-bottun{
	background: #fff;
	border-color: #007cba;
	color: #000;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}
.exccalendar-mng-pholi-bottun:hover{
	background: #007cba;
	border-color: #007cba;
	color: #fff;
	text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
	margin-bottom: 10px;
}