header {
	font : 200% "Trebuchet MS", sans-serif;
	text-indent : 0.5em;
	padding : 1px;
	background : #333;
	color : #FFF;
	font-weight : bold;
	border-radius : 5px;
}

footer {
	font : bold  "Trebuchet MS", sans-serif;
	text-align : center;
	border-radius : 5px;
	padding : 1px;
	background : #333;
	color : #7d7d7d;
	clear : both;
}

textarea {
	width : 100%;
	height : 20em;
	border : 3px solid #cccccc;
	padding : 5px;
	font-family : Tahoma, sans-serif;
	background-position : bottom right;
	background-repeat : no-repeat;
	resize : vertical;
}


body{
	font : 80% "Trebuchet MS", sans-serif;
	margin : 50px;
}

h1 {
	text-indent : 0.5em;
	font : 150% "Trebuchet MS", sans-serif;
	font-weight : bold;
}
h2 {
	text-indent : 0.5em;
	font : 150% "Trebuchet MS", sans-serif;
	font-weight : bold;
	background : #5c9ccc;
	color : #FFF;
	font-weight : bold;
}

hr{
	color : #ec6bb4;
	background-color : #ec6bb4;
	height : 2px;
	border : none;

}

hr.playlist-init-hr {
	color : #4297d7;
	background-color : #4297d7;
	height : 1px;
	border : none;
    margin-top : 20px;
}


table{
	width : 98%;
	margin : 0px 0px 30px 0px;
	padding : 0px;
	border-collapse : collapse;
	margin-left : auto;
	margin-right : auto;
}

th {
	padding : 4px 2px 2px 4px;
	text-align : left;vertical-align:top;color:#ffffff;
	background-color : #4297d7;
	border : 1px solid #7d7d7d;
}

td {
	padding : 4px 2px 2px 4px;
	background-color : #EEEEEE;
	border : 1px solid #7d7d7d;
}

#tabletitle{
	text-decoration : underline;
	text-align : center;
}

#indent {
	text-indent : 2.5em;
}

#btn {
	margin-right : 2%;
	float : right;
}

form.edit {
	overflow : hidden;
	clear : both;
	width : 80%;
}

label.edit{
	clear : left;
	float : left;
	width : 20%;
	padding-right : 2%;
	height : 1em;
	margin-bottom : 10px;
	color : #ffffff;
	font-weight : bold;
	text-align : right;
}
input.edit{
	float : left;
	height : 1em;
	width : 30%;
}
label.editleft{
	clear : left;
	float : left;
	width : 50%;
	padding-right : 2%;
	height : 1em;
	margin-bottom : 20px;
}

label.editright{
	float : left;
	height : 1em;
	margin-bottom : 20px;
}

span.editleft{
	clear : left;
	float : left;
	width : 50%;
	padding-right : 2%;
	height : 1em;
	margin-bottom : 20px;
}

span.editright{
	float : left;
	height : 1em;
	margin-bottom : 20px;
}

div.editleft{
	clear : left;
	float : left;
	width : 20%;
	padding-right : 2%;
	height : 1em;
	margin-bottom : 10px;
	color : #ffffff;
	font-weight : bold;
	text-align : right;
}

div.editright{
	color : #ffffff;
	float : left;
	height : 1em;
}

div.funcL{
	width : 98%;
	float : left;
	padding : 5px;
	margin-right : 20px;
	text-align : right;
}
div.funcR{
	padding : 5px;
	text-align : right;
}

fieldset.edit{
	padding : 0 20px 20px;
	margin : 0 0 30px ;
	border : 2px solid #ffffff;
	background : #1e1e1e ;
	border-radius : 10px;
}

fieldset.menu{
	width : 80%;
}

legend.edit{
 	color : #ffffff;
 	background : #4297d7;
 	font-weight : bold;
 	text-align : center;
 	padding : 5px;
 	margin : 0;
 	width : 10em;
 	border : 2px solid #4297d7;
 	border-radius : 5px;
}

legend.menu{
	font : 120% "Trebuchet MS", sans-serif;
	font-weight : bold;
	border-radius : 5px;
}

article{
	border-radius : 50px;
	border : 1px solid gray;
	width : 95%;
	height : 1%;
}

label.accesslogleft{
	clear : left;
	float : left;
	width : 5%;
	padding-right : 2%;
	text-align : right;
}

label.accesslogright{
	float : left;
	height : 1em;
}

div.frmbox form {
    margin : 0;
	padding : 0;
    border : 0;
}

div.frmbox p {
	margin-left : 80px;
	margin-bottom : 10px;
    padding-bottom : 14px;
}

div.frmbox label {
    display : block;
    margin-bottom : 10px;
    color : #555555;
}

div.frmbox label span {
    display:block;
    float:left;
    width:15em;
    padding-right:6px;
    font-weight:bold;
    text-align:right;
}

div.frmbox span.asterisk {
	color : red;
	display : inline;
	float : none;
	padding : unset;
}

/* ユーザ管理 メッセージ向け */
.users-inp-required-msg {
	color:red;
 }

/* 自治体管理 メッセージ向け */
.tenants-inp-required-msg {
	color:red;
 }

div.frmbox div.error-message {
	margin-left : 130px;
    margin-top : 5px;
    margin-bottom : 10px;
    color : red;
}

div.frmbox div.submit {
	float : left;
	margin-left : 80px;
	margin-top : 10px;
	margin-bottom : 10px;
    padding-bottom : 14px;
}

div.frmbox:after {
	clear : left;
	margin-left : 0;
}

input {
    margin-bottom: 10px;
}

/* Windowが小さくなった場合
----------------------------------------------------*/
@media screen and (max-width: 1365px) {
	#selectable{
		padding-bottom : 20px;
	}
	#select1{
		clear : left;
		float : left;
		width : 70%;
		padding-right : 2%;
		height : 1em;
		margin-bottom : 20px;
	}
	.selectable {
		padding-bottom : 20px;
	}
	.select1 {
		clear : left;
		float : left;
		width : 70%;
		padding-right : 2%;
		height : 1em;
		margin-bottom : 20px;
	}
}

@media screen and (max-width: 1305px) {
	label.editleft{
		clear : left;
		float : left;
		width : 70%;
		padding-right : 2%;
		height : 1em;
		margin-bottom : 20px;
	}
	label.editright{
		clear : left;
		float : left;
		width : 70%;
		padding-right : 2%;
		height : 1em;
		margin-bottom : 20px;
	}
	span.editleft {
		clear : left;
		float : left;
		width : 70%;
		padding-right : 2%;
		height : 1em;
		margin-bottom : 20px;
	}
	span.editright {
		clear : left;
		float : left;
		width : 70%;
		padding-right : 2%;
		height : 1em;
		margin-bottom : 20px;
	}
}



/* clearfix
----------------------------------------------------*/
.clearfix {
	zoom : 1; /* for IE 5.5-7 */
}

.clearfix:after { /* for modern browser */
	content : ".";
	display : block;
	visibility : hidden;
	height : 0;
	font-size : 0.1em;
	line-height : 0;
	clear : both;
}

/* エラーメッセージ
----------------------------------------------------*/
#authMessage,
#flashMessage.flash_failure{
	color:red;
}

/* [ログイン]画面
----------------------------------------------------*/
#login.frmbox fieldset{
	margin-top:20px;
}

#login.frmbox .input{
    position: relative;
    left: 30%;
}

#login.frmbox label span{
	width: 80px;
}

#login.frmbox .submit{
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-bottom: 0px;
    position: relative;
    left: 45%;
}

/* [ユーザ名]テキストボックス */
#UserUsername{
	width  : 150px;
	height : 16px;
}

/* [パスワード]テキストボックス */
#UserPassword{
	width  : 150px;
	height : 16px;
}



/* [トップページ]画面
----------------------------------------------------*/
/* [パスワード変更]ボタン - 右に回り込む */
#frmTop #logout{
	float : right;
	margin-left : 10px;
}



/* [ダウンロード]タブ
----------------------------------------------------*/
/* [ログダウンロード年月日] */
#apacheMargeLogDatepicker,
#movieMargeLogDatepicker{
	/*color : #bbb;*/
	width : 170px;
}

/* 年月日 - ラベル */
#tabs-1 #frmLogDL .text label,
#tabs-1 #frmMovieLogDL .text label{
	margin-right : 10px;
}



/* [アップロード]タブ
----------------------------------------------------*/
/* [アップロードデータファイル] */
#tabs-2 #frmUP .uploadfilepath{
	/*color : #bbb;*/
	width : 95%;
}



/* [プレイリスト初期化]タブ
----------------------------------------------------*/
/* プレイリスト、発言者情報、グループ情報初期化 - ボタン */
#deletesDeleteplaylistallForm .submit input{
	width : 300px;
}

/* プレイリスト初期化 - ボタン */
#deletesDeleteplaylistonlyForm .submit input{
	width : 300px;
}

/* 発言者情報とグループ情報初期化 - ボタン */
#deletesDeletespeakerandgroupForm .submit input{
	width : 300px;
}

/* 発言者情報初期化 - ボタン */
#deletesDeletespeakeronlyForm .submit input{
	width : 300px;
}

/* グループ情報初期化 - ボタン */
#deletesDeletegrouponlyForm .submit input{
	width : 300px;
}



/* [利用統計]タブ
----------------------------------------------------*/
/* 統計種別 - ラジオラベル */
#gtabs-4 #frmStats .radio label{
	margin-right : 20px;
}

#Radiodateconfition0{
	margin-right : 5px;
}

#Radiodateconfition1{
	margin-right : 5px;
}
#Radiodateconfition2{
	margin-right : 5px;
}

/* 年月日 - ラベル */
#tabs-4 #frmStats .text label,
#tabs-4 #frmStatsMovie .text label{
	margin-right : 10px;
}

/* [利用統計年月日] */
#statsDatepicker,
#statsMovieDatepicker{
	width : 170px;
}

/* [表示]ボタンをfloat:leftすることで次の[クリア]ボタンを右隣に回り込ませる */
#frmStats #show,
#frmStatsMovie #show{
	float : left;
	margin-right : 10px;
}



/* [設定]タブ
----------------------------------------------------*/
#setting_table {
	margin-top : 20px;
	margin-bottom : 20px;
}

/* デザインの設定ボタン */
#setting_table #SettingCssSettingForm .submit input{
	width : 80%;
	position : relative;
	left : 10%
}

/* VODの設定ボタン */
#setting_table #SettingVodSettingForm .submit input{
	width : 80%;
	position : relative;
	left : 10%
}

/* ライブ中継の設定ボタン */
#setting_table #SettingLiveBroadcastSettingForm .submit input{
	width : 80%;
	position : relative;
	left : 10%
}

/* お知らせの設定ボタン */
#setting_table #SettingInformationSettingForm .submit input{
	width : 80%;
	position : relative;
	left : 10%;
}

/* メモの設定ボタン */
#setting_table #SettingMemoSettingForm .submit input{
	width : 80%;
	position : relative;
	left : 10%;
}



/* [設定] - [ライブ中継の設定]画面
----------------------------------------------------*/
/* [ライブ中継の設定]テーブルの[ライブ中継の設定]カラム幅 */
.live_enable_table .setting_title{
	width:40%;
}

/* [ライブ中継の設定]テーブルの[現在の設定]カラム幅 */
.live_enable_table .setting_before{
	width:25%;
}

/* [ライブ中継の設定]テーブルの[変更後]カラム幅 */
.live_enable_table .setting_after{
	width:35%;
}

/* [ライブ中継の設定]テーブルのON/OFFラジオボタン */
.live_enable_table .onoff_radio{
	float : left;
	width : 80px;
	padding-top : 5px;
}

/* [ライブ中継の設定]テーブルのON/OFFラジオボタンテキスト */
.live_enable_table .onoff_radio_text{
	float : left;
	margin-right : 5px;
}

/* [ライブ中継の設定]テーブルのテキストボックス */
.live_enable_table .textbox{
	width:98%;
}

/* [ライブ中継の設定]テーブルの詳細設定ラジオボタン */
.live_enable_table input[type=radio] {
	margin: 0px;
	width: 20px;
}

/* [ライブ中継の設定]テーブルの詳細設定ラジオボタン */
.live_enable_table .radio-horizontal label{
	margin-right: 10px;
	display: inline-block;
}



/* [ライブ中継の設定]の[詳細]テーブルの背景色 */
.details td {
    background-color: #FFF;
}
/* [ライブ中継の設定]の[詳細]テーブルの背景色 */
.details td:first-child {
    padding-left: 20px;
}
/* [ライブ中継の設定]の[詳細]テーブルのON/OFFラジオボタン */
.live_enable_table .onoff_radio_text_detail{
	float : left;
	width : 200px;
	padding-top : 5px;
}

/* [ライブ中継の設定]の[詳細]テーブルのON/OFFラジオボタン */
.live_enable_table .onoff_radio_detail{
	float : left;
	width : 80px;
	padding-top : 5px;
}

/* [ライブ中継の設定]の[詳細]テーブルのON/OFFラジオボタン */
.onoff_radio_detail:nth-child(3) {
    width: 50%;
}
/* [ライブ中継の設定]の[詳細]テーブルのテキストボックス */
input.live_status {
    width: 80%;
}

/* [ライブ中継の設定]テーブルのON/OFFラジオボタン */
div.frmbox div.submit {
	float : left;
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 10px;
    padding-bottom : 14px;
}

/* [お知らせの設定]/[メモの設定]テーブルの[スマートデバイス版お知らせ設定]カラム幅 */
.information_table .setting_title,
.memo_table .setting_title
{
	width:25%;
}

/* [お知らせの設定]/[メモの設定]テーブルの[現在の設定]カラム幅 */
.information_table .setting_before,
.memo_table .setting_before{
	width:25%;
}

/* [お知らせの設定]/[メモの設定]テーブルの[変更後]カラム幅 */
.information_table .setting_after,
.memo_table .setting_after{
	width:50%;
}

/* [お知らせの設定]/[メモの設定]テーブルのラジオボタン */
.information_table .announcement_smart_display_radio,
.memo_table .memo_smart_display_radio{
	float : left;
	width : 90px;
	padding-top : 5px;
}

/* [お知らせの設定]/[メモの設定]テーブルのラジオボタンテキスト */
.information_table .announcement_smart_display_radio_text,
.memo_table .memo_smart_display_radio_text{
	float : left;
	margin-right : 5px;
}

/* [管理者メニュー]タブ
----------------------------------------------------*/
#manage_table {
	margin-top : 20px;
	margin-bottom : 20px;
}

/* ユーザ管理ボタン */
#manage_table #usersUserlistForm .submit input{
	width : 80%;
	position : relative;
	left : 10%;
}

/* 自治体管理ボタン */
#manage_table #tenantsTenantlistForm .submit input{
	width : 80%;
	position : relative;
	left : 10%;
}

/* お知らせ編集ボタン */
#manage_table #informationsInformationeditForm .submit input{
	width : 80%;
	position : relative;
	left : 10%;
}


/* [管理者メニュー]タブ - [ユーザ管理] - [ユーザ編集]画面
----------------------------------------------------*/
/* [ユーザを削除する]ボタン - 右寄せ */
#user_deletebtn .submit{
	float : right;
}

/* [管理者メニュー]タブ - [自治体管理] - [自治体登録/編集]画面
----------------------------------------------------*/
#tenant #TenantLiveMount1,
#tenant #TenantLiveMount2,
#tenant #TenantLiveMount3,
#tenant #TenantLiveMount4,
#tenant #TenantLiveMount5,
#tenant #TenantLiveMount6,
#tenant #TenantLiveMount7,
#tenant #TenantLiveMount8,
#tenant #TenantLiveMount9,
#tenant #TenantLiveMount10{
	width : 60%;
}

#TenantDomainVodHls,
#TenantDomainVodRtmp,
#TenantDomainLiveHls,
#TenantDomainLiveRtmp{
	width : 60%;
}


/* 議員情報の項目を10個ずつ並べる */
/* 自治体登録(tenantadd)と自治体編集(tenantedit)で使用 */
#tenant .councilor_item{
	float : left;
	position : relative;
	top : 0px;
	left : 0px;
	width : 50%;
}

/* [管理者メニュー]タブ - [自治体管理] - [自治体削除]画面
----------------------------------------------------*/
#tenant_table_delete{
	width : 20%;
	margin : 0px 0px 30px 0px;
	padding : 0px;
	border-collapse : collapse;
}

#tenant_table_delete th {
	padding : 4px 0px 0px 4px;
	text-align : left;
	vertical-align : top;
	color : #ffffff;
	background-color : #4297d7;
	border : 1px solid #7d7d7d;
}

#tenant_table_delete td {
	Width : 30px;
	padding : 4px 0px 0px 4px;
	background-color : #fff;
	border : 1px solid #fff;
}

/* [自治体を削除する]ボタン - 右寄せ */
#tenant_deletebtn .submit{
	float : right;
}

/* [プレ-本番反映]タブ - [プレ-本番登録データ確認画面]画面
----------------------------------------------------*/
#reflection_div {
	overflow:auto;
	white-space: nowrap;
	max-height:640px;
	border: 1px solid #7d7d7d;
}

#reflection_table {
	margin: 0;
}

#reflection_table th {
	position: sticky;
    top: 0;
	z-index: 3;
	border-top:none;
}

/* 反映対象固定
---------------------------------------------------*/
#reflection_table tr:nth-child(odd) td:first-child {
	position: sticky;
    left: 0;
	z-index: 1;
	border-left:none;
}

#reflection_table thead th:first-child {
	z-index: 5;
	left: 0;
	border-left:none;
}

#reflection_table td {
	background-color : #dce4f5;
	height : 18px;
}

#reflection_table .differential {
	background-color : #ff0 !important;
}

#reflection_table tr:nth-child(odd) td {
	background-color : #fff;
}

.margin_right20 {
	margin-right : 20px;
}

.hidden_button {
	display : none;
}

span.official_data {
	background-color : #dce4f5;
}

/* モーダル用
----------------------------------------------------*/
#reflectionModal {
	position: fixed;
	top: 0;
	left: 0;
	max-width: 100%;  
	max-height: 100%;
	z-index: 3;
}
.modalContent{
  display: flex;
  background: #fff;
  max-width: 800px;
  max-height:400px;
  padding: 15px;
  white-space:pre-wrap;
}


/* プレイリスト編集用
----------------------------------------------------*/
.hidden_class {
	display: none !important;
}

.display_flex {
	display: flex;
}

.no_margin_bottom, .no_margin_bottom div label {
	margin-bottom: 0 !important;
}

label.error-message {
	color:red !important;
}

.nowrap {
	white-space: nowrap;
}

.change_playlist {
	margin: 0;
	width:100%;
}

.change_playlist th {
	position: inherit;
    top: 0;
	z-index: 3;
	border-top:none;
}

#playlistView .change_playlist {
	width:90%;
}

.change_playlist td {
	background-color : #dce4f5;
	height : 18px;
}

.change_playlist tr:nth-child(odd) td {
	background-color : #fff;
}

.change_playlist .differential {
	background-color : #ff0 !important;
}

.change_playlist input {
  margin-bottom:0px;
}

.change_playlist tr:nth-child(odd) td input[type="text"] {
  background-color : #fff;
}
.change_playlist tr:nth-child(odd) td textarea {
  background-color : #fff;
}

.change_playlist textarea {
  box-sizing: border-box;
  width:100%;
  height : 100px;
}

div.sub {
  float: right;
  width: 600px;
}

.subtab_content {
border: 1px;
}

#playlistView {
  display:flex;
  margin-bottom: 5px;
}

#playlistView>div {
  box-sizing     : border-box;
  width:65%;
}

#playlistView>div.sub {
  box-sizing     : border-box;
  width:578.2px;
  font-size: 14.08px;
  line-height: 1.6;
}

.notEditInput {
	border:none;
	background-color:#EEEEEE !important;
}

.change_playlist .notEditInput {
	background-color:#FFFFFF !important;
}

/* プレイリスト編集用モーダル
----------------------------------------------------*/
#editModal {
	display:none;
	background: rgba(0,0,0,0.5);
	/* モーダルウィンドウの位置固定 */
	position: fixed;
	/* 背景色を画面いっぱいにする */
	top: 0;
	left: 0;
	width: 100%;  
	z-index: 3;
}

#linkModal {
	width: 760px;
}

.editModalContent{
  background: #fff;
  width: 90%;
  margin: 10% 5% 40% 5%;
  padding: 30px;
  z-index: 3;
}

.playlistMmodalContent{
  background: #fff;
  width: 90%;
  margin: 10% 5% 40% 5%;
  padding: 30px;
  z-index: 3;
}

.playlistMmodalContent{
  background: #fff;
  width: 90%;
  margin: 10% 5% 40% 5%;
  padding: 30px;
  z-index: 3;
}

#modalTable, #modalTableS {
  margin:5px;
}

#modalTable input[type="text"], #modalTable input[type="number"], .change_playlist input[type="number"], #modalTableS input[type="text"], #modalTableS input[type="number"] {
  box-sizing: border-box;
  background-color : #ffffff;
  margin:0;
}

.width_full {
	box-sizing: border-box;
	width:100%;
}

.editPlaylist .changed {
  background-color: pink !important;
}

.editPlaylist .changedRadio {
  accent-color: yellow !important;
}

.modalScroll .editModalContent {
  overflow-y: scroll;
  height:80vh;
  margin: 5% 5% 5% 5%;
}

#deleteDiv {
  display: -webkit-box;
}
.editModalContent .submit {
  margin-top : 0px !important;
  padding-bottom : 10px !important;
}

#preRedairect label{
	width:fit-content;
}
/* FullCalender用
----------------------------------------------------*/
.fc-col-header, .fc-scrollgrid, .fc-scrollgrid-sync-table {
	margin: 0px;
}

.fc-toolbar-title {
	color: #000;
	background: #FFF;
	font-size: 1.75em !important;
}

/* プレイリスト編集画面 DVSプレビュー用
----------------------------------------------------*/
/*会議録タブ*/
nav.subtab a:nth-child(3) {
    color: #666;
    pointer-events: none;
}

nav.subtab a {
    border-left: 1px solid #565d63;
    border-right: 1px solid #565d63;
    
}
nav.subtab h3 {
    font-size: 1.000em;
    margin:0px
}
nav.subtab a {
    display: inline-block;
    font: sans-serif;
    text-align: center;
    background-color: #efefef;
    color: black;
    text-decoration: none;
    padding: 5px 0;
    width:30%;
    border-top: 6px solid #a9a9a9;
    cursor:pointer;
    font-size: 1.000em;
    
}
nav.subtab a.active {
    border-top: 6px solid #4f799e;
        background-color: #fff;
    text-decoration: underline;
    line-height: 1.6;
}

.cell_colone,.subtab_content {
    border: solid 1px #565d63;
}

.colDark, .cell_colone th.council {
    background: #565d63;
}


.profile .layout_th{
    /*background:#d5a02e;*/
    border-bottom: 1px dotted #dbdbdb;
    width:100px;
}
.profile td{
    padding-left:5px;
    border-bottom: 1px dotted #dbdbdb;
    border-right: 1px dotted #dbdbdb;
    background: #fff;
}

.profile .photo{
    padding-left:0px;
    vertical-align: middle;
    width:60px;
    text-align:center;
}

.group_name .layout_th,.profile .layout_th,.colLight  {
    background:#4f799e;
    /*color: #000;*/
}

.profile .layout_th{
    /*background:#d5a02e;*/
    border-bottom: 1px dotted #dbdbdb;
    width:100px;
	padding-left: 0px;
}
.profile td{
    padding-left:5px;
    border-bottom: 1px dotted #dbdbdb;
    border-right: 1px dotted #dbdbdb;
	border: 0;
	
}
.profile td a{
	color: #333;
}

.cell_colone {
    width:99%;
    margin:2px;
}

.cell_colone table {
margin:0px;
    width:100%;
    border-collapse:collapse;
    border: 0px;
}
.layout_th {
    padding:3px;
    text-align:right;
    vertical-align:middle;
    color:#fff;
}

.subtab_content {
    padding:5px;
    overflow-y: scroll;
}

#speech .m_nav,
#speech .m_no_movie {
    vertical-align: top;
    min-width:50px;
    text-align:center;
    display: inline-block;
}

div.active {
    display: block;
   /* min-height: 60px;*/
}

#speech span {
    display:table-cell;
}
#speech span:nth-child(1) {
    width:100%;
}
#speech span:nth-child(n+2) {
    min-width:50px;
    text-align:center;
    vertical-align: top;
}

.m_no_movie {
    vertical-align: top;
    min-width:50px;
    text-align:center;
    display: inline-block;
	color: #333;
}

.movie_play:hover {
    cursor: pointer;
}
.m_nav_disable,
.m_no_movie {
    pointer-events: none;
    cursor: default;
}

#speech .m_nav {
	min-width: 100px;
}

/* === ボタンを表示するエリア ============================== */
.switchArea {
line-height    : 24px;                /* 1行の高さ          */
letter-spacing : 0;                   /* 文字間             */
text-align     : center;              /* 文字位置は中央     */
font-size      : 1em;                /* 文字サイズ         */
position       : relative;           /* 親要素が基点    */
float          : right;                /* 右寄せ           */
width          : 120px;               /* ボタンの横幅       */
background     : #fff;                /* デフォルト背景色   */
cursor         : pointer;
pointer-events : auto;
margin         : 1px 0px 1px 0px;
}

/* === チェックボックス ==================================== */
.switchArea input[type="checkbox"] {
opacity        : 0;            /* チェックボックス非表示 */
position       : absolute;
width          : 100%;
left           : 0px;
}


/* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
display        : block;               /* ボックス要素に変更 */
box-sizing     : border-box;          /* 枠線を含んだサイズ */
height         : 24px;                /* ボタンの高さ       */
border         : 2px solid #999999;   /* 未選択タブのの枠線 */
border-radius  : 12px;                /* 角丸               */
cursor         : pointer;
}


/* === チェックボックスのラベル（ONのとき） ================ */
.switchArea input[type="checkbox"]:checked +label {
border-color   : #4f799e;             /* 選択タブの枠線     */
}


/* === 表示する文字（標準） ================================ */
.switchArea label span{

padding        : 0 0 0 22px;          /* 表示する位置       */
color          : #999999;             /* 文字色             */
float          : unset !important;
}


/* === 表示する文字（ONのとき） ============================ */
.switchArea  input[type="checkbox"]:checked + label span{
padding        : 0 14px 0 5px;        /* 表示する位置       */
color          : #4f799e;             /* 文字色             */
}


/* === 丸部分のSTYLE（標準） =============================== */
.switchArea .swImg {
position       : absolute;            /* 親要素からの相対位置*/
width          : 16px;                /* 丸の横幅           */
min-width      : 16px !important;
height         : 16px;                /* 丸の高さ           */
background     : #999999;             /* カーソルタブの背景 */
top            : 4px;                 /* 親要素からの位置   */
left           : 4px;                 /* 親要素からの位置   */
border-radius  : 8px;                 /* 角丸               */
transition     : .2s;                 /* 滑らか変化         */
}


/* === 丸部分のSTYLE（ONのとき） =========================== */
.switchArea input[type="checkbox"]:checked ~ .swImg {
transform      : translateX(95px);    /* 丸も右へ移動       */
background     : #4f799e;             /* カーソルタブの背景 */
}
/* プレイリスト編集 会議 */
/* 更新 */
th.editcouncil-update {
    width: 60px;
}
/* 会議ID  */
th.editcouncil-council-id {
    width: 40px;
}
/* 年(西暦) */
th.editcouncil-year {
    width: 80px;
}
/* 日程編集 */
th.editcouncil-schedule-edit {
    width: 60px;
}
/* 会議ID */
th.editcouncil-edit-council-id {
    width: 100px;
}

/* プレイリスト編集 プレイリスト */
/* 更新 */
th.editplaylist-update {
    width: 45px;
}
/* プレイリストID */
th.editplaylist-playlist-id {
    width: 100px;
}
/* 日付 */
th.editplaylist-date {
    width: 70px;
}
/* 発言者ID */
th.editplaylist-speaker-id {
    width: 70px;
}
/* 再生時間 */
th.editplaylist-play-time {
    width: 70px;
}
/* 映像公開フラグ */
th.editplaylist-video-release-flag {
    width: 100px;
}
/* ライブマウント */
th.editplaylist-live-mount {
    width: 100px;
}
/* 反映フラグ */
th.editplaylist-reflection-flag {
    width: 80px;
}
/* 表示開始日時 */
th.editplaylist-display-start-date-time {
    width: 130px;
}
/* 複製 */
th.editplaylist-duplicate {
    width: 45px;
}
/* プレイリストID */
th.editplaylist-edit-playlist-id {
    width: 200px;
}
/* 再生時間 */
th.editplaylist-edit-play-time {
    width: 200px;
}
/* スマートデバイス用リンクタグ */
th.editplaylist-edit-linktag-for-smartdevices {
    width: 200px;
}

/* プレイリスト編集 日程 */
/* 会議ID  */
th.editschedule-council-id {
    width: 40px;
}
/* 年(西暦) */
th.editschedule-year {
    width: 80px;
}
/* 更新 */
th.editschedule-update {
    width: 45px;
}
/* 日程ID */
th.editschedule-schedule-id {
    width: 80px;
}
/* プレイリスト編集 */
th.editschedule-playlist-edit {
    width: 120px;
}
/* 日程ID */
th.editschedule-edit-schedule-id {
    width: 100px;
}

/* プレイしスト編集 会議・日程（カレンダー） */
/* 会議ID  */
th.councilcalender-council-id {
    width: 100px;
}
/* 日程ID */
th.councilcalender-schedule-id {
    width: 100px;
}

/* === ライブ開始時刻設定用スタイル =========================== */
#setTime {
  width:30px
}
   
#tableComment
{
  margin:0% 1% 0%
}