/* ============================================================================== */
/* Fumy Teacher's Schedule Board CGI 表示用スタイルシート(Designed for Ver 2.3.0) */
/* ============================================================================== */
/* ※モバイル対応版CSS : 2016/09/11 */

/* ------------------ */
/* ▼ページ全体の装飾 */
/* ------------------ */
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic",sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #f5f5f5;
	-webkit-text-size-adjust: 100%;
}

/* ------------------ */
/* ▼ヘッダ部分の装飾 */
/* ------------------ */
.headerbox {
	background-color: darkgreen;
	color: white;
}
.headerbox:after {
	content: "";
	clear: both;
	display: block;
}
.headerbox .pagename {
	font-size: 1.5em;
	font-family: "Times New Roman",Verdana;
	font-style: italic;
	padding: 3px;
	margin: 0px;
}
.headerbox .adminlink {
	margin: 5px;
	padding: 0px;
	width: 7.5em;
	float: right;
}
.headerbox .adminlink a {
	display: inline-block;
	text-align: center;
	border: 2px solid white;
	border-radius: 0.5em;
	padding: 0.5em;
	background-color: skyblue;
	background-image: linear-gradient( 180deg, skyblue, #8080ff 25%, blue );
	color: white;
	line-height: 1.2;
}
.headerbox .adminlink a:hover {
	background-color: #ffffcc;
	background-image: linear-gradient( 180deg, #ffffaa, #ffffcc 55%, white );
	color: blue;
}
.headerbox .adminlink a small {
	display: inline-block;
	font-size: 0.7em;
}

/* -------------------------- */
/* ▼ページタイトル部分の装飾 */
/* -------------------------- */
h1 {
	margin: 1.25em 0px;
	line-height: 1.2;
	text-align: center;
	font-weight: normal;
}

/* -------------------------- */
/* ▼ページ上部の案内文章区画 */
/* -------------------------- */
.topguide {
	margin: 1em 3%;
	padding: 0px;
}

/* -------------------------- */
/* ▼パーツタイトル部分の装飾 */
/* -------------------------- */
h2 {
	margin: 1.5em 3% 1em 3%;
	padding: 0.35em 0px 0.25em 3px;
	line-height: 1.2;
	font-weight: normal;
	background-color: #fffff0;
	color: maroon;
	border-style: solid;
	border-color: maroon;
	border-width: 0px 0px 3px 0px;
}

/* -------------------- */
/* ▼各パーツ共通の装飾 */
/* -------------------- */
.schedule {
	margin: 1em 3%;
}
.schedule table {
	margin: 1.5em auto;
	border-collapse: collapse;
	border: 1px solid black;
	max-width: 100%;
}
.schedule table th {
	border: 1px solid black;
	background-color: #ffffcc;
	padding: 0.35em 0.5em;
	line-height: 1.2;
}
.schedule table td {
	border: 1px solid black;
	background-color: white;
	padding: 0.35em 0.5em;
	line-height: 1.2;
}
.schedule caption {
	font-size: 1.2em;
	font-weight: bold;
}

/* --------------------------------------------- */
/* ▼パーツ『1週間の汎用スケジュール』向けの装飾 */
/* --------------------------------------------- */
table.weekly {
	border: 2px solid black;	/* 外枠を太く */
}
table.weekly thead th {
	border-bottom: 3px double black;	/* 下線を二重線に */
	background-color: #ffffaa;			/* 背景を濃く */
}
table.weekly tbody th,
table.weekly tbody td {
	border: 1px solid gray;		/* 枠線を灰色に */
	font-size: 0.95em;			/* 文字を少し小さく */
}

/* --------------------------------------------------- */
/* ▼パーツ『1月間スケジュール(カレンダー)』向けの装飾 */
/* --------------------------------------------------- */
table.monthly {
	margin: 1em auto 2em auto;
}

/* ▼カレンダーのヘッダ部分 */
table.monthly th {
	width: 90px;
	font-size: 0.9em;
	background-color: #ffffcc;
}
table.monthly th.weekdays { color: black; }		/* 月〜金の文字色 */
table.monthly th.sunday   { color: red; }		/* 日曜日の文字色 */
table.monthly th.saturday { color: darkblue; }	/* 土曜日の文字色 */

/* ▼カレンダーの本体部分 */
table.monthly td {
	font-size: 0.9em;
	height: 3em;
}
table.monthly td.weekdays { color: black;    background-color: white;   }	/* 平日の装飾 */
table.monthly td.saturday { color: darkblue; background-color: #f0f0ff; }	/* 土曜日の装飾 */
table.monthly td.sunday   { color: red;      background-color: #fff0f0; }	/* 日曜日の装飾 */
table.monthly td.holiday  { color: red;      background-color: #fff0f0; }	/* 祝日の装飾 */
span.holname {
	font-size: xx-small;	/* 祝日の名称 */
	padding-left: 3px;
}

/* ▼モバイル向け装飾 */
@media all and (max-width: 479px) {
	table.monthly th,
	table.monthly td {
		font-size: 0.75em;		/* 文字サイズを小さくする */
		padding: 0.35em 1px;	/* 左右の余白を最小限にする */
	}
}

/* ▼次のカレンダーに進むリンク区画 */
.nextcalendar {
	text-align: right;
	margin: 1em;
}

/* ▼凡例 */
.notice {
	font-size: 0.9em;
	margin: 1em;
	padding: 1em;
	border: 1px solid gray;
	border-radius: 1em;
	background-color: white;
}

/* -------------------------------- */
/* ▼パーツ『長期予定表』向けの装飾 */
/* -------------------------------- */
table.longrange {
	border: 2px solid black;	/* 外枠を太く */
}
table.longrange th {
	color: black;
	background-color: #ffffcc;
	border-bottom: 3px double black;	/* 下線を二重線に */
}
table.longrange td {
	font-size: 0.95em;
	color: black;
	background-color: white;
}
table.longrange th.date {
}
table.longrange th.contents {
	width: 30em;
}

/* ------------------ */
/* ▼フッタ部分の装飾 */
/* ------------------ */
.footerbox {
	background-color: darkgreen;
	color: white;
}
.footerbox a {
	color: white;
}
.footerbox .back {
	margin: 0px;
	padding: 1em;
	text-align: center;
}
.footerbox .adminlink {
	margin: 0px;
	padding: 0px 1em;
	text-align: right;
	font-size: 0.9em;
}
.copyright	{
	margin: 0px;
	padding: 1em;
	font-size: 0.8em;
}

/* 汎用の装飾 */
a:hover	{
	background-color: #ffffcc;
	color: red;
}