@charset "utf-8";

/*----------------------------------------------------------------
 ニコニコチャート 汎用スタイルシート
 Copyright (c) 2007-2008 nicochart (http://www.nicochart.jp/)
----------------------------------------------------------------*/

/* 初期化 */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}

/*----------------------------------------------------------------*/
/* 基本構成 */

body {
	padding-bottom: 2em;
	font-size: 84%;
	line-height: 1;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #eee;
	background-color: #222;
	/* IE用 */
	word-break: break-all;
}
#wrapper {
	position: relative;
	width: 65em;
	margin-left: 4em;
	margin-top: 2em;
	padding-top: 8em;
	background: url('../images/wrapper.gif') 100% 100% no-repeat;
}
address {
	clear: both;
	text-align: center;
	font-size: 75%;
	letter-spacing: 0.3em;
	border-top: 2px solid #444;
}
	address a:link,
	address a:visited,
	address a:active,
	address a:hover {
		color: #ddd;
		border: none;
	}
#pageinfo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.8em;
	margin: 0;
	background: #000 url('../images/pageinfo.gif') 0 100% repeat-x;
}
	#pageinfo ul {
		position: absolute;
		top: 0;
		left: 4em;
		width: 65em;
		margin: 0;
	}
	#lastupdate,
	#clock,
	#topright,
	#cpu {
		position: absolute;
		list-style-type: none;
		color: #686;
	}
	#lastupdate {
		left: 0;
	}
	#clock {
		left: 17em;
	}
		#clock span {
			margin-left: 2em;
			color: #8c8;
		}
	#topright {
		right: 0;
	}
		#topright a {
			color: #686;
			border: none;
		}
	#cpu {
		left: -3.5em;
		font-size: 0.8em;
		color: #353;
	}

/*----------------------------------------------------------------*/
/* ヘッダー */

#logo {
	position: absolute;
	top: 0.5em;
	left: 0;
	margin: 0;
	width: 17em;
	height: 4.2em;
	line-height: 1;
	background: url('../images/logo.gif') -15% 0 repeat-x;
}
	#logo a {
		display: block;
		padding-top: 0.2em;
		color: #cec;
		font-size: 240%;
		border-bottom: 3px dotted #686;
	}
	#logo a:hover {
		color: #fff;
		border-bottom-color: #cfc;
	}
	#logo span {
		display: block;
		text-align: right;
		color: #464;
		font-size: 80%;
		letter-spacing: 0.2em;
	}
#topform {
	position: absolute;
	top: 0;
	left: 22em;
}
	#topform p {
		float: left;
		margin: 1.7em 0 0 0;
	}
		.simple-form .inputHighlighted,
		.simple-form .text {
			width: 15em;
		}
		.simple-form .button {
			width: 10em;
		}
	#topform ul {
		float: left;
		margin: 0.8em 0 0 0.5em;
	}
		#topform ul li {
			list-style-type: none;
			color: #668;
			font-size: 0.8em;
			margin-bottom: 0.2em;
		}
		#topform ul input {
			width: 16px;
			height: 16px;
		}
		#topform ul label {
			padding-left: 0.2em;
		}
#rankinglink {
	position: absolute;
	top: 0.5em;
	right: 0;
	text-align: center;
	line-height: 1;
	background: url('../images/nicovideo_logo.gif') 50% 0 no-repeat;
}
	#rankinglink a {
		display: block;
		width: 7em;
		padding: 3em 0.2em 0.2em 0.2em;
		font-size: 80%;
		border: 1px dashed #666;
	}
		#rankinglink a span {
			display: block;
		}
	#rankinglink a:link,
	#rankinglink a:visited,
	#rankinglink a:active {
		color: #aaa;
	}
	#rankinglink a:hover {
		color: #fff;
		border: 1px solid #fff;
	}
#menu {
	z-index: 3;
	position: absolute;
	top: 5.4em;;
	left: 0;
	width: 100%;
	margin: 0;
	border: 1px solid #000;
	background: #334 url("../images/menu.gif") repeat-x;
}
	#menu li {
		float: left;
		width: 16%;
		list-style-type: none;
		line-height: 1;
	}
		#menu li a {
			display: block;
			height: 1em;
			padding: 0.2em 0 0.2em 0.5em;
			border-right: 1px solid #000;
			border-bottom: none;
			color: #88a;
		}
		#menu li a:hover {
			color: #fff;
			background: #668 none;
		}
		#menu li.new a {
		}

/*----------------------------------------------------------------*/
/* 基本要素 */

h1 {
	margin-bottom: 1em;
	padding: 0.6em 0 0 1.1em;
	color: #fff;
	font-size: 220%;
}
	h1 em {
		color: #ffc;
		font-weight: bold;
	}
h2 {
	clear: both;
	margin-bottom: 1em;
	padding: 0.3em 0;
	color: #eee;
	text-indent: 2.1em;
	font-size: 110%;
	line-height: 1.2;
	border-width: 1px;
	border-style: solid;
	border-color: #444 #000 #000 #444;
	background: #222 url("../images/h2.gif") repeat;
}
	h2 em {
		color: #8fa;
		font-weight: bold;
	}
	h2 span {
		margin-left: 0.5em;
		padding: 0.1em 0.2em;
		font-size: 0.9em;
		color: #ccc;
		background-color: #222;
		border-width: 1px;
		border-style: solid;
		border-color: #000 #444 #444 #000;
	}
	h2 a {
		padding: 0.1em 0.2em;
		font-size: 0.9em;
	}
		h2 a:link,
		h2 a:visited {
			color: #888;
			background-color: #222;
			border: 1px solid #666;
		}
		h2 a:hover {
			color: #fff;
			background-color: #644;
			border: 1px solid #fcc;
		}
h3 {
	margin-bottom: 0.5em;
	padding: 0.5em 0 0.5em 0.4em;
	border-left: 2em solid #000;
	border-bottom: 0.1em solid #000;
}
h4 {
	padding-left: 2.4em;
	font-weight: bold;
	border-bottom: 1px solid #666;
}
a {
	text-decoration: none;
}
	a:link {
		color: #8df;
		border-bottom: 1px solid #08a;
	}
	a:visited {
		color: #4af;
		border-bottom: 1px solid #06a;
	}
	a:active {
		color: #f44;
		border-bottom: none;
	}
	a:hover {
		color: #fff;
		border-bottom: none;
	}
	a.img:link,
	a.img:visited,
	a.img:active,
	a.img:hover {
		border: none;
	}
	a:link.nv,
	a:visited.nv {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
	}
	a:active.nv,
	a:hover.nv {
		border: none;
	}
img {
	vertical-align: middle;
}
p, ul, ol, dl, pre {
	margin-left: 2.4em;
	margin-bottom: 2em;
}
p, li, dt, dd, th, td, pre {
	line-height: 1.6;
}
ul li {
	list-style-type: disc;
}
dt {
	margin-bottom: 0.2em;
}
dd {
	margin-bottom: 0.8em;
}
table {
	margin-bottom: 2em;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #888;
}
	caption {
		padding: 0.1em 0.6em;
		text-align: center;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #888;
		background-color: #222;
	}
	th {
		padding: 0 0.75em;
		text-align: center;
		background: #444 url("../images/th.gif") repeat-x;
		border: 1px solid #444;
	}
		tr.second th {
			background-image: none;
		}
	td {
		padding: 0 0.75em;
		border: 1px solid #000;
	}
fieldset {
	border: 1px solid #444;
}
	legend {
		color: #aaa;
	}
select {
	color: #224;
	background-color: #fff;
}
textarea,
input {
	vertical-align: middle;
	font-size: 100%;
}
	.inputHighlighted,
	select,
	input.text {
		height: 1.6em;
		line-height: 1.6;
		padding: 0.1em 0.2em;
	}
	.inputHighlighted,
	textarea,
	input.text {
		color: #fff;
		background-color: #224;
		border-width: 2px;
		border-style: solid;
		border-color: #000 #555 #555 #000;
	}
	.inputHighlighted {
		color: #fff;
		background-color: #336;
	}
	input.button {
		height: 2em;
		margin: 0.1em 0;
		font-size: 1em;
		letter-spacing: 0;
		color: #fff;
		background: #334;
		border-width: 2px;
		border-style: solid;
		border-color: #556 #040404 #040404 #556;
	}
q,
.detail .caption,
.mylist .description,
.quote {
	background-color: #333;
}
.quote {
	margin-left: 1em;
	margin-bottom: 2em;
	padding: 0.5em 0 0.5em 1em;
}
	.quote p,
	blockquote p,
	blockquote pre {
		margin: 0;
	}
	blockquote p,
	blockquote pre {
		margin-bottom: 1em;
	}
strong {
	font-weight: bold;
}
ins {
	text-decoration: none;
}
.through,
del {
	text-decoration: line-through;
}
dfn {
	margin: 0 0.5em;
	font-weight: bold;
}
p em {
	margin: 0 0.5em;
	color: #8c8;
}

/*----------------------------------------------------------------*/
/* ツールチップ */

.bubbleTooltips {
	z-index: 10;
	position: relative;
	margin-top: 2em;
	padding: 0.5em 1.5em;
	color: #fff;
	background-color: #666;
	border: 2px solid #888;
}
.bubbleTooltips div {
	line-height: 1.4;
}

/*----------------------------------------------------------------*/
/* 汎用クラス */

strong,
.miss,
.close,
.restriction,
.del {
	color: #e88;
}
ins,
.over10,
.caution,
.new {
	color: #eeb;
}
.day90 {
	color: #cde;
}
.stale,
.day180 {
	color: #88a;
}
.day365 {
	color: #6a6;
}
.up {
	color: #a66;
}
.down {
	color: #66a;
}
.keep {
	color: #6a6;
}
.sat {
	color: #84f;
}
.holiday,
.sun {
	color: #f84;
}
.public,
.adult,
.fanbook,
.tagover {
	color: #8e8;
}
.premium,
.star {
	color: #fd8;
}
.url {
	color: #a8c;
}
.hidden {
	color: #000;
}
.over50 {
	color: #fc8;
}
.over100 {
	color: #f84;
}
.weak,
.total .date span,
.topright dt span,
.detail .name span,
.cloud span {
	color: #aaa;
	font-size: x-small;
}
.mylist .id,
.memo dt,
.blog h2 a:link,
.blog h2 a:visited,
.blog h2 a:active,
.blog h2 a:hover {
	color: #fc8;
	font-weight: bold;
}
.arrow {
	margin: 0 0.2em 0 0.5em;
	color: #def;
}
.notice {
	margin-top: 6em;
	margin-bottom: 8em;
}
.ascii-art {
	line-height: 1.1;
	font-family: "Mona", "IPA MONAPGOTHIC", "MS PGothic", "ＭＳ Ｐゴシック", "MS Pｺﾞｼｯｸ", "MS Pゴシック", sans-serif;
}

/*----------------------------------------------------------------*/
/* はてなブックマーク数・livedoorクリップ数 */

.htb a {
	padding: 0.125em 0.4em;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.htb a:link,
.htb a:visited,
.htb a:hover {
	color: #00f; 
	background-color: #eee;
	border-bottom: 1px solid #00f;
}
.hot a:link,
.hot a:visited,
.hot a:hover {
	color: #f66; 
	background-color: #fee;
	border-bottom: 1px solid #f66;
}
.popular a:link,
.popular a:visited,
.popular a:hover {
	color: #f00;
	background-color: #fcc;
	border-bottom: 1px solid #f00;
}

/*----------------------------------------------------------------*/
/* クラウドリスト */

.cloud {
	margin-bottom: 1em;
	line-height: 1;
}
.cloud li {
	display: inline;
	color: #888;
}
.cloud .c10 {	font-size: 2em;		}
.cloud .c9 {	font-size: 1.9em;	}
.cloud .c8 {	font-size: 1.8em;	}
.cloud .c7 {	font-size: 1.7em;	}
.cloud .c6 {	font-size: 1.6em;	}
.cloud .c5 {	font-size: 1.5em;	}
.cloud .c4 {	font-size: 1.4em;	}
.cloud .c3 {	font-size: 1.2em;	}
.cloud .c2 {	font-size: 1em;		}
.cloud .c1 {	font-size: 0.9em;	}
.category,
.category a:link,
.category a:visited,
a.category:link,
a.category:visited {
	color: #eaa;
	border-bottom-color: #c88; 
}
.extra,
.extra a:link,
.extra a:visited,
a.extra:link,
a.extra:visited,
.system,
.system a:link,
.system a:visited,
a.system:link,
a.system:visited {
	color: #da8;
	border-bottom-color: #a86; 
}
.genre,
.genre a:link,
.genre a:visited,
a.genre:link,
a.genre:visited {
	color: #dda;
	border-bottom-color: #aa8; 
}
.only,
.only a:link,
.only a:visited,
a.only:link,
a.only:visited {
	color: #aaa;
	border-bottom-color: #888; 
}
.category a:hover,
.genre a:hover,
.only a:hover,
a.category:hover,
a.extra:hover,
a.system:hover,
a.genre:hover,
a.only:hover {
	color: #fff;
	border-bottom-color: #fff; 
}
.cloud a.nv:link,
.cloud a.nv:visited,
.cloud a.nv:active,
.cloud a.nv:hover {
	border: none;
}
.cloud .nv {
	margin-right: 2px;
}
.nv-icon img,
.cloud img {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	padding: 0.3em 0;
}

/*----------------------------------------------------------------*/
/* 画像 */
/*
1em = 13.467px
0.0742em = 1px
*/

.rss img {
	width: 3.56em;
	height: 1.11em;
}
img.nico-icon {
	width: 1.18em;
	height: 1.18em;
}
.bookmark img.icon {
	width: 1.55em;
	height: 1.55em;
}
.hatena img.icon {
	width: 1.18em;
	height: 0.89em;
}
img.nicobanr {
	width: 17.81em;
	height: 2.97em;
	border: 0.3em solid #aaa;
}

/*----------------------------------------------------------------*/
/* トップページ */

.toppage .description {
	margin-bottom: 0.5em;
}
.toppage .option-menu {
	text-align: left;
	margin-bottom: 0.5em;
}
.toppage .toppage-form {
	position: absolute;
	top: 8em;
	right: 0;
}
	.toppage .toppage-form li {
		list-style-type: none;
	}
	.toppage .toppage-form p {
		margin: 0;
	}
	.toppage .toppage-form .inputHighlighted,
	.toppage .toppage-form .text {
		width: 12.2em;
	}
	.toppage .toppage-form .button {
		width: 4.2em;
	}
.blog .blog-menu,
.toppage .contents {
	float: right;
	width: 27%;
}
	.toppage .contents-menu li {
		list-style-type: square;
	}
.blog .blog-main,
.toppage .ranking {
	float: left;
	width: 71%;
}
.toppage .continue {
	text-align: right;
}
.toppage .ranking-search p {
	margin-bottom: 1em;
}
.toppage .ranking-search .inputHighlighted,
.toppage .ranking-search .text {
	width: 18em;
}
.toppage .ranking-search .button {
	width: 10em;
}
.calendar {
	margin-left: 0;
}
.calendar th {
	padding: 0;
	font-size: 0.8em;
	background-image: none;
}
	.calendar .first th {
		background-image: url("../images/th.gif");
	}
.calendar td {
	padding: 0;
	width: 1em;
}
	.calendar td a:link,
	.calendar td a:visited,
	.calendar td a:hover,
	.calendar td a:active {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 1;
	}
	.calendar td a:link {
		background-color: #8df;
	}
	.calendar td a:visited {
		background-color: #4af;
	}
	.calendar td a:hover {
		background-color: #fff;
	}
	.calendar td a:active {
		background-color: #f44;
	}
	.calendar td a {
		border: none;
		margin-bottom: 3px;
	}
	.calendar td.holiday a {
		border-bottom: 3px solid #fc4;
		margin-bottom: 0;
	}
	.calendar td.sun a {
		border-bottom: 3px solid #f84;
		margin-bottom: 0;
	}
	.calendar td.sat a {
		border-bottom: 3px solid #84f;
		margin-bottom: 0;
	}

/*----------------------------------------------------------------*/
/* 検索ページ */

.ranking-header {
	float: left;
	width: 45em;
}
.hot-chart .ranking-header {
	width: 40em;
}
.ranking .ranking-tag {
	width: 19em;
	margin: 0 0 0.5em 45.2em;
	background-color: #333;
	border: 2px solid #666;
}
.hot-chart .ranking-tag {
	width: 24em;
	margin: 0 0 0.5em 40.2em;
}
	.ranking .ranking-tag h2 {
		clear: none;
		margin: 0;
		text-indent: 0.5em;
		background: #444 url("../images/th.gif") repeat-x;
		border: none;
		border-bottom: 1px solid #000;
	}
	.ranking .ranking-tag .tag-cloud {
		margin: 0.4em;
	}
	.ranking .ranking-tag p {
		margin: 1em;
	}
.ranking h2,
.search h2 {
	margin-bottom: 0.5em;
}
.ranking-week {
	margin-bottom: 0;
}
.ranking-header .ranking-type {
	margin-bottom: 0.5em;
}
	.ranking-week em,
	.ranking-week a {
		font-size: 1.3em;
		font-weight: bold;
	}
.hot-chart .ranking-type {
	margin-bottom: 0;
}
.option-menu {
	margin-bottom: 0;
	text-align: right;
}
	.ranking-week li,
	.ranking-type li,
	.option-menu li,
	.pager li {
		display: inline;
	}
	.ranking-week em,
	.ranking-type em,
	.option-menu em {
		padding: 0 0.2em;
		color: #fff;
		border: 1px solid #888;
	}
	.option-menu .sp {
		padding-left: 0.4em;
		background: url('../images/sp.gif') 0 0.1em no-repeat;
	}
		.option-menu li a:link,
		.option-menu li a:visited {
			padding: 0 0.2em;
			color: #888;
			border: 1px solid #666;
		}
		.option-menu li a:hover {
			color: #fff;
			background-color: #464;
			border: 1px solid #cfc;
		}
.pager {
	margin-bottom: 0;
	text-align: right;
}
	.pager li {
		margin-left: 0.2em;
	}
	.pager a {
		font-size: 2em;
	}
	.pager em {
		font-size: 3em;
		font-weight: bold;
	}
.result-list {
	clear: both;
	position: relative;
	padding-top: 0.1em;
}
.api {
	position: absolute;
	top: 0;
	right: 0.5em;
	padding: 0.4em 0;
}
	.api img {
		width: 1.3em;
		height: 1.3em;
		border: 1px solid #000;
	}
.result-list ul,
.result-list ol {
	margin-left: 0;
}
.result-list li {
	z-index: 2;
	list-style-type: none;
}
	.result-list ol li {
		padding-top: 1em;
	}
		.result-list ol ul li {
			padding-top: 0;
		}
	.result-list ol ul {
		position: relative;
		width: 100%;
	}
	.ranking .result-list ol ul {
		height: 4em;
	}
	.search .result-list ol ul {
		height: 2.5em;
	}
	.hot-chart .result-list ol ul {
		height: 6.5em;
	}
		.result-list .view em,
		.result-list .res em,
		.result-list .mylist em {
			margin-left: 0.2em;
			color: #fff;
			font-weight: bold;
		}
.result-list .rank {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.2em;
	text-align: right;
	color: #666;
	font-size: 3.8em;
	line-height: 1;
	font-weight: bold;
}
.hot-chart .result-list .rank {
	top: 0.2em;
	left: -0.5em;
	font-size: 5em;
}
	.place-over .rank {
		width: 3em;
		font-size: 3em;
	}
	#rank1 .rank,
	#rank2 .rank,
	#rank3 .rank {
		color: #fd8;
	}
.ranking .result-list .chart {
	position: absolute;
	top: 3em;
	left: 0;
	width: 3.5em;
	text-align: right;
	font-weight: bold;
}
.hot-chart .result-list .chart {
	top: 5em;
}
.ranking .result-list .point {
	position: absolute;
	top: 3em;
	left: 3.5em;
	width: 5em;
	color: #fff;
	text-align: right;
	font-weight: bold;
}
.hot-chart .result-list .point {
	top: 5em;
}
.result-list .thumbnail {
	position: absolute;
	top: 0;
	left: 9.5em;
}
	.result-list .thumbnail img {
		width: 3.4em;
		height: 2.5em;
	}
	.hot-chart .result-list .thumbnail img {
		width: 7.12em;
		height: 5.34em;
	}
	.ranking .result-list .thumbnail {
		margin-top: 0.6em;
	}
		.thumbnail a {
			display: block;
		}
		.thumbnail img {
			margin: 3px;
		}
		.thumbnail a:link {
			border: 1px dashed #fc8;
		}
		.thumbnail a:visited {
			border: 1px dashed #888;
		}
		.thumbnail a:hover {
			border: 1px solid #fff;
		}
.result-list .site {
	position: relative;
	display: inline;
	margin-left: 14.5em;
}
	.result-list .site a {
		color: #888;
		border: 1px solid #666;
	}
	.result-list .site a.ameba {
		color: #e88;
		border-color: #844;
	}
.result-list .first-retrieve,
.result-list .release {
	position: relative;
	display: inline;
	margin-left: 0.8em;
}
.result-list .length,
.result-list .run-time {
	position: relative;
	display: inline;
	margin-left: 0.8em;
}
.result-list .info {
	position: relative;
	display: inline;
	margin-left: 0.8em;
}
	.result-list .info em {
		font-weight: normal;
	}
.ranking .result-list .title {
	position: absolute;
	top: 2.8em;
	left: 14.5em;
}
	.result-list .title .htb {
		margin-left: 0.8em;
	}
.search .result-list .title,
.ranking .result-list .view {
	position: absolute;
	top: 1.4em;
	left: 14.5em;
}
.ranking .result-list .res {
	position: absolute;
	top: 1.4em;
	left: 23em;
}
.ranking .result-list .mylist {
	position: absolute;
	top: 1.4em;
	left: 31.6em;
}
.result-list .name {
	position: absolute;
}
	.ranking .result-list .name {
		top: 1.4em;
		left: 40.3em;
	}
	.search .result-list .name {
		top: 1.4em;
		left: 0;
		display: none;
	}
.result-list .reserve {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.hot-chart .result-list .site {
	margin-left: 18.5em;
}
.hot-chart .result-list .title {
	left: 18.5em;
}
.hot-chart .result-list .view {
	left: 18.5em;
}
.hot-chart .result-list .res {
	left: 27em;
}
.hot-chart .result-list .mylist {
	left: 35.6em;
}
.hot-chart .result-list .summary {
	position: absolute;
	top: 4.8em;
	left: 20.5em;
	color: #aaa;
	font-size: 0.9em;
}
.hot-chart .result-list .last-res-body {
	position: absolute;
	top: 6.75em;
	left: 20.5em;
	width: 48em;
	padding: 0 0.5em;
	font-size: 0.9em;
	border: 2px solid #444;
}
.hot-chart .result-list .nicochart {
	position: absolute;
	top: 6.3em;
	left: 9.5em;
}
	.hot-chart .result-list .nicochart a:link,
	.hot-chart .result-list .nicochart a:visited,
	.hot-chart .result-list .nicochart a {
		color: #687;
		border: none;
	}
.hot-chart .result-list .category-tag {
	z-index: 1;
	position: absolute;
	top: 0.05em;
	right: 0;
	width: 100%;
	text-align: right;
	color: #303030;
	font-size: 6em;
	line-height: 1;
	font-weight: bold;
}
.hot-chart .result-list .tags {
	position: absolute;
	top: 8em;
	left: 0;
	width: 100%;
	text-align: right;
}
	.hot-chart .result-list .tags li {
		font-size: 0.7em;
	}
.mylist .name a:link,
.mylist .name a:visited,
.result-list .name a:link,
.result-list .name a:visited {
	color: #868;
	border: none;
}
.hot-chart .result-list .nicochart a:active,
.hot-chart .result-list .nicochart a:hover,
.mylist .name a:active,
.mylist .name a:hover,
.result-list .name a:active,
.result-list .name a:hover {
	color: #fff;
}
.text-chart .result-list {
	overflow: hidden;
	width: 100%;
}
	.text-chart .result-list ol {
		position: relative;
		width: 110%;
	}
		.text-chart .result-list ol li {
			position: relative;
			margin: 0.1em 0;
			padding: 0 0 0 1em;
			color: #888;
		}
.text-chart ol li {
	border-left: 1.4em solid #eee;
}
	.text-chart .new {
		border-left-color: #eeb;
	}
	.text-chart .day90 {
		border-left-color: #cde;
	}
	.text-chart .day180 {
		border-left-color: #88a;
	}
	.text-chart .day365 {
		border-left-color: #6a6;
	}
.text-chart .result-list .chart {
	position: static;
	margin-left: 0.2em;
	font-weight: bold;
}
.text-chart .result-list .point {
	position: static;
	font-weight: normal;
}
.text-chart .result-list .arrow {
	margin: 0 0.2em;
	color: #888;
	font-size: 0.75em;
}
.text-chart #list-header {
	padding: 1em 0 0 2.4em;
	color: #ccc;
	border-bottom: 1px solid #444;
	border-left: none;
}
.text-chart #rank10,
.text-chart #rank20,
.text-chart #rank30,
.text-chart #rank40,
.text-chart #rank50,
.text-chart #rank60,
.text-chart #rank70,
.text-chart #rank80,
.text-chart #rank90,
.text-chart #rank100 {
	margin-bottom: 1em;
}
.video-site {
	float: left;
}
.search-site {
	float: right;
}
.video-site,
.search-site {
	width: 49%;
	margin: 0 0 2em 0;
}
	.video-site li,
	.search-site li {
		margin-left: 2.4em;
	}

/*----------------------------------------------------------------*/
/* フォーム・ナビゲーション */

.navigation {
	width: 49%;
	float: right;
}
	.navigation h2,
	.navigation p {
		margin-bottom: 1em;
	}
p.simple-form {
	margin-bottom: 1em;
}
.top-link li {
	list-style-type: none;
	text-align: right;
}
.other-site,
.search-form {
	clear: both;
	width: 49%;
	float: left;
	margin-bottom: 1em;
}
	.other-site ul {
		margin-bottom: 1em;
	}
.search-form form {
	border: 1px solid #444;
}
.search-form dl {
	margin: 1em 0 0 0;
}
.search-form dt {
	clear: left;
	float: left;
	margin-bottom: 0.5em;
	width: 8em;
	text-align: right;
}
.search-form dd {
	margin: 0 0 0.5em 8.5em;
}
	.search-form dd span {
		color: #888;
	}
	.search-form .sort input,
	.search-form dd span {
		margin-left: 0.5em;
	}
	.search-form .word input {
		width: 16em;
	}
	.search-form .tag input {
		width: 16em;
	}
	.search-form .object select,
	.search-form .sort select,
	.search-form .delete select {
		width: 10em;
	}
	.search-form .date input,
	.search-form .span input {
		width: 6em;
	}
	.search-form .hatena input {
		width: 4em;
	}
	.search-form .view input,
	.search-form .res input,
	.search-form .mylist input {
		width: 6em;
	}
.search-form p {
	margin: 0 0 1em 8.5em;
}
	.search-form p .button {
		width: 10em;
	}

/*----------------------------------------------------------------*/
/* 個別チャートページ */

.detail h1 {
	z-index: 2;
	position: relative;
}
.detail p.video-id {
	z-index: 1;
	position: absolute;
	top: 0.4em;
	right: 0;
	margin: 0 0.1em 0 0;
	color: #333;
	letter-spacing: -0.12em;
	font-size: 8.5em;
	font-weight: bold;
}
.detail p.information {
	z-index: 2;
	position: relative;
}
.detail .thumbnail {
	float: right;
	margin: 0 0 1em 0;
	background: #000 url('../images/loadinfo.gif') 50% 50% no-repeat;
}
.detail .thumbnail img {
	width: 19.305em;
	height: 14.85em;
}
.detail .bookmark {
	float: right;
	margin: 0 1em 0 0;
}
	.detail .bookmark li {
		margin-bottom: 1em;
		text-align: right;
		list-style-type: none;
	}
		.bookmark li a:link,
		.bookmark li a:visited,
		.bookmark li a:active,
		.bookmark li a:hover {
			border: none;
		}
			.detail .bookmark li img.icon {
				margin-left: 0.2em;
			}
.detail dl {
	margin: 0;
}
	.detail dt {
		clear: left;
		float: left;
		width: 6em;
		color: #888;
		text-align: right;
		font-weight: bold;
	}
	.detail dt.caption {
		margin-top: 0.5em;
	}
	.detail dd {
		margin-left: 6.5em;
		color: #fff;
	}
		.detail dd em {
			font-weight: bold;
		}
			.detail .caption blockquote {
				padding: 0.5em 1em;
			}
				.detail .caption blockquote p {
					margin: 0;
				}
			.detail .caption span {
				color: #666;
			}
		.detail .cloud {
			margin-left: 0;
		}
.detail .release span,
.detail .date {
	color: #aaa;
}
.detail p.date {
	margin-left: 6.5em;
}
	.detail .date a {
		padding: 0.2em 0.4em;
		color: #888;
		font-size: 0.9em;
		border: 1px solid #444;
	}
		.detail .date a:hover {
			color: #fff;
			border: 1px solid #888;
		}
.detail .point-data {
	position: relative;
	padding-top: 0.1em;
}
.detail .pts {
	clear: both;
	margin-bottom: 0;
}
	.detail .pts li {
		width: 48%;
		list-style-type: none;
	}
	.detail .pts .weekly-nico {
		float: left;
	}
	.detail .pts .weekly-voca {
		float: right;
	}
	.detail .pts .monthly-nico {
		clear: both;
		float: left;
	}
	.detail .pts .monthly-voca {
		float: right;
	}
	.detail .pts .weekly-imas {
		clear: both;
		float: left;
		margin-bottom: 1em;
	}
		.detail .pts a:link,
		.detail .pts a:visited {
			color: #ddd;
			border-bottom-color: #666;
		}
		.detail .pts a:hover {
			border: none;
		}
		.detail .pts em {
			color: #fea;
			font-weight: bold;
		}
.detail .point-table {
	clear: both;
	margin-bottom: 2em;
}
.detail .scroll {
	overflow: auto;
	height: 60em;
	border: 1px solid #444;
}
.detail table {
	margin-bottom: 0;
	clear: both;
}
.detail th {
	padding: 0 0.2em;
}
.detail td {
	text-align: right;
	padding: 0.1em 0.4em;
}
	.detail td a {
		display: block;
		float: left;
		margin-right: 0.2em;
		font-weight: bold;
	}
		.detail td a:link,
		.detail td a:visited {
			color: #8fa;
			border: none;
		}
	.detail td em a {
		font-weight: normal;
		font-size: 0.75em;
	}
		.detail td em a:link,
		.detail td em a:visited {
			color: #fd8;
			border: none;
		}
		.detail td a.miss,
		.detail td a.caution {
			display: inline;
			float: none;
			margin-right: 0;
			font-weight: normal;
		}
		.detail td a.miss:link,
		.detail td a.miss:visited {
			color: #e88;
			border: none;
		}
		.detail td a.caution:link,
		.detail td a.caution:visited {
			color: #eeb;
			border: none;
		}
		.detail td a:hover,
		.detail td em a:hover,
		.detail td a.miss:hover,
		.detail td a.miss:hover span,
		.detail td a.caution:hover,
		.detail td a.caution:hover span {
			color: #fff;
			border: none;
		}
.detail .omission {
	color: #888;
	text-align: center;
}
.detail .relation-video {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}
	.detail .relation-video h2 {
		margin-bottom: 0.5em;
	}
	.detail .relation-video div {
		overflow: auto;
		height: 15em;
		border: 1px solid #444;
	}
		.detail .relation-video div ul {
			margin: 0.5em 2.4em;
		}

/*----------------------------------------------------------------*/
/* WEB拍手 */

.big {		font-size: 1.35em;	}
.small {	font-size: 0.75em;	}
.white {	color: #ffffff;		}
.red {		color: #ff0000;		}
.pink {		color: #ff8080;		}
.orange {	color: #ffcc00;		}
.yellow {	color: #ffff00;		}
.green {	color: #00ff00;		}
.cyan {		color: #00ffff;		}
.blue {		color: #0000ff;		}
.purple {	color: #c000ff;		}
.white2 {	color: #cccc99;		}
.red2 {		color: #cc0033;		}
.orange2 {	color: #ff6600;		}
.yellow2 {	color: #999900;		}
.green2 {	color: #00cc66;		}
.blue2 {	color: #33fffc;		}
.purple2 {	color: #6633cc;		}
.black {	color: #000000;		}
.webclap .thumbnail li {
	float: left;
	list-style-type: none;
}
.webclap .thumbnail img {
	width: 9.65em;
	height: 7.4em;
}
.webclap-form li {
	display: inline;
}
.webclap-form .command .inputHighlighted,
.webclap-form .command input {
	width: 8em;
}
.webclap-form .res .inputHighlighted,
.webclap-form .res input {
	width: 22em;
}
.webclap-form .clap input {
	width: 10em;
}
.webclap table .number {
	width: 4em;
}
.webclap table .res {
}
.webclap table .date {
	width: 12em;
}

/*----------------------------------------------------------------*/
/* トップスリー */

.top3 table {
	margin-bottom: 2em;
}
	.top3 table ul {
		margin: 0;
	}
	.top3 table li {
		list-style-type: none;
	}
.top3 td.date {
	padding-left: 0;
	text-align: right;
}
	.top3 td.date a {
		font-size: 1.2em;
	}
.top3 td.rank1,
.top3 td.rank2,
.top3 td.rank3 {
	position: relative;
	width: 30%;
	padding: 0;
}
	.top3 .thumbnail {
		float: left;
		margin-right: 0.2em;
	}
		.top3 .thumbnail img {
			width: 3.4em;
			height: 2.5em;
		}
	.top3 .point {
		float: left;
		font-size: 0.8em;
		line-height: 1;
	}
	.top3 .info {
		height: 1em;
		font-size: 0.8em;
		line-height: 1;
	}
	.top3 .title {
		font-size: 0.9em;
		line-height: 1.2;
	}

/*----------------------------------------------------------------*/
/* 総合カウント */

.total td {
	text-align: right;
	background-repeat: no-repeat;
	padding-left: 0;
}
.total .date {
	width: 8.5em;
}
.total .daily_video,
.total .daily_view,
.total .daily_res {
	width: 6em;
}
.total .total_video,
.total .total_view,
.total .total_res {
	width: 10em;
}
.total .total_video {
	background-image: url('../images/total1.gif');
}
.total .total_view {
	background-image: url('../images/total2.gif');
}
.total .total_res {
	background-image: url('../images/total3.gif');
}

/*----------------------------------------------------------------*/
/* 右上のコメント一覧 */

.topright dt {
	clear: left;
	float: left;
}
.topright dd {
	margin-left: 8em;
	margin-bottom: 0.2em;
}
.topright .niconico,
.topright .nico {
	color: #ffc;
}
.topright .migiue {
	color: #fcc;
}
.topright .unei {
	color: #ccf;
}
.topright .premium {
	color: #cff;
}
.topright .pr {
	color: #cfc;
}

/*----------------------------------------------------------------*/
/* 巡回中マイリスト */

.mylist ul ul {
	margin-left: 0;
}
.mylist li {
	list-style-type: none;
}
.mylist .id {
	float: left;
	width: 8.5em;
}
	.mylist .title .htb {
		margin-left: 0.8em;
	}
.mylist .count {
	clear: left;
	float: left;
	width: 12em;
}
	.mylist .count em,
	.mylist .count span {
		font-weight: bold;
	}
.mylist .description {
	margin-bottom: 1em;
	padding: 0.5em 1em;
}
	.mylist .description p {
		margin: 0;
	}

/*----------------------------------------------------------------*/
/* メモ */

.memo dt {
	clear: both;
	margin-bottom: 0.5em;
}
.memo dd {
	margin-bottom: 2em;
}
.memo dl .quote p {
	margin-bottom: 0;
}
.memo dl .quote blockquote p,
.memo dl p,
.memo dl ul,
.memo dl table {
	margin-bottom: 1em;
}
.memo dl .category-list {
	float: left;
}
.memo dl .category-list caption,
.memo dl .category-list {
	margin-right: 1.4em;
}
.memo dl caption,
.memo dl table {
	margin-left: 1.4em;
}

/*----------------------------------------------------------------*/
/* データベースステータス */

.status .bookmark li {
	display: inline;
	margin-right: 1em;
	list-style-type: none;
}
	.status .bookmark li a {
		border: none;
	}
		.status .bookmark li img.icon {
			margin-right: 0.2em;
		}
.status dt {
	float: left;
	width: 16em;
	padding: 0 0.5em;
	margin-right: 0.5em;
	text-align: right;
	background-color: #333;
}
.status dt,
.status dd {
	border: 1px solid #000;
}
	.status dd .cloud {
		margin-top: 1em;
	}
		.status dd .cloud li {
			color: #eee;
		}

/*----------------------------------------------------------------*/
/* ニコチャートニッキ */

.blog h1 a:link,
.blog h1 a:visited,
.blog h1 a:active {
	color: #fff;
	text-decoration: underline;
	border-bottom: none;
}
.blog .pager {
	position: absolute;
	top: 10em;
	right: 0;
}
	.blog .blog-main .pager {
		position: static;
	}
		.blog .pager li {
			margin-left: 0.5em;
		}
.blog .blog-main {
	clear: both;
}
.blog .description {
	margin-bottom: 0.5em;
}
.blog blockquote pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
.blog pre.ascii-art {
	margin-left: 2.4em;
}
.blog .option-menu {
	margin-bottom: 2em;
}
.blog .top-link {
	clear: both;
}
.blog-system {
	text-align: center;
	font-size: 75%;
	letter-spacing: 0.3em;
}
	.blog-system a:link,
	.blog-system a:visited,
	.blog-system a:active,
	.blog-system a:hover {
		color: #ddd;
		border: none;
	}
.blog dl.trackback,
.blog dl.comment {
	list-style-type: square;
}
.blog .trackback dd,
.blog .comment dd {
	margin-bottom: 1.5em;
	padding: 0.5em 1.2em;
	border: 1px solid #444;
}
.blog .trackback dt span,
.blog .comment dt span {
	color: #888;
}
.blog .trackback dt em,
.blog .comment dt em {
	color: #fd8;
}
.blog .comment-form textarea.inputHighlighted,
.blog .comment-form textarea {
	width: 100%;
	height: 10em;
}
.blog .comment-form .input {
	margin-bottom: 0.5em;
}
.blog .comment-form .submit {
	text-align: right;
}
.blog .comment-form .button {
	width: 8em;
}
.blog .comment-form .inputHighlighted,
.blog .comment-form .text {
	width: 10em;
}
.blog .trackback-list .date,
.blog .comment-list .date {
	width: 10em;
}
.blog .diary-list .date {
	width: 8em;
}
#pay-channel td {
	text-align: right;
}
#pay-channel .ch-title {
	text-align: left;
}