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


/* ==================== */
/* 左側(メインテーブル) */
/* ==================== */

.content_left {
	width:720px; /* 750px */
	float:left;
	margin:auto;
}


	.search {
		font-size:11pt;
		margin:10px;
		background-color:#FFFFFF;
		font-family:'Arial';
	}


	.tag_lists {
		margin:0px 0px 3px 0px;
		padding:2px;
		line-height:1.4em;

		border:solid 1px #DDDDDD;
		background-color:#F7F7F7;

		font:normal 90% 'Arial';

		width:700px;  /* 730px */
		height:auto;
		overflow:auto;
	}

		.tag_lists .tag {
			margin:0px 5px 0px 0px;
		}
		.tag_lists .tag A { 
			padding:0px 0px 0px 2px;
		}

		.tag_lists .tag2 {
			margin:0px 8px 0px 0px;
		}

		.tag_lists HR {
			border-style:dotted;
			color:#BBBBBB;
			margin:0px;
			padding:0px;
			height:1px;
		}


	.pages {
		width:720px;
		text-align:right;
		font:bold 10pt 'Arial';
		margin:5px 0px 5px 0px;
		line-height:1.8em;
	}

		.pages A {
			padding:2px 3px;
			margin-right:5px;
			background-color:#DDDDDD;
		}

		.pages .this {
			padding:2px 3px;
			margin-right:5px;
			background-color:#FFFFFF;
			border:solid 1px #DDDDDD;
		}

	.setsumei {
		font:normal 10pt 'Arial';
		margin:0px 0px 4px 0px;
		text-align:right;
	}

	.reloadinfo { 
		float:right;
		font:bold 10pt 'Arial';
		margin:0px 0px 8px 0px;
		padding:3px;
		text-align:right;
		color:#777777;
		/* border-bottom:solid 1pt #AAA;  */
	}

		#reload_on  { display:none; }
		#reload_off { display:none; }
		#aReloadTime { font:bold 15pt 'Arial'; color:#FF0000; }


	.onair_table {
		background-color:#CCCCCC;
		margin-top:0px;
	}

		/* 説明部分(一番上の行) */
		.onair_table .index_tr {
			text-align:center;
			font:normal 80% 'Arial';
			background-color:#EAEAEA;
		}

		/* ランキング列(メイン) */
		.onair_table .main_tr {
			font:normal 100% 'Arial';
			background-color:#FFFFFF;
		}

			/* ニコニコポイント枠 */
			.onair_table .nicopo { background-color:#FEFCB7; }


		.onair_table .rate {
			font:bold 11pt 'Arial';
			text-align:center;
		}

		.onair_table .thumbnail {
			 width:68px;
		}

			.onair_table .thumbnail IMG { width:68px; height:68px; }


		/* 放送情報部分(メインのメイン) */

		.onair_table .table_main {
			width:530px; /* 600px */
			
		}

			.onair_table .table_main .table_main2 {
				width:530px;
				height:68px;
				position:relative;
			}

			.onair_table .banimg {
				display:none;
			}

			.onair_table .username {
				position:absolute; 
				top:7px; 
				right:56px;
				text-align:right;

				width:173px;
				height:15px;
				overflow:hidden;

				font-size:9pt;
			}

			.onair_table .date {
				position:absolute; 
				top:5px; 
				right:5px;
				text-align:right;

				width:40px;

				color:#000000;
				font:normal 12pt 'Arial';
				border:solid 1pt #AAA; 
			}
			.onair_table .start { color:#FF0000; border:solid 1pt #FF0000; }
			.onair_table .limit { color:#77AAFF; border:solid 1pt #77AAFF; }


			.onair_table .title {
				position:absolute; 
				top:4px; 
				left:6px;
				text-align:left;

				width:350px; /* 350px */
				height:18px;
				overflow:hidden;

				font:bold 15px 'Arial';
			}

				.onair_table .title IMG { vertical-align: bottom; }

				.onair_table .title .mark_kao {
					width:16px;
					height:16px;
					display:inline;
					background-image:url('http://www2.chikuwachan.com/img/kao.gif');
				}

			.onair_table .content {
				position:absolute; 
				top:28px; 
				left:6px;

				width:400px; /* 500px */

				font-size:9pt;
			}

			.onair_table .tags {
				position:absolute; 
				top:50px; 
				left:6px;
				text-align:left;

				width:250px;
				height:15px;
				overflow:hidden;

				font-size:12px;
			}

				.onair_table .tags .tag {
					margin:0px 5px 0px 0px;
				}

				.onair_table .tags .of_cate {
					margin:0px 5px 0px 0px;
					font:bold 10pt 'Arial';
					color:#AAAAAA;
				}

				.onair_table .table_main .c1  { padding:1px; text-align:center; width:40px; background-color:#326196; color:#FFFFFF; } /* talk */
				.onair_table .table_main .c2  { padding:1px; text-align:center; width:40px; background-color:#326196; color:#FFFFFF; } /* gove */
				.onair_table .table_main .c3  { padding:1px; text-align:center; width:40px; background-color:#326196; color:#FFFFFF; } /* anim */
				.onair_table .table_main .c4  { padding:1px; text-align:center; width:40px; background-color:#2E8B3E; color:#FFFFFF; } /* cook */
				.onair_table .table_main .c5  { padding:1px; text-align:center; width:40px; background-color:#2E8B3E; color:#FFFFFF; } /* misc */
				.onair_table .table_main .c6  { padding:1px; text-align:center; width:40px; background-color:#2E8B3E; color:#FFFFFF; } /* sing */
				.onair_table .table_main .c7  { padding:1px; text-align:center; width:40px; background-color:#2E8B3E; color:#FFFFFF; } /* dans */
				.onair_table .table_main .c8  { padding:1px; text-align:center; width:40px; background-color:#2E8B3E; color:#FFFFFF; } /* lect */
				.onair_table .table_main .c9  { padding:1px; text-align:center; width:40px; background-color:#7E21A4; color:#FFFFFF; } /* game */
				.onair_table .table_main .c10 { padding:1px; text-align:center; width:40px; background-color:#515151; color:#FFFFFF; } /* move */
				.onair_table .table_main .c11 { padding:1px; text-align:center; width:40px; background-color:#FF77CC; color:#FFFFFF; } /* r_18 */
				.onair_table .table_main .c12 { padding:1px; text-align:center; width:40px; background-color:#FF7700; color:#FFFFFF; } /* chnl */

			.onair_table .community {
				position:absolute; 
				top:50px; 
				left:310px;
				text-align:right;

				width:180px; /* 200px */
				height:10pt;
				overflow:hidden;

				font:normal 9pt 'Arial';
			}

			.onair_table .community2 {
				position:absolute; 
				top:48px; 
				left:490px;
				text-align:right;

				overflow:hidden;
				width:35px;

				color:#777777;
				font:normal 9pt 'Arial';
			}

			.onair_table .community2 A {
				color:#777777;
				text-decoration:none;
			}


		.onair_table .active {
			text-align:center;
		}
			.onair_table .active SPAN   { font:normal 17pt 'Arial'; }
			.onair_table .active .big   { font-size:15pt; }
			.onair_table .active .small { font-size:10pt; }

		.onair_table .attend {
			width:50px; /* 50px */
			text-align:center;
			font:normal 12pt 'Arial';
		}

		.onair_table .comment {
			width:50px; /* 50px */
			text-align:center;
			font:normal 12pt 'Arial';
		}


/* ================== */
/* 右側(サブテーブル) */
/* ================== */

.content_right {
	width:220px; /* 200px */
	margin-left:730px; /* 760px */
}

	.content_right H2 {
		text-align:center;
	}

	.content_right .content {
		font:normal 70% 'Arial';
		width:220px; /* 200px */
		margin-top:5px;
		padding-bottom:5px;
		border-bottom:solid 1px #CCCCCC;
		text-align:center;
		background-color:#FFFFFF;
	}


	/* コンテンツ選択部分 */

	.content_right .right_select {
		text-align:center;
		font:normal 10pt 'Arial';
		margin-top:5px;
	}

		.content_right .right_select IMG { vertical-align: bottom; }

		.content_right .click_default {
			margin-top:5px;
			font-size:8pt;
			display:none;
		}

		.content_right .click_select {
			margin-top:5px;
			font:bold 8pt 'Arial';
			display:none;
			color:#FF0000;
		}


	/* 表示・非表示 */

	.content_right #twitter_disp { display:none; }
	.content_right #ustream_disp { display:none; }


	/* Twitter */

	.content_right .twitter_block {
		width:220px; /* 200px */
		padding-top:5px;
	}

		.content_right .twitter_table {
			margin:0px 0px;
			margin-bottom:5px;
			border-bottom:solid 1px #CCCCCC;
		}

			.twitter_table .user {
				font:bold 10pt 'Arial';
				width:170px;
				height:11pt;
				margin-bottom:5px;
				overflow:hidden;
			}

			.twitter_table .status {
				font:normal 10pt 'Arial';
				margin-bottom:5px;
			}

			.twitter_table .date {
				font:normal 8pt 'Arial';
				color:#777777;
			}

			.twitter_table IMG {
				border:1px solid #AAAAAA;
				width:33px;
				height:33px;
				float:right;
				margin-right:5px;
			}


	/* Ustream&Justin 外部配信 */

	.content_right .ustream_table {
		padding-top:5px;
		border-bottom:solid 1px #CCCCCC;
		width:220px;
		height:42px;
		position:relative;
		background-color:#FFFFFF;
	}

		/* サムネイル */
		.ustream_table .img {
			float:left;
		}

			.ustream_table .img IMG {
				border:1px solid #AAAAAA;
				width:37px;
				height:37px;
				float:left;
				margin-right:5px;
			}


		/* 視聴者数 */
		.ustream_table .watch {
			color:#FF0000;
			float:right;
			font:bold 16px 'Arial';
			margin:10px 0px;
		}

		/* 配信者なまえ */
		.ustream_table .title {
			font:bold 15px 'Arial';
			width:130px;
			height:11pt;
			margin-bottom:5px;
			overflow:hidden;
		}

			.ustream_table .title .st { padding:1px; text-align:center; margin-right:3px; font:normal 8pt 'Arial'; background-color:#FF7700; color:#FFFFFF; }
			.ustream_table .title .us { padding:1px; text-align:center; margin-right:3px; font:normal 8pt 'Arial'; background-color:#777777; color:#FFFFFF; }
			.ustream_table .title .ju { padding:1px; text-align:center; margin-right:3px; font:normal 8pt 'Arial'; background-color:#0077FF; color:#FFFFFF; }

		/* コミュニティ */
		.ustream_table .community {
			font:normal 12px 'Arial';
			width:130px;
			height:13px;
			margin:6px 0px 5px;
			overflow:hidden;
		}

			.ustream_table .community A, .ustream_table .community A:visited {
				color:#555555;
			}

			.ustream_table .community A:hover {
				color:#222222;
			}

			.ustream_table .community IMG {
				width:12px;
				height:12px;
				vertical-align:top;
			}

		/* タグ(使ってない) */
		.ustream_table .tags {
			font:normal 7pt 'Arial';
			width:145px;
			height:11px;
			margin-bottom:0px;
			overflow:hidden;
		}

		/* 放送中サムネイル */
		.ustream_table .thumbnail {
			position:absolute; 
			top:-37px; 
			left:-155px;
			background-color:#FFFFFF;
			display:none;
		}
			.ustream_table .thumbnail IMG {
				width:150px;
				height:113px;
			}


	/* -------------------------- */
	/* 注意書き部分 */

	.bottom_left {
		float:left; 
		width:475px;
	}

	.bottom_right {
		margin-left:480px; 
		width:475px;
	}


	.bottom_content {
		font:normal 10pt 'Arial';
		line-height:1.5em;
	}

		.bottom_content .hints {
			margin:0px 0px 1em 0px;
		}

			.hints .t { 
				font:bold 11pt 'Arial'; 
				background-color:#EEEEEE; 
				padding:3px;
				margin:3px;
			}

			.hints .red { 
				color:red;
				font-weight:bold;
			}

		.bottom_content UL {
			margin:10px 0px 20px 0px;
			padding:0px 0px 0px 1.5em;
		}
			.bottom_content LI { margin-bottom:5px; }

		.bottom_content .kiiro {
			background-color:#FEFCB7;
			border:solid 1px #AAAAAA;
			color:#777777;
			padding:1px;
		}

		.bottom_content IMG { vertical-align: bottom; }


/* ================== */
/*      その他        */
/* ================== */

.error {
	border:solid 1px #777777; 
	margin:2em 10px;
	padding:10px;
	line-height:1.3em;
	text-align:center;
}