@charset "UTF-8";
/* CSS Document */

/*--------------------
　HTMLタグ再定義
--------------------*/
body {
	background-color:#9bcdcc;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	vertical-align:top;
	text-align:left;
}
button {
	background-color:transparent;
	background-repeat:no-repeat;
	border-width:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	text-align:left;
	cursor:pointer;
	width:60px;
	clear:none;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
a:active {
	color:#333333;
	text-decoration:underline;
}
a:visited {
	color:#333333;
}
/*--------------------
  独自クラス
--------------------*/

.wallpaper {
	position:absolute;
	left:0px;
	top:10px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: outset 2px #cecece;
}
/*--ロゴエリア--*/
.logo {
	position:absolute;
	left:2px;
	top:20px;
}
/*--左メニュー(放送局一覧)エリア--*/
.menu {
	width:190px;
	position:absolute;
	left:5px;
	top:120px;
}
/*--左メニュー(放送局一覧)エリアイベントマスク--*/
.menumask {
	width:190px;
	position:absolute;
	left:5px;
	top:120px;
}
/*--掲示板上部操作メニューエリア--*/
.head {
	position:absolute;
	left:170px;
	top:15px;
	width:700px;
	vertical-align:top;
}
.head img {
	clear:none;
}
/*ユーザ名*/
.user_name {
	position:absolute;
	left:870px;
	top:15px;
	width:200px;
	font-size:9pt;
	height:20px;
	text-align:right;
}
/*--下部発言エリア--*/
.bottom {
	position:relative;
	left:10px;
	top:4px;
	background-color:#FFFFFF;
}
.bottomIE {
	position:absolute;
	left:180px;
	top:658px;
	background-color:#FFFFFF;
}
/*掲示板エリア最大化ボタン*/
.max_btn {
	background-image:url(../images/max.gif);
	width:35px;
	height:20px;
}
/*掲示板エリアボタン*/
.min_btn {
	background-image:url(../images/min.gif);
	width:35px;
	height:20px;
}
.mode1_btn_on {
	background-image:url(../images/mode1_on.gif);
	width:110px;
	height:20px;
	margin-left:5px;
}
.mode2_btn_on {
	background-image:url(../images/mode2_on.gif);
	width:75px;
	height:20px;
}
.mode3_btn_on {
	background-image:url(../images/mode3_on.gif);
	width:55px;
	height:20px;
}
.mode1_btn_off {
	background-image:url(../images/mode1_off.gif);
	width:110px;
	height:20px;
	margin-left:5px;
}
.mode2_btn_off {
	background-image:url(../images/mode2_off.gif);
	width:75px;
	height:20px;
}
.mode3_btn_off {
	background-image:url(../images/mode3_off.gif);
	width:55px;
	height:20px;
}
.setting_btn {
	background-image:url(../images/setting_btn.gif);
	width:46px;
	height:20px;
	margin-left:5px;
}
.audience_btn {
	background-image:url(../images/btn_audience_rate.gif);
	width:65px;
	height:20px;
	margin-left:5px;
}
.user_setting_btn {
	background-image:url(../images/user_setting_btn.gif);
	font-size:7pt;
	width:77px;
	height:20px;
	margin-left:5px;
}
.login_btn {
	background-image:url(../images/login_btn.gif);
	width:56px;
	height:20px;
	margin-left:5px;
}
.logout_btn {
	background-image:url(../images/logout_btn.gif);
	width:56px;
	height:20px;
	margin-left:5px;
}
.onscroll_btn {
	background-image:url(../images/scroll_start.gif);
	width:80px;
	height:20px;
	margin-left:5px;
}
.offscroll_btn {
	background-image:url(../images/scroll_off.gif);
	width:80px;
	height:20px;
	margin-left:5px;
}
/*--ダミーレイヤ--*/
.dummylayer {
/*	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	width:75%;
	height:90%;
*/
	float:left;
	position:absolute;
	left:170px;
	top:35px;
	width:80%;
	height:540px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding:5px 5px 5px 5px;
}
/*--半透明メニューレイヤ--*/
.alphaMenu {
	background-color:#FFFFFF;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	width:74%;
	height:50px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80
}
/*--掲示板エリアテンプレート--*/
.main01 {/*黒*/
	background-color:#000000;
	color:#ffffff;
	border-color:#999999;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main02 {/*白*/
	background-color:#FFFFFF;
	color:#000000;
	border-color:#cccccc;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main03 {/*グレー*/
	background-color:#CCCCCC;
	color:#000000;
	border-color:#aaaaaa;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main04 {/*うすいグレー*/
	background-color:#EEEEEE;
	color:#333333;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main05 {/*こいグレー*/
	background-color:#666666;
	color:#ffffff;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main06 {/*水色*/
	background-color:#99CCCC;
	color:#333333;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main07 {/*ベージュ*/
	background-color:#CCCC99;
	color:#534736;
	border-color:#cccccc;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main08 {/*こげ茶*/
	background-color:#534736;
	color:#CCCC66;
	border-color:#999999;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main09 {/*黄色*/
	background-color:#FED585;
	color:#333333;
	border-color:#cccccc;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.main10 {/*オレンジ*/
	background-color:#FF9966;
	color:#333333;
	position:relative;
	left:0px;
	top:0px;
	right:0px;
	height:86%;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}

.IEmain01 {/*黒*/
	background-color:#000000;
	color:#ffffff;
	border-color:#999999;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain02 {/*白*/
	background-color:#FFFFFF;
	color:#000000;
	border-color:#cccccc;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain03 {/*グレー*/
	background-color:#CCCCCC;
	color:#000000;
	border-color:#aaaaaa;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain04 {/*うすいグレー*/
	background-color:#EEEEEE;
	color:#333333;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain05 {/*こいグレー*/
	background-color:#666666;
	color:#ffffff;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain06 {/*水色*/
	background-color:#99CCCC;
	color:#333333;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain07 {/*ベージュ*/
	background-color:#CCCC99;
	color:#534736;
	border-color:#cccccc;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain08 {/*こげ茶*/
	background-color:#534736;
	color:#CCCC66;
	border-color:#999999;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain09 {/*黄色*/
	background-color:#FED585;
	color:#333333;
	border-color:#cccccc;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
.IEmain10 {/*オレンジ*/
	background-color:#FF9966;
	color:#333333;
	position:absolute;
	left:250px;
	top:38px;
	right:20px;
	height:650px;
	width:75%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:5px 5px 5px 5px;
}
/*--掲示板エリアテンプレートend--*/



/*発言フォーム*/
.input_area {
	width:450px;
	background-color: #eeeeee;
	border:solid #cccccc 1px;
	height:20px;
	line-height:20px;
}
/*発言ボタン*/
.submit_btn {
	background-image:url(../images/submit.gif);
	background:url(../images/submit.gif);
	width:60px;
	height:23px;
	margin-top:1px;
	margin-right:20px;
}
/*定型1~5ボタン*/
.type1_btn {
	background-image:url(../images/type1.gif);
	background:url(../images/type1.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type2_btn {
	background-image:url(../images/type2.gif);
	background:url(../images/type2.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type3_btn {
	background-image:url(../images/type3.gif);
	background:url(../images/type3.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type4_btn {
	background-image:url(../images/type4.gif);
	background:url(../images/type4.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type5_btn {
	background-image:url(../images/type5.gif);
	background:url(../images/type5.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type1_btn_on {
	background-image:url(../images/type01_on.gif);
	background:url(../images/type01_on.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type2_btn_on {
	background-image:url(../images/type02_on.gif);
	background:url(../images/type02_on.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type3_btn_on {
	background-image:url(../images/type03_on.gif);
	background:url(../images/type03_on.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type4_btn_on {
	background-image:url(../images/type04_on.gif);
	background:url(../images/type04_on.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
.type5_btn_on {
	background-image:url(../images/type05_on.gif);
	background:url(../images/type05_on.gif);
	width:43px;
	height:20px;
	margin-top:2px;
}
/*左メニュー（OFF時）*/
.ch1_base_off {
	background-image:url(../images/1_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch3_base_off {
	background-image:url(../images/3_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch4_base_off {
	background-image:url(../images/4_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch6_base_off {
	background-image:url(../images/6_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch8_base_off {
	background-image:url(../images/8_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch10_base_off {
	background-image:url(../images/10_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch12_base_off {
	background-image:url(../images/12_off_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
/*左メニュー（ON時）*/
.ch1_base_on {
	background-image:url(../images/1_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch3_base_on {
	background-image:url(../images/3_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch4_base_on {
	background-image:url(../images/4_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch6_base_on {
	background-image:url(../images/6_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch8_base_on {
	background-image:url(../images/8_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch10_base_on {
	background-image:url(../images/10_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch12_base_on {
	background-image:url(../images/12_on_s.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}

/*左メニュー（OFF OVER時）*/
.ch1_base_off_over {
	background-image:url(../images/1_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch3_base_off_over {
	background-image:url(../images/3_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch4_base_off_over {
	background-image:url(../images/4_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch6_base_off_over {
	background-image:url(../images/6_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch8_base_off_over {
	background-image:url(../images/8_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch10_base_off_over {
	background-image:url(../images/10_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch12_base_off_over {
	background-image:url(../images/12_off_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
/*左メニュー（ON OVER時）*/
.ch1_base_on_over {
	background-image:url(../images/1_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch3_base_on_over {
	background-image:url(../images/3_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch4_base_on_over {
	background-image:url(../images/4_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch6_base_on_over {
	background-image:url(../images/6_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch8_base_on_over {
	background-image:url(../images/8_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch10_base_on_over {
	background-image:url(../images/10_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
.ch12_base_on_over {
	background-image:url(../images/12_on_s_over.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}

/*左メニュー（マスク）*/
.ch_base_mask {
	background-image:url(../images/on_off_event.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	height:60px;
	width:180px;
}
/*チャンネル名*/
.channel_name {
	font-weight:bold;
	margin-left:20px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
/*番組名*/
.program_name {
	margin-left:20px;
	overflow:hidden;
	height:18px;
	line-height:18px;
}
/*半透明バックスクリーン*/
.backscreen {
z-index:3;
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.70;
}
/*設定パネル*/
.panel {
    z-index:4;
	width:640px;
	height:480px;
	background-color:#ffffff;
	position:absolute;
	margin-bottom:auto;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
}
.panel_corner_lt {
	position:absolute;
	top:-4px;
	left:0px;
	text-align:left;
	vertical-align:top;
}
.panel_corner_lb {
	position:absolute;
	top:468px;
	left:0px;
	text-align:left;
	vertical-align:bottom;
}
.panel_corner_rt {
	position:absolute;
	top:-4px;
	left:632px;
	text-align:right;
	vertical-align:top;
}
.panel_corner_rb {
	position:absolute;
	top:468px;
	left:632px;
	text-align:right;
	vertical-align:bottom;
}
/*設定パネルメニュー*/
.panel_menu {
	width:100px;
	height:470px;
	background-color:#ffcc66;
	text-align:right;
	padding-top:10px;
}
/*設定パネルメイン*/
.panel_main {
	width:540px;
}
.panel_btn {
	position:absolute;
	top:450px;
	left:420px;
	width:200px;
}
/*表示設定カラー選択*/
.radio_color {
	width:50px;
	height:70px;
	float:left;
	margin-top:10px;
}
.setting_color {
	position:absolute;
	top:0px;
	left:0px;
}
.setting_type {
	position:absolute;
	top:0px;
	left:0px;
}
.setting_user_regist {
	position:absolute;
	top:0px;
	left:0px;
}
.setting_user_edit {
	position:absolute;
	top:0px;
	left:0px;
}
.setting_password {
	position:absolute;
	top:0px;
	left:0px;
}
.setting_user_leave {
	position:absolute;
	top:0px;
	left:0px;
}
/*バーチャート*/
.chart_bar {
	margin-left:20px;
	overflow:hidden;
	height:20px;
	line-height:20px;
}
/*パイチャート*/
.chart_pie {
	margin-left:10px;
	margin-right:5px;
	overflow:hidden;
	float:left;
}
/*視聴率表*/
.statistics {
	margin-left:10px;
	font-weight:bold;
	font-size:10pt;
	width:160px;
	height:125px;
	overflow:hidden;
	background-color:#303030;
}
/*視聴率情報*/
.ch1_statistics {
	color:#CCCCFF;
	line-height:15px;
}
.ch3_statistics {
	color:#dddddd;
	line-height:15px;
}
.ch4_statistics {
	color:#FFCC66;
	line-height:15px;
}
.ch6_statistics {
	color:#99CC99;
	line-height:15px;
}
.ch8_statistics {
	color:#FFCCCC;
	line-height:15px;
}
.ch10_statistics {
	color:#99CCFF;
	line-height:15px;
}
.ch12_statistics {
	color:#66CCCC;
	line-height:15px;
}
.channel_name_statistics {
	margin-left:5px;
	text-align:left;
	width:80px;
}
.res_statistics {
	margin-left:70px;
	margin-top:-15px;
	text-align:right;
	width:80px;
}
.conn_statistics {
	margin-left:140px;
	margin-top:-15px;
	text-align:right;
	width:80px;

}
/*視聴率解析ボタン*/
.analyzer_btn {
	color:#ffffff;
	margin-left:80px;
	width:80px;
}
/*レス数*/
.res {
	margin-right:20px;
	margin-top:-20px;
	overflow:hidden;
	height:20px;
	line-height:20px;
	text-align:right;
	font-weight:bold;
}
/*定型プレビュー*/
.type_preview {
	width:300px;
	height:200px;
	background-color:#DDF5F5;
	overflow:hidden;
}
/**/
.boardmain {
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	visibility:hidden;
}