@charset "utf-8";
/* カレンダー用設定 */
div#calendarContainer * {
	margin: 0;
	padding: 0;
}

input.calTextStyle {
	text-align: center;
	margin:0px;
	padding:0px;
	float:left;
	width: 100px;
}

div.calTextStyleBtn {
	display: block;
	position:relative;
	right:1px;
	margin:0px;
	padding:0px;
	float:left;
	width:16px;
	background-image: url("../images/calendar/date-trigger.gif");
	background-position: 0 -2px;
	background-repeat: no-repeat;
	border: 1px solid #ABABAB;
	overflow: hidden;
}

div#calendarContainer {
	width:184px;
	font-family:'Lucida Grande', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif'; 
	font-size: 14px;
	line-height: 1.6;
	border: 1px solid #283950;
	background-color: #677A90;
	padding:1px !important;
}

div.calBox {
	width:182px;
	border: 1px solid #E5EEF3;
	background-color: #FFFFFF;
	overflow:hidden;
}

div.calHead {
	margin:0px;
	padding-top:5px !important;
	height:25px;
	background-image: url("../images/calendar/hd-sprite.png");
	background-position: 0 0;
	background-repeat: repeat-x;
}

div#calHeadLeftBtn {
	float:left;
	width:20px;
	height:20px;
	background-image: url("../images/calendar/left-btn.gif");
	background-position: 0px -20px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div#calHeadRightBtn {
	float:right;
	width:20px;
	height:20px;
	background-image: url("../images/calendar/right-btn.gif");
	background-position: 0px -20px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.calHeadTitle {
	float:left;
	color:#FFF;
	width:120px;
	margin-left:20px !important;
	margin-right:0px;
}

div#calTitleBar {
	cursor: pointer;
}

div#calTitleText{
	float:left;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

div#calHeadTitleBtn {
	float:left;
	width:20px;
	height:20px;
	background-image: url("../images/calendar/title-btn.gif");
	background-position: -20px 0px;
	background-repeat: no-repeat;
}

table#calendar {
	border-collapse:collapse;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#calendar th td{
	padding:1px !important;
}

#calendar th {
	font-size: 14px;
	background-image:url("../images/calendar/glass-bg.png");
	cursor: default;
}

#calendar td {
	font-size: 14px;
	line-height: 18px;
}

#calendar .satDay {
	color:#00F;
}

#calendar .holiday {
	color:#F00;
}

div.calDataCells {
	background-color:#FFF;
	border: 1px solid #FFF;
	cursor: pointer;
	width: 24px;
	height: 20px;
}

#calendar .nToMonth p{
	color:#C8C8CD;
}

#calendar .ngDay p{
	color:#C8C8CD;
	background-color:#F1F1F1;
	border: 1px solid #FFF;
	cursor: no-drop;
}

#calendar .selected p{
	background-color:#DDECFE;
	border: 1px solid #8DB2E3;
	font-weight: bold;
}

#calendar .today p{
	border: 1px solid #8B0000;
}

#calendar .strong p{
	background-image:url("../images/calendar/glass-bg.png");
}

div#monthlyTitle {
	color:#FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	padding-left:60px !important;
	cursor: default;
}

select#setYear {
	width:70px;
}

div.monthlyContainer {
	float:left;
}

table#monthlyCalendar {
	border-collapse:collapse;
	width:112px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#monthlyCalendar th {
	font-size: 14px;
	background-image:url("../images/calendar/glass-bg.png");
	cursor: default;
	border-bottom: 1px solid #8DB2E3;
}

#monthlyCalendar td {
	font-size: 12px;
	line-height: 18px;
}

div.monthlyDataCells {
	background-color:#FFF;
	cursor: pointer;
	height: 22px;
	border: 0px;
}

#monthlyCalendar p{
	border: 1px solid #FFF;
	margin-left:5px !important;
	margin-right:5px !important;
}

#monthlyCalendar .ngMonthly p{
	color:#C8C8CD;
	background-color:#F1F1F1;
	border: 1px solid #FFF;
	cursor: no-drop;
}

#monthlyCalendar .selected p{
	background-color:#DDECFE;
	border: 1px solid #8DB2E3;
	font-weight: bold;
}

#monthlyCalendar .toMonthly p{
	border: 1px solid #8B0000;
}

#monthlyCalendar .strong p{
	background-image:url("../images/calendar/glass-bg.png");
}


table#btnObj {
	border-collapse:collapse;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top: 1px solid #8DB2E3;
}

#btnObj th {
	background-image:url("../images/calendar/glass-bg.png");
	cursor: default;
	padding-top:3px !important;
	height:26px;
}

span.calendarBtnObj {
	margin-left:3px !important;
	margin-right:3px !important;
	padding:1px 5px 1px 5px !important;
	font-size: 12px;
	font-weight: normal;
	color:#FFF;
	border: 1px solid #283950;
	background-image: url("../images/calendar/hd-sprite.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	cursor: pointer;
}
