/*	remaping.css											*/
/*	りまぴん のためのスタイルシート							*/
/*	このスタイルシートを変更してデザインを調整できます。	*/
/*  プリント環境改善のために実寸系に置きかえ				*/
/*	Nekomataya/kiyo 2017								*/
/*	想定用紙サイズは JIS/ISO A3								*/

/*========== タイムシート全体 ============*/
 * {
  margin: 0; padding: 0;
 }
/*		基本デザイン
	情報量が多くて密度が低いのでフォントは小さめに
	ユーザ選択は基本的に禁止
*/
body {
	width:1122px;
	margin:0 100px 4px 0;
	padding:0 16px 0 0 ;
	overflow:scroll;
	background-color:#dedede;
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	vertical-align:middle;
	font-size:9pt;
	line-height:1.5;
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic','ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
/*
	background-image:url(images/logo/logo_UAT.png);
 	background-repeat: no-repeat;
  	background-attachment: fixed;
    background-position:100% 100%;
*/
/*========== リンク ============*/
a:link		{color:#000066}
a:visited	{color:green}
a:hover		{color:red;background-color:snow}
a:active	{color:gray;background-color:snow}
a:focus		{color:#880000;background-color:snow}

/*		固定ヘッダ
	ウインドウ全体をUIに割り付け、UIのマージン等を取得するエレメント
*/
#fixedHeader {
	width:100%;
	position:fixed;
	z-index:3;
}
.loginPanel	{
	width:100%;
	text-align:right;
	padding:0 0 0 0;
	}
/* スクロール領域*/
#UIheaderScrollV {
	display:inline;
}
#UIheaderScrollH {
	display:inline;
}
#UIheaderFix {
	display:inline;
	z-index:4;
}
/* #qdr1 {	margin-left:16px;} */
.qdr-left {
	background-color:#dedede;
}
#qdr4 {
	position:relative;
}


/* アプリケーションヘッダーライン
	印刷時は非表示
*/
div.server-info {
  text-align:right;
}
div #toolbarHeader {
	padding:0 0 0 8px;
	float:left;
	width:100%;
	background-color:#a0a0a0;
}
div #sheetHeaderTable{
	padding-right:8px;
}
/*	ステータス表示行	*/
.headerInfo{
	text-align:right;
}
/*	ステータス表示行セレクターつき（閲覧用）	*/
.headerInfoAlt	{
	display:none;
}
/*印刷｜画像出力バッファ iframe*/
#printFrame {
	display:inline;
}
/*		デバッグ
	AIR専用エレメントは取リわけ
*/
.debug {
	display:none;
}
#debug {
	display:none;
}
#airDbg {
	display:none;
}
/*		各種UIテーブル/エレメント
	各エレメントの値は設定ファイルを読み込んで更新されるので、この値は仮値
*/
div#UIheader {
	position:fixed;
	display:none;
	z-index: 2;
}
div.fixedHeadline {
	position:absolute;
}
iframe.UIhidden {
	visibility:none;
}
/*
	table
	border-color:#bbbbbb;
*/
table {
	box-sizing: border-box;
	margin:0 0 0 16px;
	padding:0 0 0 0;
	border-width:0px 1px 0 0;
	border-style:solid;
	table-layout:fixed;
	max-height:100%;
}
table.UItable{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-width:2px 1px 0 0;
	border-style:solid;
	table-layout:fixed;
}

table.info	{
	width:100%;
	height:24px;
	border-width:0;
	table-layout:fixed;
}
table.sheet	{
	table-layout:fixed;
		margin-top :0px;
		margin-left:0px;
		width:240px;
		z-index: 1;
transform: {matrix(1, 0, 0, 1, 0, 0)};
}
table.toolbox {	
	margin:0 0 0 0;
	padding:0 0 0 0
}
/*
		テーブル要素
	基準高さはth全体で設定
*/
th {
	text-align:center;
	border-style:solid;
	border-width:4px 1px 1px 0;
	line-height:1;
	height:4.5mm;
}
/*
	シートドキュメントヘッダ
*/
th.opusLabel     { width:4em;}
th.titleLabel    { width:18em;}
/*th.scenecutLabel{}*/
th.subtitleLabel { width:8em;}
th.timeLabel     { width:18em;}
th.nameLabel     { width:12em;}
th.pageLabel     { width:8em;}

td#edchg         { display:none}
th.headerLabel   {color:gray;border-color:#bbbbbb;text-align:left;border-width:0 0 4px 0;}
.opusHeader     { width:106px;}
.titleHeader    { width:348px;}
.scenecutHeader { width:151px;}
.subtitleHeader { width:302px;}
.timeHeader     { width:189px;}
.nameHeader     { width:132px;}
.pageHeader     { width:132px;}

/*
	シート本体のビュー設定
	時間スケール(トラック左端)
	display:none;
	.tlhead    .timeline-header
*/
.tlhead {
	overflow:visible;
	height:1px;
	border-style:solid;
	border-width:0 0 1px 0;
	vertical-align:bottom;
}
/*
xMap Design-TEST 

*/
.mapButton {width:96px;}
.note {color:#d0d0d0;}
.thumbnail {width:320px;}
.thumbnailS {width:128px;}

.xmap {display:none;}
/*
	タイムシートドキュメント
	タイムラインヘッダー
*/
.trackLabel{
	color:blue;
}
.headerInfoLabel{
	color:green;
}
th.tcSpan {
	width:3em;
}
th.tclabel{
	text-align:center;
	border-style:solid;
	border-width:0 1px 3px 0;
	}
/*
th.tclabel-
	参照欄(アクション・参考欄)
 */
th.referenceSpan {
	width:2em;
}
th.referencelabel {
	text-align:center;
	border-style:solid;
	border-width:0px 1px 3px 0;
	font-size:10px;
}
th.layerlabelR {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
	font-size:10px;
}
/*
	ダイアログトラック
*/
th.dialogSpan {
	width:3em;
}
th.dialoglabel {
	text-align:center;
	border-style:solid;
	border-width:0 1px 3px 0;
	font-size:10px;
	height:16px;
}
th.dialoglabel-join {
	border-right-width:0;
}
/*
	音響トラック
*/
th.soundSpan {
	width:3em;
}
th.soundlabel {
	text-align:center;
	border-style:solid;
	border-width:0 1px 3px 0;
	font-size:10px;
	height:16px;
}
th.soundlabel-join {
	border-right-width:0;
}
/*
		一般編集領域
	dialog/still/timing/sfx/camera
*/
th.editSpan {
	width:3em;
}
th.layerlabel {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
	font-size:10px;
}

/* still */
th.stillSpan {
	width:1em;
}
th.stilllabel {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
}
/* timing/replacement */
th.timingSpan {
	width:3em;
}
th.timinglabel {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
}
/* geometry/stagework */
th.geometrySpan {
	width:3em;
}
th.geometrylabel {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
}
/* sfx/effect */
th.sfxSpan {
	width:3em;
}
th.sfxlabel {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
}
/* camera/geometry */
th.cameraSpan {
	width:4em;
}
th.cameralabel {
	text-align:center;
	border-style:solid;
	border-width:3px 1px 3px 0;
	font-size:5pt;
}
/* tracknote 注釈トラック */
th.tracknoteSpan {
	width:2em;
}
th.tracknotelabel {
	text-align:center;
	border-style:solid;
	border-width:0 1px 3px 0;
}
/*
		フレームコメント
	全体幅のクッションエリアとしても機能させるので
	このエレメントは幅指定無し
	クッション機能は終了  2023 02
*/
th.framenoteSpan {
	min-width:96px;
}
th.framenotelabel {
	text-align:center;
	border-style:solid;
	border-width:0 1px 3px 0;
}
/*
	ページ印刷用トレーラー
*/
div.printPage {
	page-break-inside:avoid;
}
/*
	シート冒頭メモ欄
*/
.top_comment {
	font-size:8pt;
}
/*
	タイムシート記述終了マーカー
*/
.endMarker {
	display:inline-block;
	position:absolute;
	width:240px;
	margin:0;
	height:8px;
	text-align:center;
	border-top-style:double;
	border-width:4px 0 0 0;
	z-index:3;
	margin-top:8px;
}

/*		テーブルデータ基本
*/
td {
	position:relative;
	text-align:center;
	vertical-align:middle;
	border-style:solid;
	border-width:0 1px 1px 0;
	padding:0;
	margin:0;
	white-space: nowrap;
	overflow:visible;
	font-size:8px;
	line-height:1.0;
	height:10px;
}
/*	height:17.847px; */

td.menu {
	text-align:left;
	border-style:none;
	vertical-align:bottom
}

td.toolbar {
	text-align:left;
	border-style:none;
	vertical-align:top
}

td.toolbarR {
	text-align:right;
	border-style:none;
	vertical-align:top
}

td.logo	{
	text-align:right;
	border-style:none;
	vertical-align:bottom
	}

td.header {
	background-color:#000000;
	color:#f8f8f8;
	text-align:center;
	border-style:none;
	vertical-align:middle;
	font-weight:bold;
}

td.footer {
	background-color:#000000;
	color:#f8f8f8;
	text-align:center;
	border-style:none;
	vertical-align:middle;
	font-weight:bold;
}
td.layerOption {
	color:#f8f8f8;
	text-align:center;
	border-style:none;
	vertical-align:middle;
	font-weight:bold;
	width:100px;
}
/*		UI　TCインジケータ
*/
input.fct {
	width:128px;
}
/*		UI　グラフィックアイコンボタン
	width:24px;
	height:24px;
*/
button.iconButton {
	width:27px;
	height:27px;
	background-color:#666666;
	border-width:1px;
	vertical-align:middle;
   /* 角丸 */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

/*アイコンイメージ*/

background-image: url(images/ui/nas-ui-icons_IVS.png);
}

button.iconButton:hover {
	background-color:#464646;
}

button.iconButton:disabled {
	background-color:#b0b0b0;
}

/*    icon offset positioning 27x27*/
/*1*/
.iconButton-blank         { background-position: 27px 27px; }

.iconButton-noItemDefault { background-position: 0 0; }
.iconButton-selectBox     { background-position: -27px 0; }
.iconButton-cut           { background-position: -54px 0; }
.iconButton-cut_d         { background-position: -81px 0; }
.iconButton-copy          { background-position: -108px 0; }
.iconButton-copy_d        { background-position: -135px 0; }
.iconButton-paste         { background-position: -162px 0; }
.iconButton-paste_d       { background-position: -189px 0; }
.iconButton-undo          { background-position: -216px 0; }
.iconButton-undo_d        { background-position: -243px 0; }
.iconButton-redo          { background-position: -270px 0; }
.iconButton-redo_d        { background-position: -297px 0; }
.iconButton-gia           { height:18px ;background-position: -324px 0; }
.iconButton-gia_d         { height:18px ;background-position: -351px 0; }
.iconButton-axeVoid       { background-position: -378px 0; }
.iconButton-selectCircle  { background-position: -405px 0; }
/*2*/
.iconButton-toReference   { background-position: 0 -27px; }
.iconButton-fromReference { background-position: -27px -27px; }
.iconButton-toRight       { background-position: -54px -27px; }
.iconButton-toLeft        { background-position: -81px -27px; }
.iconButton-reload        { background-position: -108px -27px; }
.iconButton-set           { background-position: -135px -27px; }
.iconButton-get           { background-position: -162px -27px; }
.iconButton-openX         { background-position: -189px -27px; }
.iconButton-storeX { background-position: -216px -27px; }
.iconButton-cgiStore { background-position: -243px -27px; }
.iconButton-storeAs { background-position: -270px -27px; }
.iconButton-exp { background-position: -297px -27px; }
.iconButton-imp { background-position: -324px -27px; }
.iconButton-push { background-position: -351px -27px; }
.iconButton-pull { background-position: -378px -27px; }
.iconButton-close { background-position: -405px -27px; }
/*3*/
.iconButton-document { background-position: 0 -54px; }
.iconButton-timesheet { background-position: -27px -54px; }
.iconButton-layerName { background-position: -54px -54px; }
.iconButton-export { background-position: -81px -54px; }
.iconButton-import { background-position: -108px -54px; }
.iconButton-cat { background-position: -135px -54px; }
.iconButton-fldChart { background-position: -162px -54px; }
.iconButton-refChart { background-position: -189px -54px; }
.iconButton-fromTVP { background-position: -216px -54px; }
.iconButton-toTVP { background-position: -243px -54px; }
.iconButton-dialog2Text { background-position: -270px -54px; }
.iconButton-dialogEdit { background-position: -297px -54px; }
.iconButton-simplify { background-position: -324px -54px; }
.iconButton-eraser { background-position: -351px -54px; }
.iconButton-zoom { background-position: -378px -54px; }
.iconButton-search { background-position: -405px -54px; }
/*4*/
.iconButton-section { background-position: 0 -81px; }
.iconButton-reformat { background-position: -27px -81px; }
.iconButton-clearFS { background-position: -54px -81px; }
.iconButton-axe_1 { background-position: -81px -81px; }
.iconButton-axe_2 { background-position: -108px -81px; }
.iconButton-axe_3 { background-position: -135px -81px; }
.iconButton-axe_4 { background-position: -162px -81px; }
.iconButton-pen_1 { background-position: -189px -81px; }
.iconButton-pen_2 { background-position: -216px -81px; }
.iconButton-pen_3 { background-position: -243px -81px; }
.iconButton-footStamp { background-position: -270px -81px; }
.iconButton-letter { background-position: -297px -81px; }
.iconButton-inbetweenDot { background-position: -324px -81px; }
.iconButton-bigCross { background-position: -351px -81px; }
.iconButton-notice { background-position: -378px -81px; }
/*.iconButton-dialog { background-position: -405px -81px; }*/
.iconButton-dialog { height:18px ;background-position: -405px -86px; }
/*5*/
.iconButton-clearTL { background-position: 0 -108px; }
.iconButton-FO { background-position: -27px -108px; }
.iconButton-FI { background-position: -54px -108px; }
.iconButton-transition { background-position: -81px -108px; }
.iconButton-interpSection { background-position: -108px -108px; }
.iconButton-strongCell { background-position: -135px -108px; }
.iconButton-interpDot { background-position: -162px -108px; }
.iconButton-vLine { background-position: -189px -108px; }
.iconButton-wLine { background-position: -216px -108px; }
.iconButton-incrCell { background-position: -243px -108px; }
.iconButton-decrCell { background-position: -270px -108px; }
.iconButton-addCircle { background-position: -297px -108px; }
.iconButton-addBrackets { background-position: -324px -108px; }
.iconButton-addAngles { background-position: -351px -108px; }
.iconButton-incr { background-position: -378px -108px; }
.iconButton-decr { background-position: -405px -108px; }
/*6*/
.iconButton-util { background-position: 0 -135px; }
.iconButton-util_d { background-position: -27px -135px; }
.iconButton-skb { background-position: -54px -135px; }
.iconButton-skb_d { background-position: -81px -135px; }
.iconButton-path { background-position: -108px -135px; }
.iconButton-preview { background-position: -135px -135px; }
.iconButton-xps { background-position: -162px -135px; }
.iconButton-documents { background-position: -189px -135px; }
.iconButton-trace { background-position: -216px -135px; }
/* .iconButton-debug { background-position: -243px -135px; }*/
.iconButton-debug { height:18px ;background-position: -243px -139px; }
.iconButton-renumber { background-position: -270px -135px; }
.iconButton-makeLayerset { background-position: -297px -135px; }
.iconButton-divideLayers { background-position: -324px -135px; }
.iconButton-gatherLayers { background-position: -351px -135px; }
.iconButton-addRegister { background-position: -378px -135px; }
.iconButton-duplicateRegister { background-position: -405px -135px; }
/*7*/
.iconButton-switchTF { background-position: 0 -162px; }
.iconButton-timelineAnimation { background-position: -27px -162px; }
.iconButton-frameAnimation { background-position: -54px -162px; }
.iconButton-switchShortcut { background-position: -81px -162px; }
.iconButton-multipage { background-position: -108px -162px; }
.iconButton-singlepage { background-position: -135px -162px; }
.iconButton-plus { background-position: -162px -162px; }
.iconButton-paintFS { background-position: -189px -162px; }

.iconButton-movie { background-position: -216px -162px; }
.iconButton-ps { background-position: -243px -162px; }
.iconButton-printer { background-position: -270px -162px; }
.iconButton-floating { background-position: -297px -162px; }
.iconButton-info { background-position: -324px -162px; }
.iconButton-DBentry { background-position: -351px -162px; }
.iconButton-management { background-position: -378px -162px; }
.iconButton-home { background-position: -405px -162px; }
/*8*/
.iconButton-shiftLayerB { background-position: 0 -189px; }
.iconButton-shiftLayerU { background-position: -27px -189px; }
.iconButton-swapLayers { background-position: -54px -189px; }
.iconButton-focusTop { background-position: -81px -189px; }
.iconButton-duplicateLayers { background-position: -108px -189px; }
.iconButton-removeLayers { background-position: -135px -189px; }
.iconButton-addLayer_1 { background-position: -162px -189px; }
.iconButton-addLayer_2 { background-position: -189px -189px; }
.iconButton-goTo { background-position: -216px -189px; }
.iconButton-sortLayers { background-position: -243px -189px; }
.iconButton-reverseLayers { background-position: -270px -189px; }
.iconButton-smartTrsfm { background-position: -297px -189px; }
.iconButton-fixTrsfm { background-position: -324px -189px; }
.iconButton-resetTrsfm { background-position: -351px -189px; }
.iconButton-layerSetting { background-position: -378px -189px; }
.iconButton-layerRotation { background-position: -405px -189px; }
/*9*/
.iconButton-addStillTL { background-position: 0 -216px; }
.iconButton-addReplacementTL { background-position: -27px -216px; }
.iconButton-addStageworkTL { background-position: -54px -216px; }
.iconButton-addEffectsTL { background-position: -81px -216px; }
.iconButton-addSoundTL { background-position: -108px -216px; }
.iconButton-addTransitionTL { background-position: -135px -216px; }
.iconButton-addPeg { background-position: -162px -216px; }
.iconButton-addCameraTL { background-position: -189px -216px; }
.iconButton-insertTL { background-position: -216px -216px; }
.iconButton-removeTL { background-position: -243px -216px; }
.iconButton-blockRemove { background-position: -270px -216px; }
.iconButton-blockInsert { background-position: -297px -216px; }
.iconButton-addText { background-position: -324px -216px; }
.iconButton-editText { background-position: -351px -216px; }
.iconButton-addPlus { background-position: -378px -216px; }
.iconButton-removePlus { background-position: -405px -216px; }
/*10*/
.iconButton-selectAllAF { background-position: 0 -243px; }
.iconButton-initAF { background-position: -27px -243px; }
.iconButton-duplicateAF { background-position: -54px -243px; }
.iconButton-copyAF { background-position: -81px -243px; }
.iconButton-removeAF { background-position: -108px -243px; }
.iconButton-pasteAF { background-position: -135px -243px; }
.iconButton-reverseAF { background-position: -162px -243px; }
.iconButton-expandSelection { background-position: -189px -243px; }
.iconButton-expandLayrset { background-position: -216px -243px; }
.iconButton-expandAll { background-position: -243px -243px; }
.iconButton-flagBox { background-position: -270px -243px; }
.iconButton-flagMinus { background-position: -297px -243px; }
.iconButton-flagPlus { background-position: -324px -243px; }
.iconButton-flagCircle { background-position: -351px -243px; }
.iconButton-flagCross { background-position: -378px -243px; }
.iconButton-flagTriangle { background-position: -405px -243px; }
/*11*/
.iconButton-goWorkAreaHead { background-position: 0 -270px; }
.iconButton-goWorkAreaTail { background-position: -27px -270px; }
.iconButton-setWorkAreaHead { background-position: -54px -270px; }
.iconButton-setWaokAreaTail { background-position: -81px -270px; }
.iconButton-extractWorkArea { background-position: -108px -270px; }
.iconButton-liftWorkArea { background-position: -135px -270px; }
.iconButton-moveStartTL { background-position: -162px -270px; }
.iconButton-moveEndTL { background-position: -189px -270px; }
.iconButton-setStartTL { background-position: -216px -270px; }
.iconButton-setEndTL { background-position: -243px -270px; }
.iconButton-splitTL { background-position: -270px -270px; }
.iconButton-putKey { background-position: -297px -270px; }
.iconButton-removeKey { background-position: -324px -270px; }
.iconButton-shiftKey { background-position: -351px -270px; }
.iconButton-goToTime { background-position: -378px -270px; }
.iconButton-bigMinus { background-position: -405px -270px; }
/*12*/
    .iconButton-goBWD { background-position: 0 -297px; }
.iconButton-goFWD { background-position: -27px -297px; }
.iconButton-pause { background-position: -54px -297px; }
.iconButton-goFFWD { background-position: -81px -297px; }
.iconButton-goFBWD { background-position: -108px -297px; }
.iconButton-goNext { background-position: -135px -297px; }
.iconButton-goPrev { background-position: -162px -297px; }
.iconButton-stop { background-position: -189px -297px; }
.iconButton-eject { background-position: -216px -297px; }
.iconButton-OPEN { background-position: -243px -297px; }
.iconButton-OPENFS { background-position: -270px -297px; }
.iconButton-OPENNF { background-position: -297px -297px; }
.iconButton-removeItem { background-position: -324px -297px; }
.iconButton-eliminate { background-position: -351px -297px; }
.iconButton-markON { background-position: -378px -297px; }
.iconButton-mark { background-position: -405px -297px; }
/*13*/
    .iconButton-buildXPS { background-position: 0 -324px; }
.iconButton-editXPS { background-position: -27px -324px; }
.iconButton-linkXPS { background-position: -54px -324px; }
.iconButton-FPS { background-position: -81px -324px; }
.iconButton-movieFrame { background-position: -108px -324px; }
.iconButton-moieFrameSetting { background-position: -135px -324px; }
.iconButton-hamberger { background-position: -162px -324px; }
.iconButton-doner { background-position: -189px -324px; }
.iconButton-kebab { background-position: -216px -324px; }
.iconButton-meatball { background-position: -243px -324px; }
.iconButton-bento { background-position: -270px -324px; }
.iconButton-gostop { background-position: -297px -324px; }
.iconButton-goloop { background-position: -324px -324px; }
.iconButton-noReader { background-position: -351px -324px; }
.iconButton-countReader { background-position: -378px -324px; }
.iconButton-markOFF { background-position: -405px -324px; }
/*14*/
    .iconButton-ONS { background-position: 0 -351px; }
.iconButton-ONSsetting { background-position: -27px -351px; }
.iconButton-ONS_0 { background-position: -54px -351px; }
.iconButton-ONS_1 { background-position: -81px -351px; }
.iconButton-ONS_2 { background-position: -108px -351px; }
.iconButton-ONS_3 { background-position: -135px -351px; }
.iconButton-ONS_4 { background-position: -162px -351px; }
.iconButton-traceBlack { background-position: -189px -351px; }
.iconButton-traceR { background-position: -216px -351px; }
.iconButton-traceG { background-position: -243px -351px; }
.iconButton-traceB { background-position: -270px -351px; }
.iconButton-traceC { background-position: -297px -351px; }
.iconButton-traceM { background-position: -324px -351px; }
.iconButton-traceY { background-position: -351px -351px; }
.iconButton-traceGY { background-position: -378px -351px; }
/*
.iconButton- { background-position: -405px -351px; }
*/
/*15*/
.iconButton-addItem     { background-position: 0 -378px; }
.iconButton-editItem    { background-position: -27px -378px; }
.iconButton-issue       { background-position: -54px -378px; }
.iconButton-merge       { background-position: -81px -378px; }
.iconButton-salvage     { background-position: -108px -378px; }
.iconButton-STORE       { background-position: -135px -378px; }
.iconButton-STOREFS     { background-position: -162px -378px; }
.iconButton-STORENF     { background-position: -189px -378px; }
.iconButton-checkOut    { background-position: -216px -378px; }
.iconButton-checkIn     { background-position: -243px -378px; }
.iconButton-sinkUAT     { background-position: -270px -378px; }
.iconButton-floatUAT    { background-position: -297px -378px; }
.iconButton-receipt     { background-position: -324px -378px; }
.iconButton-branch      { background-position: -351px -378px; }
.iconButton-abort       { background-position: -378px -378px; }
.iconButton-destroy     { background-position: -405px -378px; }
/*16*/
.iconButton-message     { background-position: 0 -405px; }
.iconButton-menuFwd     { background-position: -27px -405px; }
.iconButton-menuBwd     { background-position: -54px -405px; }
.iconButton-openFolder  { background-position: -81px -405px; }
.iconButton-closeFolder { background-position: -108px -405px; }
.iconButton-prefix      { background-position: -135px -405px; }
.iconButton-postfix     { background-position: -162px -405px; }
.iconButton-sort        { background-position: -189px -405px; }
.iconButton-reverse     { background-position: -216px -405px; }
.iconButton-script      { background-position: -243px -405px; }
.iconButton-Idf         { background-position: -270px -405px; }
.iconButton-addGrp      { background-position: -297px -405px; }
.iconButton-delGrp      { background-position: -324px -405px; }
.iconButton-hand        { background-position: -351px -405px; }
.iconButton-circle      { background-position: -378px -405px; }
.iconButton-rect        { background-position: -405px -405px; }

/*17 */
.iconButton-uparrow     { background-position: 0 -432px; }
.iconButton-downarrow   { background-position: -27px -432px; }
.iconButton-leftarrow   { background-position: -54px -432px; }
.iconButton-rightarrow  { background-position: -81px -432px; }
.iconButton-reName      { background-position: -108px -432px; }
.iconButton-bake        { background-position: -135px -432px; }
.iconButton-pack        { background-position: -162px -432px; }
.iconButton-multiname   { background-position: -189px -432px; }
.iconButton-thumbnail   { background-position: -216px -432px; }
.iconButton-seekbar     { background-position: -243px -432px; }
.iconButton-eye         { background-position: -270px -432px; }
.iconButton-camera      { background-position: -297px -432px; }
.iconButton-move        { background-position: -324px -432px; }
.iconButton-resize      { background-position: -351px -432px; }
.iconButton-ungroup     { background-position: -378px -432px; }
.iconButton-group       { background-position: -405px -432px; }
/*18
.iconButton-    { background-position: 0 -459px; }
.iconButton-    { background-position: -27px -459px; }
.iconButton-    { background-position: -54px -459px; }
.iconButton-    { background-position: -81px -459px; }
.iconButton-    { background-position: -108px -459px; }
.iconButton-    { background-position: -135px -459px; }
.iconButton-    { background-position: -162px -459px; }
.iconButton-    { background-position: -189px -459px; }
.iconButton-    { background-position: -216px -459px; }
.iconButton-    { background-position: -243px -459px; }
.iconButton-    { background-position: -270px -459px; }
.iconButton-    { background-position: -297px -459px; }
.iconButton-    { background-position: -324px -459px; }
.iconButton-    { background-position: -351px -459px; }
.iconButton-    { background-position: -378px -459px; }
.iconButton-    { background-position: -405px -459px; }
*/
/*19*/
.iconButton-checker     { background-position: 0 -486px; }
.iconButton-cell        { background-position: -27px -486px; }
.iconButton-separation  { background-position: -54px -486px; }
.iconButton-traceAll    { background-position: -81px -486px; }
.iconButton-traceFGC    { background-position: -108px -486px; }
.iconButton-traceK      { background-position: -135px -486px; }
.iconButton-tracePPP    { background-position: -162px -486px; }
.iconButton-paintLayer  { background-position: -189px -486px; }
.iconButton-thiningLine { background-position: -216px -486px; }
.iconButton-borderFill  { background-position: -243px -486px; }
.iconButton-smoother    { background-position: -270px -486px; }
.iconButton-colorBox    { background-position: -297px -486px; }
.iconButton-colorInfo   { background-position: -324px -486px; }
.iconButton-pickupColor  { background-position: -351px -486px; }
.iconButton-pickupGray   { background-position: -378px -486px; }
.iconButton-pickupDrawing{ background-position: -405px -486px; }

/*一文字用ボタン*/
button.oneChr {width:1.5em;margin:0;padding:0;}

/*サインイン／アウトボタン*/
button.sign {width:10em;}

/*カラーセレクトボタン*/
button.colorSelect {
	width:16px;
	height:16px;
	border-width:1px;
	vertical-align:middle;
   /* 角丸 */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*	タブコントロール
*/
button.tabControll {
	font-size:100%;
	height:24px;
	margin:0;
	vertical-align:middle;
	border-style:none;
	background-color:#eeeeee;

/*タブUI背景イメージ*/

background-image: url(images/ui/tabOverlay.png);
}

button.tabControll-xmap {
	width:128px;
}
button.tabControll-xpst {
	width:116px;
}
button.tabControll-end {
	width:12px;
}

button.tabControll:hover {
	color:#ff8080;
	font-weight:bold;
}

button.tabControll:disabled {
	color:#888888;
}

/*	icon offset positioning 0/12,24
spacer-left-deactive
spacer-left-active
spacer-midd-deactive
spacer-midd-active-left
spacer-midd-active-right
spacer-right-deactive
spacer-right-active

active
deactive

*/

.tabControll-left-deactive           { background-position: 0 0px; }
.tabControll-left-active   			 { background-position: 0 -24px; }
.tabControll-midd-deactive-overlay   { background-position: 0 -48px; }
.tabControll-midd-deactive           { background-position: 0 -72px; }
.tabControll-midd-active             { background-position: 0 -96px; }
.tabControll-end-deactive            { background-position: 0 -120px; }
.tabControll-end-active              { background-position: 0 -144px; }

div.tabSelector	{
	background-color:#eeeeee;
}
div#tabSelector-base.tabSelector	{
	background-color:#888888;
	border-top:4px solid #888888;
}


/*		UI　AEキー　コンバートスイッチ
*/
input.aekConvert {
	width:72px;
	text-align:center;
}
/*		UI　入力エリア
*/
div.iNputhEader{
	position:relative;
	outline:none;
	text-align:left;
	width:100%;
	height:32px;
	border-style:none;
	background-color:none;
	font-size:14px;
	margin-left:7em;
	padding-left:6em;
}
div.iNputhEader:hover{
	text-align:left;
	border-style:solid;
	border-width:1px;
	background-color:snow;
}
button#edchg {
	display:inline;
	position:absolute;
	width:5em;
	height:20px;
	z-index:3;
	text-align:center;
	vertical-align:middle;
	border-style:solid;
	margin: 8px 0px 4px 4px;
	border-width:1px;
   /* 角丸 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;	
}

/*	入力コントロール行
*/
.inputControl-show {
	height : 34px;
	opacity: 1;
}
.inputControl-hide {
	height : 1px;
	opacity: .0;
}


input.iNputbOx {
	outline:none;
	text-align:left;
	width:75%;
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color:#ffffff;
	font-size:14px;
	margin:4px 0 4px 6em;
	padding:4px 0px 4px 6px;
}
input.iNputbOx :focus{
	border-style:solid;
	border-width:1px;
}
/*		UI　サブコントロール
	height:12px(1px overlap)
	width:20px;
*/
span.subControl_TC {
	display:none;
	position:relative;
	height:24px;
	width:64px;
	left:64px;
}
span.subControl_XTC {
	position:relative;
	height:24px;
	width:64px;
	left:64px;
}
span.subControl_SPIN {
	position:relative;
	height:24px;
	width:24px;
	left:24px;
}
input.tcInput {
	width:96px;
}

button.subControl {
	width:21px;
	height:12px;
	background-color:#666666;
	border-width:1px;
/*アイコンイメージ*/
	background-image: url(images/ui/subControlButtons.png);
}
button.subControl:hover {
	background-color:#464646;
}
button.subControl:disabled {
	background-color:#b0b0b0;
}

/* アイコン分離*/
.subControl-incrS { background-position: -2px 0; }
.subControl-incr6 { background-position: -26px 0; }
.subControl-incr { background-position: -50px 0; }
.subControl-decrT { background-position: -74px 0; }

.subControl-decrS { background-position: -2px -12px; }
.subControl-decr6 { background-position: -26px -12px; }
.subControl-decr { background-position: -50px -12px; }
.subControl-incrT { background-position: -74px -12px; }

.subControl-leftStop { background-position: -2px -24px; }
.subControl-left { background-position: -26px -24px; }
.subControl-right { background-position: -70px -24px; }
.subControl-rightStop { background-position: -54px -24px; }

.subControl-playT { background-position: -2px -36px; }
.subControl-circle { background-position: -26px -36px; }
.subControl-stop { background-position: -50px -36px; }
.subControl-pause { background-position: -74px -36px; }

.subControl-lock { background-position: -2px -48px; }
.subControl-unlock { background-position: -26px -48px; }

input.spinCtl {
	width:48px;
	height:16px;
	margin: 0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	border:1px solid #aaa;
}
button.spinCtl {
	width:20px;
	height:18px;
	margin: 0;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	padding:0;
	border:1px solid #888;
	position:relative;
	background-color:gray;
	color:white;
}
button.spinCtl:hover {
	background-color:#444;
}
button.spinCtl:active {
	background-color:#ccc;
}
/*
    background-image:-moz-linear-gradient(top,#fff 0%,
    #000);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),
    to(#000)););
*/
button.spinCtl-top {
	left:-22px;top:-5px;
   /* 角丸 */
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
button.spinCtl-bottom {
	left:-22px;top:6px;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 0 0 4px 4px ;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;

}
button.spinCtl-left {
	left:0;top:0;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
button.spinCtl-right {
	left:0;top:0;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;

}

/**
 * .timeControlButton
 */

.timeControl {
	margin: 2px 62px 2px 0;
}
button.subControl {
	margin: 0;
    font-size:6px;
    text-align:center;
    padding:0;
    border:1px solid #888;
	position:absolute;
}

.subControl-left {
	left:-60px;top:-5px;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
 }
.subControl-right {
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
 }
  .subControl-left-top {
	left:-60px;top:-5px;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
 }
 .subControl-left-bottom {
	left:-60px;top:6px;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 0 0 0 3px;
    -webkit-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
 }
 .subControl-mid-top {
	left:-40px;top:-5px;
	margin: 0;
 }
 .subControl-mid-bottom {
	left:-40px;top:6px;
	margin: 0;
 }
  .subControl-right-top {
	left:-20px;top:-5px;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
 }
 .subControl-right-bottom {
	left:-20px;top:6px;
	margin: 0;
   /* 角丸 */
    -moz-border-radius: 0 0 3px 0;
    -webkit-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
 }
 /*========== ページヘッダーエリア包括 ============
	値取得の簡略化のためこの要素のheightは、
	この配下の二つのテーブルの合算を設定しておくこと
 */
.headerArea {
	display:none;
	width:1058px;
	height:318px;
	padding-left:16px;
 }
 /*========== ページヘッダーテーブル ============*/
table.pageHeader,.sheetHeader {
	width:1058px;
	height:68px;
	margin:0;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#bbbbbb;
}
td.pgHeader {
	height:38px;
	margin:0;
	border-width:0;
	border-style:none;
	font-size:16pt;
}
/*========== シートヘッダーマージン ============
	メモ領域をとるマージン
	２ページめ以降はダミー
*/
table.sheetHeaderMargin {
	width:1056px;
	height:256px;
	margin:0;
	border-style:none;
	border-width:0;
}
.memoSpace {
	width:1056px;
	min-height:128px;
	border-width:0;
	text-align:left;
	vertical-align:top;
	line-height:1.5;
	overflow:visible;
}


/*	ツールボックスの部品*/
input.toolTip	{
	height:15pt;
	width:100%;
}
/*	タイムシートセル罫線
	タイムシートセルは以下の分類でスタイルを設定している
	Sep	= セパレータ separator
	l	= left   テーブル左端
	n	= normal 通常セル
	d	= dailog ダイアログセル
	lt,nt,dt	秒	time-separator left|normal|dialog
	ls,ns,ds	サブセパレータ 	sub-separator
	ln,nn,dn	標準セパレータ 	normal-separator
	
	左端.left-endで
		border-left-width:1px を追加する
	通常セルは.sheet-cell
		border-top-width    :0px;
		border-right-width  :1px;
		border-bottom-width :1px;
		border-left-width   :0px;
	タイムセパレータ
		border-bottom-width :3px;
	サブセパレータ
		border-bottom-width :2px;
 */
td.Sep {
	color:gray;
}
/*	タイムセパレータライン
	time-separator-left
	time-separator
	time-separator-dialog
 */
/*		左端
	height 固定16px は廃止
*/
td.ltSep,td.ltSep_Blank {
	text-align:right;
	border-style:solid;
	vertical-align:bottom;
	border-bottom-width:4px;
}
/*		通常データ*/
td.ntSep,td.ntSep_Blank {
		border-bottom-width:4px;
}
/*		ダイアログ*/
td.dtSep,td.dtSep_Blank {
		border-bottom-width:4px;
}

/*サブセパレータライン
	sub-separator-left
	sub-separator
	sub-separator-dialog
 */
/*		左端
	height 固定16px は廃止
 */
td.lsSep,td.lsSep_Blank {
	text-align:right;
	border-style:solid;
	vertical-align:bottom;
	border-bottom-width:0;
}
/*		通常データ*/
td.nsSep,td.nsSep_Blank {
		border-bottom-width:3px;
}
/*		ダイアログ*/
td.dsSep,td.dsSep_Blank {
		border-bottom-width:0;
}

/*通常ライン
	.separator-left
	.separator
	.separator-dialog
 */
/*		左端
	height:16px;
*/
.lnSep,.lnSep_Blank {
	text-align:right;
	border-style:solid;
	vertical-align:bottom;
	border-width:0 1px 0px 0px;
}
/*		参照データ
未使用？
		height:16px;
*/
td.ref {
	color:gray;
}
td.rnSep,.rnSep_Blank {
		border-bottom-width:1px;
}
th.rnArea{
		border-bottom-width:1px;
		width:144px;
		padding:0;
		font-size:10px;
}
/*		通常データ
		height:16px;

*/
td.nnSep,td.nnSep_Blank {
			border-bottom-width:1px;
}



th.editArea ,th.camArea{
		border-width:0 1px 0 0;
		padding:0;
		font-size:10px;
}
/*		ダイアログ*/
td.dnSep,td.dnSep_Blank {
		border-bottom-width:0;
}
th.dialoglabel {
		width:36px;
}

td.soundbody{
        font-weight:9;
}
td.soundbody-join{
        border-right-width:0;
}
/*
    display:inline-block;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	text-orientation: mixed;
*/
/*	タイムシートセル	*/
td.sheetbody {
	border-left-width:0;
	border-top-width:0;
	border-right-width:1px;
	height:9px;
}
/*	カラムセパレータ	*/
td.colSep {
	border-width:0 0 0 0;
	height:2px;
	width:6px;
}
/*	border-width:1px 1px 1px 1px; */
/*エンドセパレータ（未使用）*/
td.sheetMargin-left {
	height:2px;
	width :2px;
}
td.left-top{
	border-style:none;
}
td.left-end{
	border-style:solid;
	border-width:0 1px 0 0;
}

/*		左端*/
td.leSep,td.leSep_Blank {
		border-bottom-width:4px;
}
/*		通常データ*/
td.neSep,td.neSep_Blank {
		border-bottom-width:4px;
}
/*		ダイアログ*/
td.deSep,td.deSep_Blank {
		border-bottom-width:4px;
}
/*	時間表示	*/
.timeguide {
	text-align:left;
}
/*======================================================
/*	タイムシート上の入力ボックス	*/
.IptBox {
	background-color:#ffffff;
	height:10pt;
	border-width:0;
	border-style:none;
	text-align:center;
	margin:0;
	padding:0;
}
/*	ページノンブル	*/
.pgNm {
	font-size:9pt;
}

.infoTable {
	width:100%;
	text-align:center;
}
.sheet-header {
	z-index:auto;
}
.headerTool {
	padding:0 0 0 8px;
	width:100%;
	top:64px;
	z-index: 7;
}
.XpstHeaderTool {
	padding:0 0 0 8px;
	width:100%;
	top:64px;
	z-index: 7;
}
.footerTool {
	padding:0 0 0 8px;
	width:100%;
	top:0;
	margin:0;
}

.screenSpace{
	width:97%;height:10px;
}
.printPageStatus {
	display:none;
	text-align:right;
	width:1058px;
}
.printSpace {
	display:inline;
	height:180px;
	width:100%;
}

/*form view*/

input	{text-align:center;}
select	{text-align:center;}

select.historySelect {
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}

select.historySelect:hover		{color:red;background-color:snow}
select.historySelect:active		{color:gray;background-color:snow}
select.historySelect:focus		{color:#880000;background-color:snow}
/*
 * {
  margin: 0; padding: 0;
 }
 #fixed {
  position: fixed;
 }
 #sheet_view p {
  margin:0;
 }
	*/
 #sheet_view {
 	margin:0;
 }

/*タイムシートの文字飾り (例)*/
.v_bar	{color:blue;border-style:solid;border-color:blue;border-width:0 1px 0 0;padding:0;margin:0;}
.v_wave	{ height:11px;padding:0;margin:0;}
line  {margin:0;padding:0;}
/* */
td#title {
	font-weight:900;
}
td#scene_cut {
	font-weight:900;
}


div.application_status {
	z-index:88;
	border-style:solid;
	border-color:snow;
	border-width:0 ;
	padding:0 0 0 16px 
}
/*
	オプションパネル
*/
div.optionPanel{
	display:none;
	padding:0 0 0 8px;
	backgroung-color:snow;
}
div.optionPanelModal{
	display:none;
}
div.optionPanelFloat{
	display:none;
    position:absolute;
    background-color:#efefef;
    padding:0;
    border-style:solid;
    border-width:1px;
    border-color:#808080;
    z-index:7;
  /* 角丸 */
    -moz-border-radius: 4px ;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
a.minimize{
    position:absolute;
    right:32px;
    top:1px;
}
a.minimize img{
    border:none;
}
a.close{
    position:absolute;
    right:8px;
    top:1px;
}
a.close img{
    border:none;
}
.optionPanelFloat dl dt {
    height:25px;
    line-height:25px;
    text-indent:1em;
    font-weight:bold;
    cursor:move;
}
.optionPanelFloat dl dd {
    margin:0;
    padding:2em;
    line-height:1.5;
    text-indent:1em;
}
.floatPanelHeader {
    background-color:#888888;
}
@media (prefers-color-scheme: dark) {
    div.optionPanel{
        background-color:#333;
    }
    div.optionPanelModal{
/*        color:#eee;*/
        background-color:black;
    }
    div.optionPanelFloat{
        background-color:#333;
        border-color:#808080;
    }
    .floatPanelHeader {
        background-color:#555;
    }
}
/* 書類フォーマット編集パネル */
#optionPanelDocFormat{
	width:128px;
	top:152px;
	right:16px;
}
/* ドキュメント画像調整 */
#optionPanelImgAdjust{
	width:152px;
	height:236px;
	top:240px;
	right:100px;
}

/*アカウントパネル*/
#account_box	{
    position:absolute;
    top:0;
	right:0px;
	padding-right:16px;
}
/*ログインパネル*/
#optionPanelLogin{
	width:100%;
    display:none;
}
/*ソフトウェアキーボード*/
#optionPanelTbx {
    display:none;
    top:64px;
    left:120px;
    width:660px;
    height:210px;
}

.tBSelector {
    height:9em;
    width:7em;
    text-align:center;
    font-size:12pt;
}
#formTbx {
    padding-left:8px;
}
.skb_key {
    height:1.75em;
    width:2.75em;
    background-color:#eeeeee;
}
.skb_key_func {
    background-color:#dddddd;
}
.skb_key_m {
    width:4em;
}
.skb_key_w {
    width:5em;
    background-color:#cccccc;
}
/*音響フローティングパネル*/
#optionPanelSnd {
    top:32px;
    left:0px;
    width:660px;
    height:248px;
}
#formSnd {
	padding-left:12px;
}
#dialogEdit {
    border-style:none;
}

/*カメラワークパネル*/
#optionPanelCam {
    top:128px;
    right:32px;
    width:256px;
    height:256px;
}
#formCam {
	padding-left:12px;
}
/*ステージワークパネル*/
#optionPanelStg {
    top:96px;
    right:64px;
    width:640px;
    height:480px;
}
#formStg {
	padding-left:12px;
}
/*コンポジットワークパネル*/
#optionPanelSfx {
    top:64px;
    right:96px;
    width:640px;
    height:480px;
}
#formSfx {
	padding-left:12px;
}
/*手描きメモパネル*/
#optionPanelPaint {
    top:72px;
    right:150px;
    width:132px;
    height:360px;
}
#formPaint {
    padding-left:8px;
    resize:horizontal;
}



/*画像フローティングパネル*/
#optionPanelRef {
    display:none;
    position:absolute;
    top:64px;
    left:120px;
	width:640px;
    padding:0;
    border-style:solid;
    border-width:1px;
    border-color:#808080;
    z-index:7;
	overflow:hidden;
  /* 角丸 */
    -moz-border-radius: 4px ;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/**
	背景表示アンダーレイ
 */
div#underlay {
	opacity:.125;
	float:right;
	right:0px;
	bottom:0px;
	background-blend-mode: normal; 
	overflow:hidden;
	position:fixed;
	pointer-events: none;	
}
/*
	画像ドキュメント
	A3
	B4
*/
.imageDocument-A3{
	width          : 1122px;
	height         : 1622px;
}
.imageDocument-B4{
	width          : 970px;
	height         : 1376px;
}
/**
	画像オーバーレイ
*/
#drawingOverlay{
	position       : absolute;
	top            : 0;
	left           : 0;
	z-index        : 3;
	pointer-events : none;
}
.overlayDocmentImage{
	position       : absolute;
	display        : none;
	top            : 0;
	left           : 0;
	z-index        : 3;
	pointer-events : none;
	mix-blend-mode : darken;
}
.overlayDocmentImage-master{
	display        : inline;
	mix-blend-mode : normal;
	opacity        : 1.0;
}
.overlayDocmentImage-reference{
	mix-blend-mode : multiply;
	opacity        : 0.4;
}
.overlayNoteImage{
	position       : absolute;
	display        : block;
	top            : 0;
	left           : 0;
	z-index        : 3;
	pointer-events : none;
	mix-blend-mode : darken;
}

/* 旧タイプ*/
div.timesheetimage{
	opacity:.25;
	background-blend-mode: normal;
	background-color:green;
	overflow:hidden;
	position:absolute;
}
div.imageOverlay {
	opacity:1.0;
	background-blend-mode: normal; 
	overflow:hidden;
    position:relative;
}
#imgEdit {
    border-style:none;
}
#optionPanelRef a.minimize {
    position:absolute;
    right:32px;
    top:1px;
}
#optionPanelRef a.close {
    position:absolute;
    right:8px;
    top:1px;
}
#optionPanelRef a.minimize img{
    border:none;
}
#optionPanelRef a.close img{
    border:none;
}
#optionPanelRef dl dt{
    height:25px;
    line-height:25px;
    text-indent:1em;
    font-weight:bold;
    cursor:move;
}
#optionPanelRef dl dd{
    margin:0;
    padding:2em;
    line-height:1.5;
    text-indent:1em;
}
.panelCorner{
    position:absolute;
    right:0px;
    bottom:0px;
    height:16px;
    width:16px;
    cursor:se-resize;
	margin:0px;
	padding:0px;
}

/* 以下オプションパネル群 */
#optionPanelVer {
    display:none;
    width:480px;
    height:340px;
    background-color:#efefef;
    padding:6px;
    border-style:double;
}

#optionPanelRol {
    display:none;
    width:720px;
    height:340px;
    background-color:#efefef;
    padding:6px;
    border-style:double;
	text-align:center;
}
#optionPanelProg {
    display:none;
    width:240px;
    height:128px;
    background-color:#efefef;
    padding:6px;
    border-style:double;
	text-align:center;
}

#optionPanelPref {
    display:none;
    width:480px;
    height:308px;
    background-color:#efefef;
    padding:6px;
    border-style:double;
}
/*	ドキュメントブラウザ関連
ほかツールパネル整形用
calss .labelMargin 左端の項目名範囲調整
*/
.labelMargin	{
	display:inline-block;
	width:72px;
}
input.ddpInput	{
	disabled:true;
}

#dbgPreview {
		width:690px;
		height:96px;
}
#issueSelector {
		width:80%;
		overflow:hidden;
	}
.issueSelector {
		vertical-align:middle;
	}
	.document-selector {
	  height:60%;
	}
	.document-selector-opus {
	  width:60%;
	  text-align:right;
	}
	.document-selector-cut {
	  width:40%;
	  text-align:left;
	}
.sciInput {
	height:24px;
}

.productFilter {
	height:27px;
	width:64px;
	vertical-align:middle;
}
.numberFilter {
	
	height:27px;
	width:48px;
	vertical-align:middle;
}
.documentPanelTools {
	text-align:right;
	background-color:#bbddbb;
}
.documentPanelTools-man {
	background-color:#ddbbbb;
}
.documentPanelButton {
	height:27px;
	width:120px;
	vertical-align:middle;
}
.documentPanelButton-management {
	height:24px;
	width:120px;
	vertical-align:middle;
}
.documentPanelButton-search {
	 width:24px;
}

/* インポートダイアログ関連

*/
input.timeInputTC {
    width:72px;
    height:24px;
    border-style:none;
    background-color:rgba(0,0,0,0);
}

input.SCiImportCB {
	display:inline;
}

#optionPanelSCI_title {
    width:250px;
}
#optionPanelSCI_opus {
    width:96px;
}
#optionPanelSCI_subtitle {
    width:320px;
}
.SCiInput {
    height:24px;
    border-style:none;
    background-color:rgba(0,0,0,0);
}
.SCiInput_Number {
    width:240px;
}

span.timeInputButtons {
    position:relative;
    left:64px;
    top:4px;
}
span.titleInputLB {
    text-align:right;
}

div.sciTemplate {
     display:none;
     color:red;
}
hr.dialog_border {
	margin: 0px;
	border-width: 10px 0 0 0;
  	border-style: solid; /* 種類 */
	border-color: red;
}

/*---------------- ドロップダウンメニュー*/

#pMenu div{
  z-index:8;
  display:none;
  margin:0;
}

#pMenu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 72px;
  height: 16px;
  border: solid 1px #ccc;
  font-weight: bold;
  list-style-type: none;
}
#pMenu li:hover {
  color: #fff;
  background: #333;
  z-index: 9;
}
#pMenu li ul {
  display: none;
  position: absolute;
  top: 16px;
  left: -1px;
  padding: 5px;
  width: 150px;
  background: #eee;
  border: solid 1px #ccc;
}
#pMenu li ul li {
  margin: 0;
  padding: 0;
  width: 150px;
  border: none;
}
#pMenu li ul li a {
  display: inline-block;
  width: 150px;
  height: 20px;
}
#pMenu li ul li a:hover {
  background: #999;
  color: #fff;
}

#pMenu li ul{
	display:none;
	position:absolute;
}

.pM {
	color: #666;
}

.pM-alt {
	coror:AAA;
	display:none;
}

/**
モーダルダイアログ内のフォーム
*/
.mdInputText {
	width:50%;
}
.mdInputArea {
	width:100%;
	height: 192px;
}

input{
	vertical-align:middle;
}

#sheet_body {
transform-origin: 0 0;transform:scale(1,1);	
}
/**
	　jQuery-ui　combobox
*/
 .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
/**
	　jQuery-ui　tooltip
*/
 .ui-tooltip {	font-size: 10px;}

/**
	cellGraphicLayer
	canvas object
*/
	.cgl {
		position: absolute;
		z-index: 3;
		pointer-events: none;
		brend-mode: multiply;
		opacity:0.4;
	}
/**
	データトレーラー
	startupXPS
	referenceXPS
*/
 #startupXPS, #referenceXPS {
 	width:75%;
 	height:128px;
 }
 #startupContent,#startupReference {
 	display:none;
 }
 /**
	.pmcui
*/
#pmui	{
	padding:0 0 0 0px;
	float:left;
	width:100%;
}
.pmcui	{
	margin-top:8px;
	background-color:#bbbbdd;
	color:#666688;
	border-width:1px;
	border-style:inset;
}
span.pmcui_ {
		font-style:strong;
	}
/* document status overlay*/

div.documentStatusOverlay {
	position :absolute;
	width : 100% ;
	top: 300px;
	text-align: center;
	z-index: 5;
	color:red;
	font-size:64px;
	mix-blend-mode: multiply;
	opacity:0.25;
	pointer-events: none;
}
/* document selector status*/

.docStatus	{
	background-color:#dedede;
	border-style:solid;
	border-width:0px;
}

.docStatus-Startup	{
	color:#aaaaaa;
	border-width:1px;
	border-color:#ce3d4c;
}
.docStatus-Active	{
	background-color:#68be8d;
	color:red;
}
.docStatus-Hold	{
	background-color:#aacf53;
	color:#ff8888;
}
.docStatus-Fixed	{
	background-color:#f3a68c;
	color:black;
}
.docStatus-Fixed-2	{
	background-color:#ce3d4c;
	color:black;
}
.docStatus-Aborted	{
	background-color:snow;
	color:#aaaaff;
}
.docStatus-Floating	{
	background-color:#333333;
	color:red;
}
/* button / input */
.scnControl {
	width : 72px;
}
.jobControl {
	width :96px;
	height:21px;
}
.jobControl-checkin {margin-left:8px;}
.jobControl-deactivate {display:none;}

.pmLabel	{
	margin-left:16px;
	display:inline-block;
	width:96px;
	text-align:right;
}
.pmId	{
	margin-left:6px;
	margin-right:6px;
	display:inline-block;
	width:36px;
	text-align:right;
}
.pmControl	{
	width:96px;
	height:21px;
}
.pmControl-new {margin-left:8px;}

.pmControllButton	{
	width:48px;
	height:21px;
}
.pmSelector	{
	width:128px;
	height:18px;	
}

.dialogComment {
	width:36px;
	height:24px;
}


/*
　UI右よせ
 */
.floating-right {
	position:relative;
	float:right;
	right:16px;	
}
/*
	CONTEXT-MENU
 */
#contextMenu {
    display:none;
    position:absolute;
	top:450px;
	left:450px;
  z-index:7;
  background-color:#efefef;
  border-style:solid;
  border-width:1px;
  border-color:#d0d0d0;
  margin:0;
  padding:4px 8px 4px 8px;
  width:180px;
  /* 角丸 */
    -moz-border-radius: 6px ;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
	
.contextMenu {
	overflow:hidden;
}
.cM {
	color: #666;
}

.cM-alt {
	coror:AAA;
	display:none;
}

/*
    ストップウオッチ UI
*/
#optionPanelTimer {
	color:#22dd22;
	background-color:#444444;
	height:32px;
    min-width:240px;
	vertical-align:middle;
}
#timerDisplay {
    color:#22dd22;
    background-color:#444444;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size:18px;
    min-width : 12em;
    border-style:solid;
    border-width:1px;
    border-color:#228822;
    padding:2px;
    margin:2px;
}
.timerButton {
	color :#222222;
	background-color:#888888;
	border-style:solid;
	border-width:0;
	height:27px;
  /* 角丸 */
    -moz-border-radius: 3px ;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.timerButton-sq {
	height:16px;
	width:16px;
}
.timerButton-wide {
	width:27px;
}
/*
	署名欄
*/
.signbox {
	display:flex;
	align-items: flex-end;
	text-align:left;
	overflow: visible;
	width :72px;
	height:48px;
	border-width:0;
	border-style:none;
}
.signbox:hover {
	background-color:gray;
}
.siglabel {
	font-size:11px;
}
.signature {
	font-size:18px;
	white-space:nowrap;
	color:#444;
	margin-left:8px;
/*stamp Image */
	background-image: url(images/ui/stamp.png);
/**/
}
.signature-blank    { background-position:    0px 8px; }
.signature-work     { background-position:  -72px 8px; }
.signature-check-ok { background-position: -144px 8px; }
.signature-check-ng { background-position: -216px 8px; }
.signature-finished { background-position: -288px 8px; }


.signdate {
	font-size:11px;
}

/*
	タイムシートマーカー
*/
.trackMarker{
/*アイコンイメージ*/
	background-image: url(images/ui/trackMarker.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100%;
}

.noteOverlay{
	float:right;
	bottom:0px;
	position:relative;
	z-index:4;
 	border-style:solid;
  	border-width:0px 1px 0px 0px;
  	margin:0;
}
.note1 {
	height:22px;
}
.note2 {
	height:44px;
}
.note3 {
	height:66px;
}
.note4 {
	height:88px;
}
.note5 {
	height:110px;
}
.overlayLabel{
  	background-color:#efefef;
  	border-style:solid;
  	border-width:1px;
  	border-color:#d0d0d0;
  	padding:4px 2px 4px 2px;
  	height:24px;
  	white-space:nowrap;
  /* 角丸 */
    -moz-border-radius: 3px ;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


/*
	トグルスイッチCSS
 */
.switch__label {
    width: 50px;
    position: relative;
	vertical-align:middle;
    display: inline-block;
}
.switch__content {
    display: block;
    cursor: pointer;
    position: relative;
	vertical-align:middle;
    border-radius: 3px;
    height: 24px;
    overflow: hidden;
}
.switch__content:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    left: 0;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    background-color: #eee;
}
.switch__content:after {
    content: "";
    display: block;
    position: absolute;
    background-color: transparent;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border-radius: 3px;
}
.switch__input {
    display: none;
}
.switch__slider {
    display: block;
    top: 2px;
    left: 2px;
    position: absolute;
	vertical-align:middle;
	text-align:center;
    border: 1px solid #888888;
    width: 27px;
    height: 18px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background-color: #eeeeee;
}
.switch__input:checked ~ .switch__slider {
	color : #888888;
    left  : 21px;
}
.switch__input:checked ~ .switch__content:after {
    background-color: #cccccc;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*	３値トグルとして*/

	input[type=range]::-webkit-slider-runnable-track {
		width: 100%;
		height: 22px;
		background: transparent;
		border: 0 px none;
		border-radius: 3px;
		cursor: pointer;
	}

	input[type=range]::-webkit-slider-thumb {
		width: 27px;
		height: 20px;
		margin-top: 2px;
		border: 0px none ;
		border-radius: 3px;
		background: transparent;
		cursor: pointer;
		-webkit-appearance: none;
	}

	input[type=range].on::-webkit-slider-runnable-track {
		background: rgb(45, 252, 73);
	}
#iptChange  {
	-webkit-appearance: none;
	width: 72px;
	margin: 0;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    background-color: #ccc;
}
.switch__slider_tryval {
    display: block;
    top: 2px;
    left: 1px;
    position: absolute;
	vertical-align:middle;
	text-align:center;
    width: 27px;
    height: 18px;
	color:#888888;
	border: 1px solid #888888;
    border-radius: 3px;
    background-color: #eeeeee;
	pointer-events: none;
}
/*
	書式編集UI
	書式編集UIのためのcss
*/
	.doc_form_label {
		display:inline-block;
		text-align:right;
		width:96px;
		border-style:none;
	}
	.order_prop_list{
		display : block;
		border-style :solid;
		border-width :1px;
		background-color : #eeeeee ;
	}
	.order_prop_header{
		padding-left:12px;
	}
/* トラック種別ごとにカラーを設定*/
	.guide-dialog      { border-color:magenta;}
	.guide-sound       { border-color:#ff0088;}
	.guide-cell        { border-color:yellow;}
	.guide-timing      { border-color:yellow;}
	.guide-replacement { border-color:yellow;}
	.guide-still       { border-color:yellow;}
	.guide-camerawork  { border-color:red;}
	.guide-camera      { border-color:red;}
	.guide-geometry    { border-color:green;}
	.guide-stage       { border-color:green;}
	.guide-stagework   { border-color:green;}
	.guide-effect      { border-color:blue;}
	.guide-sxf         { border-color:blue;}
	.guide-composite   { border-color:blue;}
	.guide-comment     { border-color:gray;}
	.guide-tracknote   { border-color:gray;}
	.guide-timecode    { border-color:gray;}
	.guide-reference   { border-color:cyan;}

	.orderbox{
		display      : inline-block;
		border-width : 0px 1px 0px 0px;
		border-style : solid;
		height       : 100%;
		overflow     : hidden;
		color        : gray;
		mix-blend-mode  :difference;
	}
	.orderbox-input{
		color            :snow;
		background-color :black;
		border-style     :solid;
		border-width     :1px;
		border-color     :gray;
	}
	.orderbox-fixed{
		background-color :#444;
	}
	.track_orderbox{
		position  : absolute;
		top       : 91mm;
		left      : 15mm;
		display      : none;
		border-width : 1px;
		border-style : solid;
		border-color : gray;
		min-width    : 480px; 
		min-height   : 96px; 
		width        : 525px;
		height       : 402px;
		overflow     : hidden;
	}
	.track_item{
		display : inline-block;
		white-space:nowrap;
		padding : 4px;
		margin  : 2px;
		border-style:solid;
		border-width:2px;
		border-color:gray;
		border-width :0 1 1 0;
		font-size:16px;
	}
	.track_item:hover{
		background-color:gray;
	}

	.iteminfo{
		display : inline-block;
		white-space:nowrap;
		padding      :4px;
		margin       :2px;
		border-style :solid;
		border-width :0 1 1 0;
	}
	.iteminfo_dragover{
		margin-left:8px;
		border-left-color:snow;
	}
	.iteminfo:hover{
		background-color:gray;
	}
	.formatEdit {
		border-style:none;
	}
	.formatEdit-dragover {
		border-width:1px;
		border-style:solid;
		border-color:red;
	}
/*node-control-UI*/
.node_handle {
	position:absolute;
	display:inline-block;
	width:24px;
	height:24px;
	overflow:hidden;
	border-style:none;
	cursor:move;
}

.node_handle-red {
	left: 10mm;
	top:  110mm;
}
.node_handle-green {
	left: 50mm;
	top:  110mm;
}
.imgAdjustButton {
	width:64px;
}