/* base.css */
* { margin: 0; padding: 0; }

body {
	font-family: 'ヒラギノ角ゴ Pro W3',
				 'Hiragino Kaku Gothic Pro',
				 'メイリオ',
				 Meiryo,
				 'ＭＳ Ｐゴシック',
				 sans-serif;
}

div#popupMenu {
	position: absolute;
	display: none;
	border: 1px solid #404040;
	padding: 2px;
	background-color: #c0c0c0;
}

div#popupMenu div { padding: 0 3px; }
div#menu1 { background-color: #80ffff; }
div#menu2 { background-color: #80ff80; }
div#menu3 { background-color: #ffff80; }
div#menu4 { background-color: #ff8080; }

div#header {
	position: relative;
	width: 100%;
	overflow: hidden;
}

div.table { background-color: #c0c0c0; }
div.table td { padding: 0 2px 0 0; }
select#day { width: 112px; }

div#mekura {
	position: absolute;
	width: 13px;
	height: 41px;
	background-color: #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
div#chblock {
	position: relative;
	padding: 1px;
	left: 14px;
	height: 38px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #c0c0c0;
	overflow: hidden;
}
div#channel {
	position: relative;
	height: 38px;
}
div#channelSkeleton { display: none; }
div#channel div.channel {
	position: absolute;
	float: left;
	width: 122px;
	height: 38px;
	background-color: #c0c0c0;
	text-align: center;
	font-size: 9pt;
}
div.channel .name { margin-top: 5px; color: blue; }
div.channel .number { font-weight: bold; }

div#dummyChannelArea { height: 39px; }
div.hbar { width: 100%; height: 1px; overflow: hidden; background-color: #000000; }
div.vbar { width: 1px; background-color: #000000; }
div#base {
	position: relative;
	height: 300px;
	background-color: #808080;
	overflow: hidden;
}

div#time {
	position: absolute;
	width: 14px;
	height: 2880px;
	padding-top: 1px;
	background-color: #000000;
	font-family: sans-serif;
}
div#time div.morning, div#time div.daytime, div#time div.evening, div#time div.night {
	position: relative;
	width: 12px;
	height: 119px;
	margin-left: 1px;
	margin-bottom: 1px;
}
div#time div p {
	position: absolute;
	width: 12px;
	top: 50%;
	font-size: 8pt;
	margin-top: -0.5em;
	text-align: center;
}
div#time div#indicator {
	position: absolute;
	overflow: hidden;
	margin: -1px 0 0 1px;
	width: 12px;
	height: 3px;
	background-color: #00ff00;
	z-index: 100;
}
div#time div.reserved {
	position: absolute;
	overflow: hidden;
	right: 0;
	width: 4px;
	background-color: #ff0000;
}
div#time div.morning { background-color: #c0c0ff; }
div#time div.daytime { background-color: #ffffc0; }
div#time div.evening { background-color: #8080ff; }
div#time div.night { background-color: #4040c0; }

div#event0 {
	position: absolute;
	left: 14px;
	top: 0px;
}
div#event {
	position: absolute;
	width: 120px;
	height: 2880px;
	overflow: auto;
}
div#eventSkeleton { display: none; }
div#event div.event {
	position: absolute;
	width: 120px;
	height: 60px;
	background-color: #ffffff;
	overflow: hidden;
}
div.event .time { font-size: 8pt; border-top: 1px solid #000000; }
div.event .title { font-size: 10pt; }
div.event .detail { font-size: 9pt; }

div#tooltip {
	display: none;
	position: absolute;
	padding: 2px;
	font-size: 8pt;
	max-width: 280px;
	_width: 280px;
	border: 1px solid #000000;
	background-color: #ffffff;
	cursor: default;
	z-index: 100;
}

div.TBhide { display: none; }

