@import url( "common.css" );

/* 共通 */
.smalllink {
	font-size: 10px;
}
.userid {
	font-weight: bolder;
	font-size: 14px;
}

#header {
	margin-bottom: 1em;
}
/* contents */
#contents_left {
	float: left;
	width: 150px;
}
#contents_center {
	float: left;
	width: 490px;
}
#contents_right {
	float: left;
	width: 200px;
}

/* left */
#left_tag_list {
	width: 95%;
	margin-bottom: 1em;
}
#left_tag_list_header {
	width: 100%;
	text-align: right;
	font-size: 14px;
	border-bottom: 1px solid #666666;
}
#left_tag_list_body {
	width: 100%;
	text-align: right;
	font-size: 12px;
}
#left_ad_space {
	text-align: center;
}
#left_ad_space img {
	border: 0px;
}
#left_mirror_place {
	width: 95%;
	margin-bottom: 1em;
}

#left_mirror_place_header {
	width: 100%;
	text-align: right;
	font-size: 14px;
	border-bottom: 1px solid #666666;
	margin-bottom: 6px;
}

#left_mirror_place_body {
	width: 100%;
	text-align: right;
	font-size: 12px;
	margin-bottom: 6px;
}
#left_mirror_place_form {
	width: 100%;
	text-align: left;
	font-size: 14px;
	margin-bottom: 6px;
	background-color: #dddddd;
}
#left_mirror_place_form label {
	width: 100%;
	text-align: left;
}
#left_mirror_place_note {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 6px;
	border: 1px dashed #444444;
}
#left_mirror_place_note p {
	margin-bottom: 6px;
}
.mirror_place_subject {
	width: 100%;
	text-align: center;
	font-weight: bolder;
}
#mirror_place_address {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	
}
#mirror_place_name {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	
}
/* center */
#center_wrapper {
	width: 98%;
}

/*( お知らせ ) */
#center_notice {
	width: 100%;
	margin-bottom: 4px;
}
#center_notice_header {
	width: 100%;
	border-left: 4px solid #f96c00;
	border-bottom: 1px solid #000000;
	font-weight: bolder;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 14px;
}
#center_notice_body {
	width: 100%;
	height: 100px;
	margin-bottom: 1em;
	overflow-y: scroll;
	
	border-left: 2px dashed #000000;
	border-bottom: 1px solid #666666;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#center_notice_body table {
	width: 100%;
}
.center_notice_row {
}
.center_notice_row_date {
	font-weight: bolder;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
.center_notice_row_txt {
	padding-left: 8px;
	border-bottom: 2px dashed #aaaaaa;
	width: 80%;
	text-indent: 1em;
}


/* 配信中 */
#center_nowlive {
	width: 100%;
}
#center_nowlive_header {
	font-size: 14px;
	font-weight: bolder;
	width: 100%;
	padding-left: 4px;
	border-left: 4px solid #f96c00;
	border-bottom: 1px solid #666666;
}
#center_nowlive_header img {
	border: 0px;
}
#center_nowlive_body {
	width: 100%;
	height: auto;

	margin-bottom: 2em;
}

/* ( row ) */
.live_row {
	float: left;
	width: 230px;
	height: 164px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #666666;
	/*border-top: 1px solid #666666;
	border-left: 1px solid #666666;*/
	/*background-image: url( "../images/index_rowtile01.gif" );*/
}
.live_row_inner {
}
.live_row_header_audio {
	width: 226px;
	padding: 2px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #c4e1ff;
	word-break: break-all;
}
.live_row_header_normal {
	width: 226px;
	padding: 2px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #ffdcc0;
	word-break: break-all;
}
.live_row_header_restricted {
	width: 226px;
	padding: 2px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #ff99cc;
	word-break: break-all;
}

.live_row_left {
	float: left;
	width: 124px;
	height: 120px;
}
.live_row_left img {
	margin-top: 2px;
	margin-left: 2px;
	border: 0px;
}
.live_row_right {
	float: left;
	width: 99px;
	height: 120px;
}
.live_row_right_desc {
	width: 97px;
	border-left: 1px dashed #666666;
	margin-left: 0px;
	margin-top: 2px;
	padding-left: 2px;
}
.live_row_right_etc {
	font-size: 10px;
}
.font_green {
	color: green;
}
.font_red {
	color: red;
}
/* ( 終わった配信 ) */
#center_pastlive {
	clear: both;
	width: 100%;
}
#center_pastlive_header {
	font-size: 14px;
	font-weight: bolder;
	width: 100%;
	padding-left: 4px;
	border-left: 4px solid #f96c00;
	border-bottom: 1px solid #666666;
	margin-bottom: 4px;
}
#center_pastlive_body {
	width: 100%;
	height: auto;

	margin-bottom: 1em;
}
.center_pastlive_starttime {
	border-left: 4px solid #f96c00;
}
.center_pastlive_subject {
	margin-right: 4px;
}

/* right */
/* ( システムリンク ) */
#right_systemlink {
	width: 185px;
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 8px;
	border: 1px solid #666666;
	
}
#right_systemlink .caution {
    color: #ff0000;
}

/* ( ユーザ情報 ) */
/* 共通 */
#right_userfunc {
	width: 185px;
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 8px;
	border: 1px solid #666666;
}
#right_userfunc_header {
	font-weight: bolder;
	width: 100%;
	border-bottom: 1px dotted #666666;
}
#right_userfunc_body {
	width: 100%;
}
#right_userfunc_body p {
	margin-bottom: 4px;
}


/* 未ログイン */
#userfunc_nologin {
}
#usefunc_login_userid {
}

#userfunc_login_password {
}
/* ログイン中 */
#userfunc_logined {
}
/* 新規登録 */
#userfunc_newregist {
}
#userfunc_newregist label {
	font-size: 10px;
}
#userfunc_newregist_confirm {
	vertical-align: middle;
}


/* ( メール通知 ) */
#right_mailalert {
	width: 185px;
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 8px;
	border: 1px solid #666666;
}

#right_mailalert_header {
	font-weight: bolder;
	width: 100%;
	border-bottom: 1px dotted #666666;
}
#right_mailalert_body {
	width: 100%;
}
#mailalert_passwd {

}
/* ( 外部リンク ) */
#right_outer_link {
	width: 185px;
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 8px;
	border: 1px solid #666666;
}
#right_outer_link_header {
	font-weight: bolder;
	width: 100%;
	border-bottom: 1px dotted #666666;
}
#right_outer_link_body {
	width: 100%;
}
.link_primary {
}
.link_secondary {
	text-indent: 1em;
}
/* ( ツールリンク ) */
#tools {
	width: 185px;
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 8px;
	border: 1px solid #666666;
}

#tools_header {
	font-weight: bolder;
	width: 100%;
	border-bottom: 1px dotted #666666;
}

#tools_body {
	width: 100%;
}

.tools_subject {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #cccccc;
}

ul {
	list-style-type: none;
}

#tools_body {
	
}