@charset "utf-8";
/* CSS Document */


/*カレンダー*/

.cal {
	width: 100%;
	margin: 0 auto;
}

.cal .otherInfo {
	margin: 10px 0 10px 10px;
	text-align: left;
	font-size: 1.1em;
	line-height: 130%;
	max-height: 999999px;
}


table.cal {
	width: 100%;
	height: auto;
	border-left: #aaa 1px solid;
	font-size: 0.8em;
	border-collapse: collapse;
}

table.cal caption {
	text-align: right;
	font-weight: bold;
	color: #333;
	padding-bottom: 5px;
	font-size: 1.2em;
}

.iconarea.td img {
	vertical-align: middle;
	text-align: right;
	padding: 5px;
}

table.cal th {
	width: 70px;
	height: 30px;
	border-top: #aaa 1px solid;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	background-color: #F3E8EA;
	text-align: center;
	line-height: 100%;
}


table.cal td {
	border-top: none;
}


table.cal .sun {
	background-color: #FAE7EF;
}

table.cal .week {
	background-color: #F3F3F3;
}

table.cal .sat {
	background-color: #DCEEFC;
}

table.cal td.noborderSun {
	text-align: center;
	background-color: #FAE7EF;
	border-bottom: 1px dotted #aaa;
}

table.cal td.Sun {
	border-bottom: none;
	text-align: center;
	background-color: #FFEDE8;
	border-bottom: #aaa 1px solid;
}

table.cal td.noborderWeek {
	height: 30px;
	border-bottom: none;
	text-align: center;
	background-color: #fffef9;
}

table.cal td.noborderSat {
	height: 20px;
	border-bottom: 1px dotted #aaa;
	text-align: center;
	vertical-align: top;
	background-color: #DCEEFC;
}

table.cal tr.strong {
	font-weight: bold;
}

table.cal tr.iconarea td {
	text-align: center;
	line-height: 90%;
}


table.cal td {
	width: 90px;
	height: 20px;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	text-align: center;
	line-height: 130%;
}

table.cal td.kyujyou {
	width: 90px;
	height: 25px;
	background-color: #999;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	text-align: center;
	line-height: 130%;
}

.day {
	border-bottom: #aaa 1px solid;
}


.cal .strong .noborder.day,
.cal .strong .noborderSat.day,
.cal .strong .noborderSun.day {
	text-align: left;
	padding-left: 5px;
	font-size: 1.0em;
	border-bottom: 1px dotted #aaa;
}

.cal .strong .noborder.day img,
.cal .strong .noborderSat.day img,
.cal .strong .noborderSun.day img {
	text-align: left;
	padding-left: 10px;
	padding-bottom: 3px;
}

table.cal td.noborder#kyujyou {
	height: auto;
	background-color: #E4E4E4;
	border-bottom: none;
	text-align: center;
	vertical-align: top;
}

table.cal.sun {
	color: red;
}

table.cal.sat {
	color: blue;
}

table.cal .self {
	color: #008000;
	font-weight: bold;
	border-bottom: none;
	text-align: center;
	font-size: 1.1em;
	line-height: 120%;
	padding-top: 5px;
}

table.cal .event {
	color: #ff0000;
	font-weight: bold;
	border-bottom: none;
	text-align: center;
	font-size: 1.1em;
	line-height: 120%;
	padding-top: 5px;
}

table.cal .pool {
	color: #1e90ff;
	border-bottom: none;
	text-align: center;
	font-size: 1.1em;
	line-height: 120%;
	padding-top: 5px;
	border-bottom: #aaa 1px solid;
}

table.cal span {
	background: linear-gradient(transparent 70%, #FFFF00 0%);

}

#span-none {
	background: none !important
}

table.cal .text {
	color: #333333;
	font-size: 1.2em;
	line-height: 100%;
	padding: 3px 0 3px;
}

table.cal .text#kyujyou {
	color: #db5d27;
	font-weight: bold;
	background-color: #E4E4E4;
}

span.self {
	color: #006837;
	font-weight: bold;
}

span.text {
	color: #db5d27;
	font-weight: bold;
}

h5.cal-month {
	width: 765px;
}

/*カレンダーここまで*/

/* tab */
.tabset {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.tabset .tabset_tab {
	/*height: 26px;*/
	border-bottom: solid 10px #003f73;
	overflow: hidden;
	clear: both;
}

.tabset_tab li {
	width: 106px;
	height: 26px;
	float: left;
	text-align: center;
	line-height: 26px;
}

.tabset_tab li a {
	display: block;
	outline: none;
	/* linkline */
	background-color: #F3F2ED;
}

.tabset_tab li a {
	text-decoration: none !important;
	display: block;
	background: transparent url('../images2/info/tab_off.png') no-repeat left top scroll;
}

.tabset_tab li a:hover {
	text-decoration: none;
	background-color: #F8F9E4;
}

.tabset_tab li a:focus {
	outline: 1px #000 dotted;
}

.tabset_tab li a.select {
	text-decoration: none;
	height: 26px;
	font-size: 1.2em;
	vertical-align: bottom;
	color: #fff !important;
	font-weight: bold;
	background: #FFF url('../images2/info/tab_on.png') no-repeat left top scroll;
	border-bottom: solid 10px
		/*#1B6834*/
	;
	cursor: default;
}


/*--追加--*/
.calendar-title {
	/* padding: 18px 0; */
	color: #88706c;
	font-size: 1.2rem;
	text-align: center;
	padding: 10px 0;
}

.calendar-title .btn-monthMove {
	cursor: pointer;
	font-size: 1rem;
}

.calendar-title .btn-monthMove.prev {
	margin-right: 60px;
}

.calendar-title .btn-monthMove.next {
	margin-left: 60px;
}

.cal h5 {
	margin: 20px 0;
	font-size: 20px;
	color: #003f73;
	background-image: url(../images2/common/img_list.png);
	background-repeat: no-repeat;
	padding-left: 20px;

}

.cal h5 {
	margin: 20px 0;
	font-size: 20px;
	color: #003f73;
	background-image: url(../images2/common/img_list.png);
	background-repeat: no-repeat;
	padding-left: 20px;

}

table.cal td.kyugyo {
	font-size: 1.2em;
}

#month1,
#month2,
#month3,
#month4,
#month5,
#month6,
#month7,
#month8,
#month9,
#month10,
#month11,
#month12 {
	padding-top: 60px;
	margin-top: -60px;
}




/* ＝＝SP＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
@media screen and (max-width: 640px) {

	.cal {
		width: 100%;
	}

	.tabset_tab li {
		width: 25%;
	}

	table.cal th {
		height: auto;
		font-size: 0.8em !important;
	}

	table.cal td {
		height: auto;
		font-size: 0.8em !important;
	}

	.cal .strong .noborder.day,
	.cal .strong .noborderSat.day,
	.cal .strong .noborderSun.day {
		font-size: 0.8em;
		height: auto;
	}


}

/* */