/* Calendar */

/* Table指定（collapse:隣接する境界を重ねて表示する） */
.calTable {
	border-collapse: collapse;
}

/* 日付ブロックと曜日表示ブロックのエリア指定、文字指定、色指定 */
.calTable td,
.calTable th {
	width: 30px;
	height: 30px;
	text-align: center;
	font-family: Verdana, Helvetica;
	font-size: 12px;
	color: #666666;/* 標準グレー */
	border: 1px solid #ffffff;/* 白 */
	margin: 0px;
	padding: 0px;
}

/* 曜日表示ブロックの高さ変更、文字指定、色指定 */
.calTable th {
	height: 15px;
	background-color: #eeeeee;/* うすいライトグレー */
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}

/* 月表示のエリア指定、文字指定（色は標準グレー）*/
.calTable td.mon {
	width: 150px;
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	border: 0px;
}

/* 土曜日の日付の色指定 */
.calTable td.sat {
	background-color: #d0f0ff;/* うすいスカイブルー */
	color: #4b86de;/* うすいブルー */
}

/* 日曜祭日の日付の色指定 */
.calTable td.sun {
	background-color: #ffe4e1;/* うすいピンク */
	color: #d63838;/* 赤 */
}

/* 今日の日付の文字指定 */
.calTable td.today {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.1em;
}

/* 月移動ボタンのエリア指定、矢印はボールド */
.calTable td.btn {
	height: 25px;
	font-weight: bold;
	border: 0px;
}

/* 月移動ボタンのリンクエリア指定、矢印はブルー、アンダーラインなし */
.calTable td.btn a {
	display: block;
	width: 30px;
	height: 25px;
	color: #3366cc;
	text-align: center;
	padding: 8px,0px,0px,0px;
	text-decoration: none;
}

/* mouse overで月移動ボタンのリンクエリアをスカイブルーにする、矢印にアンダーラインを加える */
.calTable td.btn a:hover {
	background-color: #BEDCFA;
	text-decoration: underline;
}

/* 西暦表示の文字指定（色は標準グレー）*/
.yView {
	font-size: 12px;
	font-weight: normal;
}

.tbView {display:none;}

/* 日付リンクエリアの大きさ指定、日付を太文字にする */
.linkArea {
	display: block;/* リンクエリアがブロックで表示される（inline:文章の途中に表示する） */
	width: 30px;
	height: 28px;/* 30pxだとカレンダー全体の高さが微妙に増える。line-height: 28pxも同様。 */
	line-height: 28px;
	font-weight: bold;
}

/* リンクエリアの文字をブルーにする */
a.linkArea:link,
a.linkArea:visited {
	color: #3366cc;
}

/* mouse overで日付のリンクエリアをスカイブルーにする */
a.linkArea:hover {
	background-color: #BEDCFA;
}

/* mouse overでPopUp写真を表示 */
.linkPopup {
	position: absolute;
	visibility: visible;
}

/* mouse overで PopUp白台紙を表示 */
.popSunMon{			/* 日月曜日用 */
	position: absolute; 
	left: -10px; 
	top: 50px; 
	visibility: visible;
	background-color: #ffffff;
	border: 1px solid #666666; 
	padding: 3;
}

.popTue{			/* 火曜日用 */
	position: absolute; 
	left: -30px; 
	top: 50px; 
	visibility: visible;
	background-color: #ffffff;
	border: 1px solid #666666; 
	padding: 3;
}

.popWed{			/* 水曜日用 */
	position: absolute; 
	left: -50px; 
	top: 50px; 
	visibility: visible;
	background-color: #ffffff;
	border: 1px solid #666666; 
	padding: 3;
}

.popThu{			/* 木曜日用 */
	position: absolute; 
	left: -70px; 
	top: 50px; 
	visibility: visible;
	background-color: #ffffff;
	border: 1px solid #666666; 
	padding: 3;
}

.popFri{			/* 金曜日用 */
	position: absolute; 
	left: -100px; 
	top: 50px; 
	visibility: visible;
	background-color: #ffffff;
	border: 1px solid #666666; 
	padding: 3;
}

.popSta{			/* 土曜日用 */
	position: absolute; 
	left: -130px;
	top: 50px; 
	visibility: visible;
	background-color: #ffffff;
	border: 1px solid #666666; 
	padding: 3;
}