/*	全体のスタイル	*/
body				{
					padding:0px;margin:20px;height:100%;font-size:11pt;background:#4a5683;color:#aef;
					font-family:"Lucida Grande", "segoe UI","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
					}
form				{margin:0px;padding:0px;}
fieldset			{margin:5px;padding:5px;}
p					{text-indent:1em;margin-bottom:0px; margin-top:0px;}
a					{color:#ffe;text-decoration:none;font-weight:bold;}
a:hover				{text-decoration:underline;}
.em					{font-weight:bold;font-family:arial, gothic;color:#dd0000;text-decoration:underline;}
#largelogo			{width:300px;margin:40px;padding:40px;}
/* 汎用ボタン */
.gbutton			{
						font-size:12pt;
						font-weight:bold;
						display:inline-block;
						margin: 2px;
						text-align: center;
						padding: 4px;
						cursor: pointer;
						color: #000;
						border: 1px solid #444;
						border-radius: 5px;
						background:linear-gradient(#fff, #ccc);
						text-decoration:none;
					}
.gbutton:hover		{
						background:linear-gradient(#ccc, #fff);
						text-decoration:none;
					}

/* ページヘッダ部 */
#pagetitle			{
						font-weight:bold;
						font-size:16pt;
						margin-bottom:20px;
						text-align:center;
						border-top:solid 5px #adf;
						border-bottom:solid 5px #adf;
						color:#adf;
					}
#pagedescription	{
						font-size:10pt;margin-left:40px;margin-right:40px;color:#fff;
					}
#sitemaster			{float:right;font-size:9pt;margin:10px;}

/*	ログイン画面	*/
#loginform			{
					display:block;
					width:100%;
					text-align:center;
					}
.logincnt			{display:inline;font-size:12pt;font-weight:bold;color:#aaf;margin:12px;}
.loginval			{font-size:12pt;width:200px;margin-bottom:10px;}
.explanation		{display:inline-block;width:300px;font-size:12pt;padding:16px;margin:20px;color:#800;background:#ffe;border-radius:12px;box-shadow:4px 4px 8px #000;}

/* ページ構造 */
#maincontainer	{
				display:flex;
				text-align:center;
				}
#sidebar		{
				display:inline-block;
				width:348px;
				}
#mainarea		{
				display:inline-block;
				text-align:center;
				}

/*	メニュー	*/
#menulist		{
				display:inline-block;
				background:#8df;
				border-radius:12px;
				box-shadow:4px 4px 8px #000;
				text-align:left;
				padding:12px;
				margin:12px;
				width:300px;
				}

.menuitem		{
				color:#005;
				font-size:16pt;
				font-weight:bold;
//				border-top:1px solid #300;
				border-bottom:1px solid #300;
				cursor:pointer;
				margin:4px;
				
				}
.menuitem:hover	{background:#0d0;}
.adminmenu		{color:#900;}

/* フィルター */
#filterarea		{
				display:inline-block;
				}
#videofilter	{
				display:block;
				color:#005;
				background:#fd8f;
				border-radius:12px;
				box-shadow:4px 4px 8px #000;
				text-align:left;
				padding:12px;
				margin:12px;
				width:300px;
				}
.filterunit		{
				display:block;
				color:#005;
				background:#8df;
				border:2px solid #003;
				border-radius:12px;
				text-align:left;
				padding:6px;
				margin:6px;
				width:276px;
				}


.filtername		{
				font-weight:bold;
				cursor: pointer;
				margin: 0;
			}
.filtername:after, 
.filtername.active:after{
				font-size:18pt;
				margin-left:9px;
			}
.filtername.active::after{font-size:12pt;content: "▲";}
.filtername::after	 {font-size:12pt;content: "▼";}

/* 検索ボックス */
#searcharea		{text-align:right;}
#searchbox		{font-size:16pt;height:18pt;width:200px;margin-right:0.5em;}
#mmvlist		{
				color:#024;
				width:250px;
				height:600px;
				overflow-y:auto;
				}
.lsmitem		{
				margin:6px;
				}
.lstitle		{
				font-size:12pt;
				font-weight:bold;
				color:#800;
				text-decoration:none;
				cursor:pointer;
				}
.lstitle:hover	{
				text-decoration:none;
				cursor:pointer;
				color:#ff6;
				}
.lstag			{
				font-size:8pt;
				display:inline-block;
				border:solid 1px #333;
				margin:1px;
				padding:1px;
				text-decoration:none;
				cursor:pointer;
				background:#666;
				color:#ff0;
				}
.lstag:hover	{
				background:#fcc;
				color:#007;
				text-decoration:none;
				cursor:pointer;
				}
.lsvtype		{
				background:#600;
				}
.lscategory		{
				background:#008;
				}
.subjects		{
				font-weight:bold;
				font-size:12pt;
				color:#800;
				}
.contents		{
				display:inline-block;
				margin-left:1em;
				}
.mlistarea		{
			display:inline-block;
			}
.videolistitem		{
			color:#005;
			display:inline-block;
			background:#8df;
			border-radius:12px;
			box-shadow:4px 4px 8px #000;
			text-align:left;
			padding:6px;
			margin:6px;
			width:620px;
			}
.videotitle		{
			color:#050;
			display:inline-block;
			text-align:left;
			padding:4px;
			margin:4px;
			width:600px;
			border:solid 2px #050;
			border-radius:12px;
			box-shadow:4px 4px 8px #000;
			}
.videoinfo	{
			display:table;
			text-align:left;
			padding:4px;
			margin:4px;
			}
.lscont		{
			display:inline-block;
			margin-top:2px;
			margin-bottom:2px;
			margin-left:1em;
			margin-right:1em;
			font-weight:bold;
			color:#00f;
			width:4em;
			valign:center;
			}
.lsval		{
			display:inline-block;
			margin:2px;
			width:12em;
			valign:center;
			}
.lsitem		{
			color:#080;
			font-weight:normal;
			text-decoration:none;
			}
.lsitem:hover{
			color:#f80;
			}
.videotype		{
			display:inline-block;
			color:#040;
			}
.magicplayer		{
			display:inline-block;
			color:#040;
			height:40px;
			}
.videoitem	{
			display:inline-block;
			text-align:center;
			margin-left:2em;
			}
#linkpagetitle	{
			text-align:center;
			text-shadow:2px 2px 4px #000;
			margin:5mm;
			padding:5mm;
			font-weight:bold;
			font-size:26pt;
			color:#8af;
			border-top:ridge #fea 5px;
			border-bottom:ridge #fea 5px;
			}
#linklistarea	{
				margin-left:10mm;
				margin-right:10mm;
			}
.linkitems	{
				margin-top:5mm;
				margin-bottom:5mm;
				text-align:left;
			}
.sitename	{
				font-weight:bold;
				font-size:20pt;
				margin-bottom:3mm;
			}
.siteexplain	{
				font-size:12pt;
			}
/*
#videoplayer	{
				display:inline-block;
				background:#fd8;
				border-radius:12px;
				box-shadow:4px 4px 8px #000;
				width:504px;
				text-align:center;
				margin:12px;
				}
#videocanvas	{
				height:240px;
				margin:15px;
				z-index:1;
				}
#videoinfo		{
				margin:15px;
				border:1px solid #000;
				border-radius:4px;
				width:440px;
				text-align:left;
				color:#006;
				padding:10px;
				}
*/