@CHARSET "UTF-8";

.nscal-widget {
	line-height:1.5;
}

.nscal-wrap + .nscal-wrap {
	margin-top:15px;
}


/*
 * 年月日と前次月の矢印
 */
.nscal-widget .nscal-head {
	position:relative;
	margin:0;
}

.ios-mobile .nscal-widget .nscal-head {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.nscal-widget .nscal-head .nscal-title {
	font-size:108%;
	font-weight:bold;
	padding:0 50px;
	text-align:center;
}

.nscal-widget .nscal-head .nscal-navi-prev,
.nscal-widget .nscal-head .nscal-navi-next {
	position:absolute;
	top:0;
	width:2em;
	height:1.5em;
	background-image:url(images/arrow-prev.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:8px auto;
	background-color:#ddd;
	border-radius:10px;
	border:solid 1px #ccc;
	cursor: pointer;
	z-index:2;
}

.ios-mobile .nscal-widget .nscal-head .nscal-navi-prev,
.ios-mobile .nscal-widget .nscal-head .nscal-navi-next {
	width:3em;
	height:2em;
}

.nscal-widget .nscal-head .nscal-navi-prev:hover,
.nscal-widget .nscal-head .nscal-navi-next:hover {
	background-color:#ccc;
}

.nscal-widget .nscal-head .nscal-navi-prev {
	left:0;
}

.nscal-widget .nscal-head .nscal-navi-next {
	right:0;
	background-image:url(images/arrow-next.png);
}

/*
 * カレンダー部分
 */
.nscal-widget table {
	width:100%;
	margin:5px 0 2px;
}

.nscal-widget th,
.nscal-widget td {
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	border-color:#aaa;
	padding:0;
	line-height:1;
	background-color:#fff;
}

.nscal-widget th {
	background:#eee;
	padding:5px;
}

.nscal-widget .nscal-day-sat,
.nscal-widget .nscal-sat {
	color:#0088cc;
}

.nscal-widget .nscal-day-sun,
.nscal-widget .nscal-sun {
	color:#ff0000;
}

.nscal-widget .national-holiday {
	color:#ff0000;
}

/*
 * 用例　
 */
.nscal-wrap + .nscal-wrap + .nscal-sample  {
	margin-top:15px;
	margin-bottom:10px;
}

.ns-calendar .nscal-sample {
	margin:0;
	line-height:1;
	text-align:left;
}

.ns-calendar .nscal-sample-list {
	list-style:none;
	display:inline-block;
	margin-right:9px;
	margin-top:5px;
	font-size:85%;
	line-height:1;
}

.ns-calendar .nscal-sample-list:last-child {
	margin-right:0;
}

/*
 * カレンダー、用例で使用しているマーク
 */
.ns-calendar .nscal-date,
.ns-calendar .nscal-sample-box {
	padding:5px;
	position: relative;
	z-index:0;
	overflow: hidden;
}

.ns-calendar .nscal-sample-box {
	display:inline-block;
	vertical-align:middle;
	top:-1px;
	width:0.4em;
	height:0.4em;
	margin-right:2px;
	border:solid 1px #aaa;
	background-color:#fff;
}

.ns-calendar .holiday .nscal-mark,
.ns-calendar .nscal-sample-mark {
	background:#ffb2d9;
	position: absolute;
	bottom:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100px;
}

.ns-calendar .holiday-am .nscal-mark,
.ns-calendar .nscal-sample-am .nscal-sample-mark {
	bottom:50%;
}

.ns-calendar .holiday-pm .nscal-mark,
.ns-calendar .nscal-sample-pm .nscal-sample-mark {
	top:50%;
}

.ns-calendar .holiday-all .nscal-mark,
.ns-calendar .nscal-sample-all .nscal-sample-mark {
	top:auto;
	bottom:0;
}

.ns-calendar .open-all .nscal-mark {
	background:none;
}

/*
 * メッセージ
 */
.nscal-wrap + .nscal-wrap + .nscal-sample + .nscal-message  {
	margin-top:15px;
	margin-bottom:10px;
}

.nscal-message {
	margin:10px 0 0;
	line-height:1.5;
	font-size:93%;
}