@charset "UTF-8";
/* 全体 */
body {
	font-family:osaka,MS Pゴシック,arial,helvetica,sans-serif;
	margin: 10px 0px 4px 16px;
	background-color: #FFFFFF;
	line-height : 1.6em;
	font-size: 100%;
	color: #333;
	width: 960px;
	background:#FFF url('../image/bg_rc2.gif') repeat-x;
}
form{margin: 0px;}
td,th {font-size:small;color:#222;vertical-align:top;}
img {border: 0px;}
img.border {border: 1px solid #333;}
img.nico {width:130px;height:100px;border: 1px solid #333;}
a { color: #00F;}
a:link    { color:#00F; text-decoration:underline;}
a:visited { color:#009; text-decoration:underline;}
a:hover   { color:#009; text-decoration:none;}
a:active  { color:#F00; text-decoration:none;}
a.b {font-weight:bold;}
a.premium {font-weight:600;}
.hidden {display:none;}

/*-----------------------------------------------------------------*/
div.left-frame {
	float: left;
	width: 760px;
	height: 100%;
	padding:0px;
	margin: 0px;
}
div.right-frame {
	vertical-align: top;
	float: left;
	text-align: left;
	width: 190px;
	padding: 0px 0px 5px 5px;
	margin: 0px;
}
div.left-frame2 {
	float: left;
	width: 740px;
	height: 100%;
	padding:0px;
	margin: 0px;
}
div.right-frame2 {
	vertical-align: top;
	float: left;
	text-align: left;
	width: 210px;
	padding: 5px 0px 5px 5px;
	margin: 0px;
}

/*-----------------------------------------------------------------*/
hr {
	border-top-style: none;
	border-bottom: 2px dotted #AAA;
	margin: 0px 0px;
}
h1 {margin: 42px 0px 4px 6px;color:#222;font-size: 20px;}
h2 {
	color:#222;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
}
h2 a:link {color:#222;}
h2 a:visited {color:#222;}
h3 {
	color:#222;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}


.footer {
	text-align: center;
	font-size: 80%;
}
.footer a{
	font-weight: normal;
	color: #666;
}


div.title_comment {
	color: #666;
	font-size: 90%;
	margin-bottom: 2px;
	margin-left: 3px;
}
.menu {
	font-size:95%;
	font-weight: bold;
}
.menu_bg { font-size:80%; font-weight:bold; background:#CCC url('/image/bg_menu.gif') repeat-x; border-top:solid 1px #999; border-bottom:solid 1px #666; margin:1px 0px 6px 0px; padding:2px 12px;}
.menu_bg a:link {color:#333;}
.menu_bg a:visited {color:#333;}
.menu_bg a:hover {color:#999;}

.menu2 {
	font-size:95%;
	font-weight: bold;
	line-height : 1.2em;
}
a.video { font-weight:bold;}
a.video:link    { color:#579; text-decoration:underline;}
a.video:visited { color:#135; text-decoration:underline;}
a.video:hover, a.video:active { color:#FFF; text-decoration:none; background:#357;}


/*-----------------------------------------------------------------*/
/* ランキングの詳細 */
.ranking h3{
	font-size:120%;
}
.ranking div.bottom {
	line-height:130%;margin-top:4px;
}

table.rank-list th {
	color: #BCC;
	padding-top:46px;
}
table.rank-list td {
	padding-bottom: 10px;
}
table.rank-list span {
	color: #666;
}

.ranking-form {
	width: 200px;
	line-height:150%;
	background:#FFF;
	border:1px solid #CCC;
	font-size:80%;
	padding: 4px 4px 4px 4px;
}
.ranking-del {
	width: 200px;
	line-height: 150%;
	background:#EEE;
	border:1px solid #CCC;
	font-size:80%;
	padding: 4px 4px 4px 4px;
}
/*-----------------------------------------------------------------*/
.sub {
	margin-top: 2px;
	margin-left: 10px;
	font-size: 95%;
	line-height:1.5em;
}
.ex {
	background-color: #F7F7F7;
	width: 100px;
	border: 2px dotted #AAA;
	padding: 10px;
}

.vline {
	color: #808080;
	font-size: x-small;
}
.box {
	margin: 0 0;
	width: 760px;
	clear: left;
}

.error {
	border: 1px solid #CCC;
	color: #CC0000;
	font-weight: bold;
	background-color: #F9FAFA;
	width: 600px;
	padding: 4px 6px 4px 6px;
}

table.default {
	border:solid 1px #CCC;
	background-color:#FEFEFE;
	border-collapse: collapse;
}
table.default td {
	font-size: x-small;
	border:solid 1px #CCC;
	padding: 3px 5px 3px 5px;
	white-space: nowrap;
	background-color:#FFF;
}
table.default th {
	border:solid 1px #F8F8F8;
	padding: 3px 5px 3px 5px;
	font-weight:normal;
	text-align:left;
	background-color:#E0E0E0;
	white-space: nowrap;
}



/* コメントのTOPページ */
.movie {
	float: left;
	width: 140px;
}
.info {
	padding: 5px 10px 5px 10px;
	float: left;
	width: 600px;
	background-color: #EEE;
	font-size:90%;
}


/* コメント表示用 */
table.comment {
	border:solid 1px #CCC;
	background-color:#FEFEFE;
	border-collapse: collapse;
}
table.comment td {
	font-size: x-small;
	border:solid 1px #F8F8F8;
	padding: 1px 4px 1px 4px;
	white-space: nowrap;
	background-color:#E0E0E0;
}
table.comment th {
	border:solid 1px #F8F8F8;
	padding: 1px 4px 1px 6px;
	font-weight:normal;
	text-align:left;
	background-color:#E0E0E0;
	white-space: nowrap;
}
table.comment th b {
	color: #0000CC;
}
div.comment-tags {
	background:#EEE;
	border:1px solid #CCC;
	padding: 3px 5px 3px 5px;
}

/* chart */
table.chart	{
	border-collapse: collapse;
	border:solid 1px #CCC;
}
table.chart td	{
	border:solid 1px #CCC;
	padding: 3px 5px 3px 5px;
	line-height: 1.4em;
	font-size: 90%;
}
table.chart th	{
	white-space: nowrap;
	border:solid 1px #CCC;
	padding: 3px 5px 3px 5px;
	line-height: 1.4em;
	font-size: 90%;
}



/* 左のランキング */
table.left_ranking	{
	border-collapse: collapse;
	border:solid 1px #CCC;
}
table.left_ranking td	{
	border:solid 1px #CCC;
	padding: 3px 5px 3px 5px;
	line-height: 1.4em;
	font-size: 130%;
}
table.left_ranking th	{
	white-space: nowrap;
	border:solid 1px #CCC;
	padding: 3px 5px 3px 5px;
	line-height: 1.4em;
	font-weight: normal;
}



/* その他 */
table.list	{ border:solid 1px #CCC;}
table.list td	{
	empty-cells: show;
	border:solid 1px #CCC;
	padding: 0px 4px 0px 4px;
	white-space: nowrap;
	background-color:#EEE;
}
table.list th	{ border:solid 1px #CCC;}
table.list tr.c1{ background-color:#FFFFFF;}
table.list tr.c2{ background-color:#F9F9F9;}



/* 用語辞典 */
#doc {
	margin: 0 0;
	width: 930px;
	clear: left;

}
#doc h1 {
	color:#222;
	font-size: 20px;
}





div.body {
	width: 720px;
	padding: 4px 6px;
	margin-left: 8px;
	margin-bottom: 14px;
	word-break: break-all;
	font-size: 95%;
	border: 1px solid #CCC;
}
div.body-sub {
	width: 720px;
	padding: 4px 6px;
	margin-left: 8px;
	word-break: break-all;
	font-size: 95%;
	border: 1px solid #CCC;
}
div.aa {
	font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
	line-height: 1.0em;
}



div.tentenbox {
	border: 2px dotted #AAA;
	width: 710px;
	margin: 14px 0px 10px 8px;
	padding: 6px 10px;
}
div.image {
	border: 1px solid #888;
	margin: 0px 4px 10px 4px;
	padding: 6px 10px 6px 10px;
	width: 140px;
	font-size: 90%;
	color: #808080;
}



/* head comment */
div.head_dkb {
	background:#FFF url('../image/bg_rc2.gif') repeat-x;
	z-index: 0;
	color: #FFF;
	width:950px;
	text-align: left;
	height:26px;
	position:absolute;
	left:10px; top:0px;
	vertical-align: top;
	padding:0;
}
div.head_dkb a:visited {
	color: #FFC616;
	font-weight: bold;
}
div.head_dkb a:link {
	color: #FFC616;
	font-weight: bold;
}

table.head	{
	margin:0;
	margin-bottom:4px;
}
table.head td	{
	padding:0;
	color: #FFF;
	width: 110%;
	font-size:12px;
}
table.head th{
	padding:0;
	text-align: left;
	white-space: nowrap;
}


.pink { background-color: #fff0f5; }
.blue { background-color: #F0F8FF; }
.green{ background-color: #F0FFFF; }
.grey { background-color: #F7F7F7; }
.hidden { display:none; }


/* ポップアップ */
#gPopup {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	padding: 8px 10px 8px 10px;
	color: #333333;
	background-color: #F0F8FF;
	border: #cccccc 1px solid;
	width: 480px;
	z-index: 256;
	font-size: 90%;
}


/* ランキング表示 */
table.rank-table {
	
}


.ranking-point{
	border: 1px solid #DDD;
	background: #F4F4F4;
	padding: 0px 0px 0px 10px;
	width: 520px;
}
.head-copy{
	font-weight: bold;
	color:#AA6666;
}

/*ランキングフィルター用の画像サイズ*/
.video_w96{
	width: 130px;
	height: 100px;
	border:solid 1px #333;
}
/* HOME */
.sub-title{
	margin-top:10px;
	border-left:6px solid #666;
	border-bottom:1px solid #666;
	padding: 3px 0px 3px 10px;
	width:92%;
}
.sub-body{
	margin-top: 10px;
	margin-left: 10px;
	font-size: 95%;
	line-height:1.4em;
}
.sub-body h3{
	padding-top: 10px;
}


.rank-link{
	width: 420px;
	border: 1px solid #CCC;
	background: #EEE;
	margin-top: 6px;
	padding: 4px 8px 4px 8px;
	line-height: 130%;
}
.rank-detail{
	width: 420px;
	display: none;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #EEE;
	padding: 4px 8px 4px 8px;
	line-height: 130%;
}
.rank-tags {
	border: 1px solid #CCC;
	background: #FAFAFA;
	margin-top: 6px;
	padding: 4px 5px 4px 5px;
	line-height: 130%;
}

