@CHARSET "UTF-8";

* {
	margin: 0; padding: 0;
	font-family: 맑은 고딕;
	white-space: nowrap;
	text-decoration: none;
	color: #000;
}
html, body { width: 100%; height: 100%; }
li { list-style-type: none; }

h1 { height: 100%; }
#tjfaudcnd { position: absolute; top: 0; left: 0; }
#header, #header menu { height: 66px; }
#header { background-color: #bdf; }
	#header h1 { text-align: center; }
	#header menu { position: absolute; top: 0; right: 0; }
		#header li { width: 100%; }
	#query { width: 70px; border: 1px solid #aaa; }
#dayMenu, #yearMenu, #aniList { height: calc(100% - 66px); }
#dayMenu, #yearMenu { width: 10%; float: left; overflow: hidden; }
	#dayMenu li,
	#yearMenu li {
		margin: 0;
		text-align: center;
		background-color: #cef;
		cursor: pointer;
		transition: 0.5s;
	}
	#dayMenu li:hover,
	#yearMenu li:hover {
		background-color: #dff;
		color: #c30;
	}
	#dayMenu  li { padding: 15px 0; }
	#yearMenu li { padding: 2px; }
#aniList { width: 90%; float: left; overflow: auto; }
	#aniList .ani-list:hover,
	#aniList .ani-list:hover>div.time,
	#aniList .ani-list:hover>div.ani { background-color: #cef; }
	#aniList .ani:hover { color: #c30; cursor: pointer; }
	#aniList .day, #aniList .time, #aniList .ani { padding: 5px 0; }
	#aniList h2, .episode, .date, .name { cursor: pointer; }
	#aniList .day,
	#aniList .year { width: 20%; clear: both; text-align: center; background-color: #def; }
	#aniList .time { width: 15%; float: left; text-align: center; overflow: hidden; }
	#aniList .ani  { width: 82%; float: left; overflow: hidden; }
	.aratana  { color: #f00 }
	.kanketsu { color: #06f }
.ani-info { height: 0; clear: both; overflow: hidden; background-color: #fff; }
	.ani-info h2:hover { color: #c30; }
	.ani-info li { height: 30px; }
	.ani-info li:hover { background-color: #cef; }
	.ani-info li:hover .name { color: #c30; }
	.ani-info li div { height: 100%; }
	.episode { width: 70px;    text-align: cetner; float: left; }
	.date    { width: 100px;   text-align: cetner; float: left; }
	.name    {                                     float: left; }
	.cache   { font-size: 80%; text-align: right;  float: right;}


/* 필터링 */
#rangeForm,
#makerForm,
fieldset,
legend { margin: 0 10px 10px; }
fieldset { border: 1px solid #000; }
#ep { width: 30px; }
#makerForm input { width: 200px; }
#filterList button { color: #c00; padding: 2px; }