@charset "UTF-8";

/*
 * base
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
article, aside, dialog, figure, figcaption, footer, header,
hgroup, nav, section { 
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
object,
iframe,
img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	font-size:100%;
}
input,
select {
	vertical-align:middle;
}

/* clearfix */
header:after,
footer:after,
hgroup:after,
article:after,
section:after,
div:after,
nav:after,
aside:after,
form:after,
ul:after,
li:after,
dl:after {
	display:block;
	clear:both;
	content:" ";
	height:0;
	overflow:hidden;
}
header,
footer,
hgroup,
article,
section,
div,
nav,
aside,
form,
ul,
li {
	/zoom:1; /* IE6,IE7 */
}

/*
 * common 
 */
body {
	background:#FFFFFF;
}
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
input[type="password"] {
	ime-mode:disabled;
		-ms-ime-mode:disabled;
}
input[type="number"] {
	text-align:right;
}
input[type="submit"],
button {
	cursor:pointer;
	white-space:nowrap;
}
nav ul {
	list-style:none;
}
/* keyframes */
@keyframes 'motion-slider-10' {
	0% {
		transform: translate(10%, 0);
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-slider-10' {
		0% {
			-webkit-transform: translate(10%, 0);
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-slider-10 {
		0% {
			-moz-transform: translate(10%, 0);
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'motion-slider-50' {
	0% {
		transform: translate(50%, 0);
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-slider-50' {
		0% {
			-webkit-transform: translate(50%, 0);
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-slider-50 {
		0% {
			-moz-transform: translate(50%, 0);
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'motion-upper' {
	0% {
		transform: translate(0, 10%);
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-upper' {
		0% {
			-webkit-transform: translate(0, 10%);
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-upper {
		0% {
			-moz-transform: translate(0, 10%);
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'motion-downer' {
	0% {
		transform: translate(0, -10%);
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-downer' {
		0% {
			-webkit-transform: translate(0, -10%);
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-downer {
		0% {
			-moz-transform: translate(0, -10%);
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'motion-advent' {
	0% {
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-advent' {
		0% {
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-advent {
		0% {
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'motion-advent-50' {
	0%,
	50% {
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-advent-50' {
		0%,
		50% {
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-advent-50 {
		0%,
		50% {
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'fade' {
	0%, 100% {
		opacity:0;
		height: 1px;
	}
	5%, 95% {
		opacity:1;
	}
}
	@-webkit-keyframes 'fade' {
		0%, 100% {
			opacity:0;
			height:0;
			overflow:hidden;
		}
		5%, 95% {
			opacity:1;
			overflow:auto;
		}
	}
	@-moz-keyframes fade {
		0%, 100% {
			opacity:0;
			height:0;
			overflow:hidden;
		}
		5%, 95% {
			opacity:1;
			overflow:auto;
		}
	}
@keyframes 'fade-in' {
	0% {
		opacity:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'fade-in' {
		0% {
			opacity:0;
		}
		100% {
		}
	}
	@-moz-keyframes fade-in {
		0% {
			opacity:0;
		}
		100% {
		}
	}
@keyframes 'fade-out' {
	0% {
	}
	100% {
		opacity:0;
	}
}
	@-webkit-keyframes 'fade-out' {
		0% {
		}
		100% {
			opacity:0;
		}
	}
	@-moz-keyframes fade-out {
		0% {
		}
		100% {
			opacity:0;
		}
	}
@keyframes 'motion-insert' {
	0% {
		height:0;
	}
	100% {
	}
}
	@-webkit-keyframes 'motion-insert' {
		0% {
			height:0;
		}
		100% {
		}
	}
	@-moz-keyframes motion-insert {
		0% {
			height:0;
		}
		100% {
		}
	}

@keyframes 'motion-scale' {
	0% {
		opacity: 0;
		transform:scale(0.9)
	}
	50% {
		opacity: 0.9;
		transform:scale(1.01)
	}
	100% {
		transform:scale(1)
	}
}
	@-webkit-keyframes 'motion-scale' {
		0% {
			opacity: 0;
			-webkit-transform:scale(0.9)
		}
		50% {
			opacity: 0.9;
			-webkit-transform:scale(1.01)
		}
		100% {
			-webkit-transform:scale(1)
		}
	}
	@-moz-keyframes motion-scale {
		0% {

			opacity: 0;
			-moz-transform:scale(0.9)
		}
		50% {
			opacity: 0.9;
			-moz-transform:scale(1.01)
		}
		100% {
			-moz-transform:scale(1)
		}
	}


/*
 * information
 */
footer.information {
	font-size:small;
}
footer.information a {
	outline:none;
	text-decoration:none;
	color:#AAAAAA;
}
footer.information a:hover {
	color:#1BA0E1;
}
footer.information a[href="http://slib.net/"]:before {
	padding:0 0.2em 0 0;
	content:"\2a";
}
footer.information a[href="http://slib.net/"]:hover {
	color:#555555;
}
footer.information a[href="http://slib.net/"]:hover:before {
	padding:0 0.2em 0 0;
	content:"\2a";
	color:#1BA0E1;
}
footer.information a[href*="/author"]:hover {
	color:#FFC211;
}
footer.information a[href*="/info/"]:hover {
	color:#6BBD46;
}
footer.information p {
	float:left;
}
footer.information ul {
	float:right;
	list-style:none;
}
footer.information ul li {
	float:left;
	margin:0 0 0 1em;
}
footer.information ul li {
}
footer.information ul li a:hover {
	text-decoration:underline;
}
footer.information ul.path {
	float:left;
}
footer.information ul.path li {
	margin:0;
}
footer.information ul.path li + li:before {
	padding:0 0.5em;
	content:"\203a";
	color:#AAAAAA;
}
footer.information ul.path li a:hover {
	text-decoration:none;
}
