@charset "utf-8";
@import "karekano.css";

header h1 {
/*	background:url(../img/favicon/miku/24x24.png) no-repeat 0 100%;*/
}
header p#preamble {
}
header #relative.nav {
	right:5px;
}

/* link */
section.toc ul li a { color:#fffcf9; text-decoration:none; font-weight:bold; text-shadow:1px 1px #543; }
section.toc ul li a:hover span,
section.toc ul li a:hover { color:#fff; text-decoration:underline; }
section.toc ul li a:hover strong { color:#ff9; }
section.toc ul li a:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
}
section.toc ul li a strong { text-shadow:1px 1px #fff0f4; }

/* main */
section {
	margin:1.5em 0;
}
section h2 {	/* 58px */
	margin:4px 0 14px -1px;
	padding:10px 15px;
	width:75%;
	height:20px;
	border-radius:15px;
	line-height:20px;
}
section.toc {
	float:left;
	width:412px;
	margin-right:9px;
}
section.toc#links {
	width:522px;	/* (160+6) x 3 + 18+6 */
}
section.toc h2 {
	clear:none;
}
section.toc ul * {
	margin:0;
	padding:0;
}
section.toc ul li {
	float:left;
	clear:none;
	list-style:none;
	margin:0 6px 6px 0;
}
section.toc ul li p {
	position:relative;
	min-width:160px;
	min-height:110px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	font-size:80%;
	line-height:120%;
	background:#ccc;
}
section.toc ul li p a {
	display:block;
	padding:5px 10px 5px;
	min-width:140px;
	min-height:100px;
}
section.toc ul li p a img {
	margin-top:10px;
	border-radius:5px;
	background:rgba(255,255,255,0.12);
	box-shadow: 0 0 4px 4px rgba(255,255,255,0.12);
}

section.toc ul li p strong,
section.toc ul li p span.text {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:140px;
	padding:4px 8px;
	text-align:left;
}
section.toc ul li p strong {
	top:0;
	bottom:auto;
	padding:4px 8px;
	text-align:center;
	font-size:117%;
}

/* toc */
section#toc ul li {
	float:none;
	clear:both;
}
section.toc ul:after,
section#toc ul li:after {	/* clearfix */
	content:'';
	display:block;
	clear:both;
	height:0;
}
section#toc ul li p {
	float:left;
}
section#toc ul li p a img {
	margin-top:1.4em;
}
section#toc ul li p.image.preview {
	float:left;
	width:240px;
	min-height:168px;
	margin:0 6px 0 0;
}
section#toc ul li p.image.preview a {
	padding:0;
}
section#toc ul li p.image.preview a img {
	margin:0;
	border-radius:5px;
}
section#toc ul li#yome-loader p.preview,
section#toc ul li#yome-tube   p.preview {
	position:relative;
	z-index:5;
	float:right;
	margin:0 0 0 6px;
}
section#toc ul li#yome-search p { background:#fbd; }
section#toc ul li#yome-loader p { background:#fb8; }
section#toc ul li#yome-zone   p { background:#FFF899; }
section#toc ul li#yome-tube   p { background:#fd8; }

/* links */
section#links ul {
	margin:-10px 0 10px 0;
	padding:10px 0 10px 15px;
	border-left:6px solid #fff8fa;
}
section#links ul li#teatime p {
	width:243px;
}
section#links ul li#tamzone {
	clear:left;
}
section#links ul li#teatime p a img {
	margin-top:15px;
}

section#links ul li#teatime          p { background:#AD7C6B; }
section#links ul li#tamzone          p { background:#FF9900; }
section#links ul li#tamzone-picbbs   p { background:#873BBC; }
section#links ul li#tamzone-uploader p { background:#6680BE; }

section#links ul li#teatime-karekano p { background:#FFC3DE; }
section#links ul li#teatime-lovegear p { background:#B5D8F1; }
section#links ul li#teatime-hct      p { background:#FFF6aa; }

section#links ul li#teatime-support  p { background:#497AE1; }
section#links ul li#teatime-shop     p { background:#DDC7AF; }