* {
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

body {
	width: 760px;
	margin: 0 auto;
}

h1 {
	margin-top: 1em;
	margin-bottom: 1em;
}

a {
	color: #00c;
	text-decoration: none;
}

	a:hover {
		color: #c00;
		font-weight: bold;
	}

.h1t {
	font-size: 16px;
}

.code {
	font-family: 'Courier New', Consolas, monospace;
}

.tip {
	color: gray;
	font-size: 12px;
	line-height: 1.5;
}

.errmsg {
	margin: 15px 0;
	color: #c00;
	font-weight: bold;
	line-height: 1.5;
}

.search {
	margin: 18px 0;
}

.input {
	padding: 8px 12px;
	border: 1px solid #ccc;
	width: 500px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.35;
	color: #555;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

	.input:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
	}

.cat {
	margin: 18px 0;
}

	.cat a {
		margin-left: 15px;
		font-size: 18px;
		cursor: pointer;
	}

		.cat a.none {
			color: #666;
		}

		.cat a.on {
			color: #c00;
			text-decoration: underline;
		}

		.cat a:hover {
			font-weight: normal!important;
		}

		.cat a span {
			margin-left: 4px;
			font-size: 12px;
			color: #333;
		}

		.cat.all a span {
			display: none;
		}

.info {
	margin: 18px 0;
}

	.info .name {
		font-weight: bold;
	}

.file {
	padding-bottom: 15px;
}

	.file p {
		line-height: 1.3;
	}

		.file p a {
			font-size: 21px;
		}

		.file p span {
			font-size: 14px;
			color: gray;
		}