/* ヘッダー */
table.header 	{ border-collapse: collapse; table-layout: fixed; width: 100%;}
td.title		{ width: 33%; text-align: center;}
/* メニュー */
ul.links		{	display: table;
					margin: 0;
					padding: 0;
					width: 99%;
}
ul.links li		{	display: table-cell;
					width: 20%;
}
button.link		{	width: 100%;
					height: 55px;
/*					background: lavenderblush;
					color: hotpink;*/
					background: #DDCD7E;
/*					color: #A0A0A0;*/
					color: #000000;
					font-size: 150%;
/*					font-weight: bold;*/
}
button.link_dum	{	width: 100%;
					height: 55px;
/*					background: lavenderblush;
					color: hotpink;*/
					background: #DDCD7E;
/*					color: #A0A0A0;*/
					color: #DDCD7E;
					font-size: 150%;
/*					font-weight: bold;*/
}
/* メニュー */

/* メイン */
/* インフォ */

div.info	{	width: 100%;
				height: 100vh;
				overflow: auto;
				-ms-overflow-style:none;
				-webkit-overflow-scrolling:touch;
/*				border-radius: 10px;
				border: 1px solid mistyrose;*/
}
table.infoA	 	{ border-collapse: collapse; table-layout: fixed; width: 80%;}
td.infoA_T		{ width: 100%; text-align: center;}
td.infoA		{ width: 75%;  text-align: left;}
span.infoA_T	{font-size: 22pt; color: lightpink;}
span.infoA_Rec	{font-size: 22pt; color: hotpink;
					-webkit-animation:blink 1.5s ease-in-out infinite alternate;
					-moz-animation:blink 1.5s ease-in-out infinite alternate;
					animation:blink 2.0s ease-in-out infinite alternate;
				}
span.infoA		{font-size: 20pt; color: #C9CACA;}
span.infoA_2	{font-size: 18pt; color: yellow;}
span.infoA_3	{font-size: 20pt; color: hotpink;}
span.infoA_4	{font-size: 16pt; color: hotpink;}
div.infoA_2_L	{	width: 80%;
					height: auto;
					margin-left: 10%;
					margin-right: 10%;
					text-align: left;
}
div.infoA_2_C	{	width: 80%;
					height: auto;
					margin-left: 10%;
					margin-right: 10%;
					text-align: center;
}
div.infoA_2_R	{	width: 80%;
					height: auto;
					margin-left: 10%;
					margin-right: 10%;
					text-align: right;
}

table.infoB	 	{ border-collapse: collapse; table-layout: fixed; width: 90%; margin-top: 20px; margin-bottom: 20px;}
td.infoB_L		{	width: 55%; vertical-align: TOP;}
td.infoB_C		{	width: 5%;}
td.infoB_R		{	width: 40%; vertical-align: TOP;}
div.recent		{	width: 100%;
					height: auto;
/*					float: left;
					overflow: auto;*/
					-ms-overflow-style:none;
					-webkit-overflow-scrolling:touch;
					border-radius: 10px;
					border: 1px solid aliceblue;
				}
span.recentDT	{	font-size: 17pt; color: #99CCFF;
					-webkit-animation:blink 1.5s ease-in-out infinite alternate;
					-moz-animation:blink 1.5s ease-in-out infinite alternate;
					animation:blink 2.0s ease-in-out infinite alternate;
				}
span.recentP	{	font-size: 17pt; color: #99CCFF;
					-webkit-animation:blink 1.5s ease-in-out infinite alternate;
					-moz-animation:blink 1.5s ease-in-out infinite alternate;
					animation:blink 2.0s ease-in-out infinite alternate;
				}
@-webkit-keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
} 
@-moz-keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
} 
@keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
} 
span.recentS	{font-size: 18pt; color: yellow;}
span.recentS2	{font-size: 16pt; color: hotpink;}
div.recent_info	{	width: 100%;
					height: auto;
					text-align: center;
}
div.recent_info_L	{	width: 100%;
						height: auto;
						text-align: left;
}
div.recent_info_C	{	width: 100%;
						height: auto;
						text-align: center;
}
div.recent_info_R	{	width: 100%;
						height: auto;
						text-align: right;
}

div.update		{	width: 100%;
				height: 90px;
				overflow: auto;
				-ms-overflow-style:none;
				-webkit-overflow-scrolling:touch;
				border-radius: 10px;
				border: 1px solid mistyrose;
}
table.update	{	width: 100%;}
td.update0		{	width: 5%}
td.update1		{	width: 40%}
td.update2		{	width: 55%}
span.update		{	color: white; font-size: 15pt;}
span.update_n	{	color: red;}

ul.DandT		{	display: table;
					margin: 0;
					padding-top: 5px;
					width: 90%;
}
ul.DandT li		{	display: table-cell;
					text-align: left;
					font-size: 18pt;
					color: #C9CACA;
}
div.Important_D	{	width: 90%;
					height: auto;
					margin-left: 2%;
					margin-right: 2%;
					text-align: left;
					background-color: white;
}
span.Important_T{
					font-size: xx-large;
					color: red;
}
span.Important	{
					font-size: 19pt;
					color: red;
}
/* スケジュール */
div.yyyymm	{	width: 100%;
				height: 100vh;
				overflow: auto;
				-ms-overflow-style:none;
				-webkit-overflow-scrolling:touch;
/*				border-radius: 10px;
				border: 1px solid mistyrose;*/
}
ul.cal_header	{	display: table;
					margin: 0;
					padding: 0;
					width: 100%;
}
ul.cal_header li{	display: table-cell;
					text-align: center;
					font-size: 28px;
					font-weight: bold;
					color: #DDCD7E;
}
button.prev		{	width: 100%;
					height: 40px;
					background: powderblue;
					color: GrayText;
					font-size: 24px;
					font-weight: bold;
}
button.next		{	width: 100%;
					height: 40px;
					background: powderblue;
					color: GrayText;
					font-size: 24px;
					font-weight: bold;
}

table.cal_main	{ border-collapse: collapse; table-layout: fixed; width: 100%; border: 1px solid mistyrose;}
table.cal_days	{ border-collapse: collapse; table-layout: fixed; width: 100%;}

td.days			{ width: 12%; text-align: center; border: 1px solid #C0C0C0;}

td.center		{text-align: center; height: 18px;}
td.left			{text-align: left;   height: 18px;}
td.right		{text-align: right;  height: 18px;}

span.holiday		{font-size: 100%; font-weight: bold; color: hotpink;}
span.saturday		{font-size: 100%; font-weight: bold; color: lightskyblue;}
span.weekday		{font-size: 100%; font-weight: bold; color: white;}
span.place		{font-size: 100%; font-weight: bold; color: white;}
span.time		{font-size: 100%; font-weight: normal; color: white;}

/* メンバー */
div.member	{	width: 100%;
				height: 100vh;
				overflow: auto;
				-ms-overflow-style:none;
				-webkit-overflow-scrolling:touch;
/*				border-radius: 10px;
				border: 1px solid mistyrose;*/
}
div.member_man	{	border: 2px lightskyblue solid;
					border-radius: 10px;
					width: 80%;
					margin-top: 3px;
}
div.member_wom	{	border: 2px pink solid;
					border-radius: 10px;
					width: 80%;
					margin-top: 3px;
}
table.member 	{	width: 100%;
					border: none;
}
td.member_man	{	text-align: left;
					font-size: 120%;
					color: lightskyblue;
}
td.member_wom	{	text-align: left;
					font-size: 120%;
					color: pink;
}
td.member1		{	text-align: center;
					width: 20%;
					font-size: 100%;
					color: white;
}
td.member2		{	text-align: left;
					width: 20%;
					font-size: 100%;
					color: white;
}
td.member3		{	text-align: right;
					vertical-align: TOP;
					width: 20%;
					font-size: 100%;
					color: white;
}
td.member_b		{	text-align: left;
					width: 2%;
					vertical-align: TOP;
}
td.member_p		{	text-align: left;
					width: 60%;
					vertical-align: TOP;
					color: white;
}
td.member_r		{	text-align: left;
					width: 60%;
					font-size: 100%;
					vertical-align: TOP;
					color: white;
}

/* メイン */