@charset "utf-8";
/* 
 * calender2.css
 * SP対応バージョン
 * Created 2012.02.01
 *
 * Copyright(c) 2011-2018 forest Co.,Ltd. All Right reserved.
*/

/*基本---------------------------------------------------------------------------------*/
.calendar_img {
	position:relative;
	top:3px;
	left:-4px;
	height:16px;
	width:16px;
	cursor:pointer;
}
.calendar_img:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:.60;
}

/* popup calender parts */
div#myCalender {
	position:absolute;
	border:1px solid #999999;
	background-color:#ffffff;
	top:0;
	left:0;
	padding:0 0;
	margin:0 0;
	z-index:99000;
	width:540px;
}
div#myCalender div {
	padding:0 0;
	margin:0 0;
	text-align:center;
}

/* Navi bar */
div#myCalender div.calNavi {
	text-align:center;
}
div#myCalender div.calNavi div#calPrev, div#myCalender div.calNavi div#calNext,div#myCalender div.calNavi div#calClose {
	width:20px;
	border:1px solid #999999;
	margin:2px 2px;
	background-color:#D3D3D3;
	cursor:pointer;
}
div#myCalender div.calNavi div#calPrev {float:left;}
div#myCalender div.calNavi div#calNext {float:right;}
div#myCalender div.calNavi div#calClose {float:right;}

/* Monthly Body&Title */
div#myCalender div.calMonth {
	float:left;
	margin:2px 2px;
}
div#myCalender div.calMonthTitle {
	background-color:#F0E68C;
	font-weight:bold;
	border:1px solid #999999;
}
div#myCalender div.calWeekTitle {
	clear:both;
}
div#myCalender div.calWeekTitle div.calCol {
	background-color:#FFFACD;
}

/* Week Row & Day Col */
div#myCalender div.calRow {
	clear:both;
}
div#myCalender div.calRow div.calCol {
	cursor:pointer;
}
div#myCalender div.calCol {
	float:left;
	width:24px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}

/* Boder */
div#myCalender div.calLeftBorder {
	border-left:1px solid #999999;
}

/* Day Color */
div#myCalender div.calDay {
	color:#333333;
}
div#myCalender div.calSun {
	color:#ff0000;
}
div#myCalender div.calSat {
	color:#0000ff;
}
div#myCalender div.calNow {
	background-color:#FFA500;
}
div#myCalender div.calPast {
	background-color:#DCDCDC;
}
/*基本---------------------------------------------------------------------------------*/

/*SP-----------------------------------------------------------------------------------*/
@media only screen and (max-width:599px) {/*-------------------------------------------*/
div#myCalender {
	width:100%;
	height:100%;
	position:fixed;
	font-size:20px;
}
div#myCalender div.calNavi {
	width:306px;
}
div#myCalender div.calMonth {
	/*float:none;*/
}
div#myCalender div.calNavi div#calPrev, div#myCalender div.calNavi div#calNext,div#myCalender div.calNavi div#calClose {
	width:40px;
	padding:8px 0;
}
div#myCalender div.calMonthTitle {
}
div#myCalender div.calCol {
	width:42px;
	padding:6px 0;
}
}/*SP----------------------------------------------------------------------------------*/

/*TB-----------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:959px) {/*---------------------*/
}/*TB----------------------------------------------------------------------------------*/

/*PC-----------------------------------------------------------------------------------*/
@media only screen and (min-width:960px) {/*-------------------------------------------*/
}/*PC----------------------------------------------------------------------------------*/