/* 表示用HTML適用スタイルシート */
/* 基本配色：水色色ベース */

/*
背景色：#F0F8FF
タイトル背景：#3399FF
タイトル文字：#FFFFFF
動画縁取り：#ADD8E6
スライド縁取り：#eeeeee
メニュー背景：

メニュー強調：#6495ED
*/

	/* 背景指定 */
	body
	{
	background-color:#F0F8FF
	}

	/* 画面全体を構成しているテーブル */
	table.mainframe {
	width: 100%;
	height: 100%;
	}

	/* タイトルヘッダ */
	td.title {
	background-color: #3399FF;
	padding: 0.2em;				/* 文字周辺の余白 */
	}
	
	/* スライドコンテンツフレーム */
	table.contentsframe {
	width: 95%;
	height: 100%;
	
	}

	/* タイトル文字 */
	span.title {
	font-size: x-small;
	color:#FFFFFF;
	font-weight : bold;
	}

	/* 動画 */
	td.mediaplayer {
	//width: 340px;
	vertical-align: middle;
	//vertical-align: top;
	}

	/* 動画のみの場合 */
	td.mediaplayeronly {
	width: 100%;
	vertical-align: top;
	text-align: center;
	}

	/* 動画縁取り */
	div.mediaplayer {
	background-color: #ADD8E6;
	padding: 1em;
	text-align:center;	
	}


	/* スライド */
	td.slide {
	border-color: #eeeeee;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	}

	/* メニュー縁取り */
	td.webmenu {
	border-color: #eeeeee;
	border-width: 2px;
	border-style: solid;
	}
	
	/* スライドエリア表示用タイトル */
	td.foldertitle {
	border-color: #eeeeee;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #F0F8FF;
	font-size: x-large;
	text-align:center;
	}
	
	/******** webMenu用 **************/	
	BODY.menu {
	font-size: x-small; 
	color: #000000; 
	background-color: #FFFFFF;
	}
	
	#menu TD.root{
	background-color: #3399FF;
	padding: 4px;
	font-size: x-small;
	color: #FFFFFF;
	}
	
	#menu TD.folder{
	background-color: #3399FF;
	padding: 4px;
	font-size: x-small;
	color: #FFFFFF;
	}
	
	#menu TD.root a{color:#FFFFFF;text-decoration:none;}
	#menu TD.folder a{color:#FFFFFF;text-decoration:none;}
	
	#menu a:hover {font-size:x-small;background-color: #FFFFFF;color: #FF0000;}
	
	#menu TABLE {
	font-size: x-small;
	border: 0pt;
	background-color: white;
	padding: 1px;
	margin:2px;
	width: 100%;
	}
	
	#menu TD {font-size: x-small; color: black; background-color: white;}　
	#menu TH {font-size: x-small; color: black; background-color: white;}