@charset "utf-8";
@import url('reset.css');

#header #doc {
	background: url(img/doc.png) 0 0 no-repeat;
	height: 30px;
	width: 45px;
	position: fixed;
	z-index:1000;
	top: 3px;
	right: 0;
	/*  display : none;*/
}
#header #help {
	background: url(img/help.png) 0 0 no-repeat;
	height: 30px;
	width: 55px;
	position: fixed;
	z-index:1000;
	top: 3px;
	right: 0;
	display : none;
}

p.doc {
	margin: 0.5em 1px;
	padding: 3px;
	background-color: #FCC;
	border: dotted 1px #C66;
	border-radius:3px;
	line-height: 1.3;
	font-size: 85%;
	display: none;
}

.error_msg {
	font-size: 93%;
	margin: 3px;
	color: #8b0000;
}

/* ---------------------------------------------
 * global
 * --------------------------------------------- */
a:hover {
	cursor: pointer;
}

label {
	margin-right: 0.5em;
}

strong {
	font-weight: bold;
}

em {
	color: #C00;
}

/* ---------------------------------------------
 * global class
 * --------------------------------------------- */

.clear:after {
	content: url(spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

.clear {
	display: inline-block;
}

.readonly{
	background: #ebebe4;
	color: #aca899;
}

/* Mac版IEを除外 \*/
.clear {
	display: block;
}

/* */
.hidden {
	display: none;
}

div.dialog {
	background-color: #fff;
	color: #000;
	width: 700px;
	padding: 1px 1px 10px 1px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	border-radius: 3px
}

div.dialog h2 {
	background: url(img/th_bg01.jpg) 0 0 repeat-x #000;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border-radius: 3px;
	border: 0!important;
}

div.dialog div.box {
	padding: 20px 10px 10px 10px;
}

div.dialog p {
	line-height: 1.4;
	margin: 0 0 0.5em 0;
}

div.dialog div.controlPanel {
	padding: 0px 10px 0px 10px;
}

div.left {
	float: left;
}

div.right {
	float: right;
}
fieldset.left {
	float: left;
	margin-right:10px;
	min-height:40px;
}
body {
x	background: url(img/header-bg.jpg) 0 0 repeat-x;
	background: url(img/header-bg.jpg) 0 0 repeat-x;
	min-width: 100%;
}

/* ---------------------------------------------
 * global layout
 * --------------------------------------------- */

html, body {
	height: 100%;
}

body .container {
	width: 100%;
x	max-width: 950px;
x	min-width: 950px;
x    position: relative;
x 	height: auto !important;
x   height: 100%;
x   min-height: 100%;
}

.container .header {
	height: 122px;
}

.container .footer {
	background: url(img/header-bg.jpg) 0 0 repeat-x;
	height: 20px;
	line-height:20px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	/*
	filter: alpha(opacity = 80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	*/
	color:#666;
	font-size:85%;
x	z-index:1001;
	z-index:99;
	padding:0 0.5em;
}
.container .footer p.pagetop {
	background: url(img/footer_pagetop.jpg) 0 0 no-repeat;
	width: 146px;
	height: 34px;
	position: absolute;
	right: 10px;
	top: -14px;
}
.container .footer p.pagetop a {
	display: block;
	padding: 8px 0 0 45px;
	width: 101px;
	height: 26px;
}
.container .footer p.pagetop a:hover {
	text-decoration: underline;
}
.container .main {
	padding: 20px 0 0 20px;
}

.container .main h2 img {
	float: left;
}

.container .main h2 p {
	float: left;
	line-height: 33px;
	font-size: 145%;
	color: #666;
	padding: 0 0 0 0.5em;
	font-weight: bold;
}

.container .main h2:after {
	content: url(spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

.container .main h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	border-left: solid 6px #A9CE52;
}
.container .main .fc-header-title h2 {
	border:none !important;
	font-weight:bold;
}
/* Mac版IEを除外 \*/
.container .main h2 {
	display: block;
}

/* */

.container .main h3 {
	line-height: 33px;
	border-left: solid 4px #A9CE52;
	margin: 20px 0 0 3px;
}

.container .main h3 p {
	padding: 0 0 0 0.5em;
	float: left;
	line-height: 33px;
	font-size: 123%;
	color: #688525;
}

.container .main h3:after {
	content: url(spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

.container .main h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* Mac版IEを除外 \*/
.container .main h3 {
	display: block;
}

/* */

.box {
	padding: 20px 0px 40px 10px;
}

.panelOption {
	padding: 10px 0;
	vertical-align: middle;
	line-height: 20px;
}

.panelOption select {
	margin: 0 20px 0 3px;
}

.panelOption .hint {
	font-size: 85%;
	border: solid 1px #A9CE52;
	color: #693;
	padding: 3px;
	margin: 3px;
	float: left;
}

/* dataTable */
.box .dataTable {

}

.box .dataTable th,
.box .dataTable td {
	border: solid 1px #999;
	padding: 5px;
	vertical-align: middle;
}

.box .dataTable th {
	background: url(img/th_bg01.jpg) 0 0 repeat-x #000;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	white-space: nowrap;
}

.box .dataTable tr.even td {
	background-color: #fff;
}

.box .dataTable tr.odd td {
	background-color: #F4FAEB;
}

.box .dataTable tr.caution th,
.box .dataTable tr.caution td {
	background-color: #F66;
	color: #000;
}

/* fieldset */
.box fieldset {
	border: solid 1px #ccc;
	padding: 10px;
	margin-bottom: 20px;
}

.box fieldset legend {
	padding: 0 5px;
	font-size: 93%;
	font-weight: bold;
	color: #688525;
}

.box fieldset table th,
.box fieldset table td {
	vertical-align: top;
}

.box fieldset table th {
	padding: 6px;
	text-align: right;
	font-size: 93%;
	white-space: nowrap;
}

.box fieldset table td {
	text-align: left;
	font-size: 93%;
	padding: 3px;
}

/* panelList */
.box .panelList {
	width: 100%;
}

.box .panelList li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	border: solid 1px #688525;
	padding: 10px;
	margin: 0 10px 12px 0;
	vertical-align: top;
}

.box .panelList li p {
	font-weight: bold;
	text-align: center;
}

.box .panelList li p a {
	color: #688525;
}

.box .panelList li div {
	margin: 0 auto;
}

.box .panelList li span {
	display: block;
	margin-top: 5px;
}

.box .panelList li span a.btn {
	margin: 0 1px;
}

/* ---------------------------------------------
 * head
 * --------------------------------------------- */

#header {
	position: relative;
	height: 122px;
	min-width: 1080px;
	width: 100%;
	background: url(img/header-bg.jpg) 0 0 repeat-x;
}

#header h1 {
	position: absolute;
	top: 20px;
	left: 20px;
}

#header ul {
	position: absolute;
	top: 84px;
	left: 10px;
}

#header ul li {
x	margin-right: 10px;
x	float: left;
	display: inline-block;
/*	text-indent: -9999px;*/
	overflow: hidden;
}

#header ul li a {
	display: block;
x	width: 130px;
	width: 137px;
x	padding-left: 37px;
	height: 25px;
	padding-top: 13px;
	color: #666;
	text-decoration: none;
	text-align: center;
	background: url(img/menuOff.jpg) 0 0 no-repeat;
}

#header ul li a.gNavMain {
x	background: url(img/menuMainOff.jpg) 0 0 no-repeat;
}

#header ul li a.gNavContents {
x	background: url(img/menuContentsOff.jpg) 0 0 no-repeat;
}

#header ul li a.gNavMedia {
x	background: url(img/menuMediaOff.jpg) 0 0 no-repeat;
}

#header ul li a.gNavPlayer {
x	background: url(img/menuPlayerOff.jpg) 0 0 no-repeat;
}

#header ul li a.gNavSystem {
x	background: url(img/menuSystemOff.jpg) 0 0 no-repeat;
}

#header ul li a.gNavPlugin,
#header ul li a.gNavPlugin_sample,
#header ul li a.gNavPlugin_facility {
x	background: url(img/menuPluginOff.jpg) 0 0 no-repeat;
}

#main #header ul li a.gNavMain,
#schedule #header ul li a.gNavMain,
#contents #header ul li a.gNavContents,
#template #header ul li a.gNavTemplate,
#media #header ul li a.gNavMedia,
#player #header ul li a.gNavPlayer,
#system #header ul li a.gNavSystem,
#plugin_sample #header ul li a.gNavPlugin_weather,
#plugin_facility #header ul li a.gNavPlugin_facility,
#plugin_facility_edit #header ul li a.gNavPlugin_facility,
#plugin_facility_config #header ul li a.gNavPlugin_facility,
#plugin_interactive  #header ul li a.gNavPlugin_interactive {
	background: url(img/menuOn.jpg) 0 0 no-repeat !important;
}

#main #header ul li a.gNavMain {
x	background: url(img/menuMainOn.jpg) 0 0 no-repeat !important;
}

#contents #header ul li a.gNavContents {
x	background: url(img/menuContentsOn.jpg) 0 0 no-repeat !important;
}

#media #header ul li a.gNavMedia {
x	background: url(img/menuMediaOn.jpg) 0 0 no-repeat !important;
}

#player #header ul li a.gNavPlayer {
x	background: url(img/menuPlayerOn.jpg) 0 0 no-repeat !important;
}

#system #header ul li a.gNavSystem {
x	background: url(img/menuSystemOn.jpg) 0 0 no-repeat !important;
}

#plugin_sample #header ul li a.gNavPlugin {
x	background: url(img/menuPluginOn.jpg) 0 0 no-repeat !important;
}

#plugin_sample #header ul li a.gNavPlugin_sample {
x	background: url(img/menuPluginOn.jpg) 0 0 no-repeat !important;
}

#plugin_facility #header ul li a.gNavPlugin_facility,
#plugin_facility_edit #header ul li a.gNavPlugin_facility,
#plugin_facility_config #header ul li a.gNavPlugin_facility {
x	background: url(img/menuPluginOn.jpg) 0 0 no-repeat !important;
}

#header p {
	position: absolute;
	top: 40px;
	right: 200px;
	text-align: left;
	color: white;
}

#header span {
	position: absolute;
	top: 34px;
	right: 70px;
}

#header span a:hover {
	filter: alpha(opacity = 80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	cursor: pointer;
}

/* ---------------------------------------------
 * input
 * --------------------------------------------- */

select {
	padding: 3px;
	border: 1px solid #7f9db9;
}

textarea {
	padding: 3px;
}

input.text {
	width: 10em;
	padding: 3px;
	border: 1px solid #7f9db9;
}

input.time {
	width: 3em;
	padding: 3px;
	border: 1px solid #7f9db9;
}

input.date {
	width: 6em;
	padding: 3px;
	border: 1px solid #7f9db9;
}

input.datetime {
	width: 6em;
	padding: 3px;
	border: 1px solid #7f9db9;
}

input.number {
	width: 3em;
	padding: 3px;
	border: 1px solid #7f9db9;
}

/* ---------------------------------------------
 * ボタン
 * --------------------------------------------- */

a.btn {
	line-height: 29px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	display: block;
	float: left;
	text-decoration: none;
	margin: 3px 0;
    border-radius:3px;
}

a.btn:hover {
	text-decoration: underline;
}

a.s-green {
	background: url(img/btn/btn-s-green.jpg) 0 0 no-repeat;
	width: 58px;
	height: 29px;
	color: white;
}

a.s-red {
	background: url(img/btn/btn-s-red.jpg) 0 0 no-repeat;
	width: 58px;
	height: 29px;
	color: white;
}

a.s-white {
	background: url(img/btn/btn-s-white.jpg) 0 0 no-repeat;
	width: 58px;
	height: 29px;
	color: #333;
}

a.m-green {
	background: url(img/btn/btn-m-green.jpg) 0 0 no-repeat;
	width: 88px;
	height: 29px;
	color: white;
}

a.m-red {
	background: url(img/btn/btn-m-red.jpg) 0 0 no-repeat;
	width: 88px;
	height: 29px;
	color: white;
}

a.m-white {
	background: url(img/btn/btn-m-white.jpg) 0 0 no-repeat;
	width: 88px;
	height: 29px;
	color: #333;
}

a.l-green {
	background: url(img/btn/btn-l-green.jpg) 0 0 no-repeat;
	width: 128px;
	height: 29px;
	color: white;
}

a.l-red {
	background: url(img/btn/btn-l-red.jpg) 0 0 no-repeat;
	width: 128px;
	height: 29px;
	color: white;
}

a.l-white {
	background: url(img/btn/btn-l-white.jpg) 0 0 no-repeat;
	width: 128px;
	height: 29px;
	color: #333;
}

a.x-green {
	background: url(img/btn/btn-x-green.jpg) 0 0 no-repeat;
	width: 188px;
	height: 29px;
	color: white;
}

a.x-red {
	background: url(img/btn/btn-x-red.jpg) 0 0 no-repeat;
	width: 188px;
	height: 29px;
	color: white;
}

a.x-white {
	background: url(img/btn/btn-x-white.jpg) 0 0 no-repeat;
	width: 188px;
	height: 29px;
	color: #333;
}

a.left {
	float: left !important;
	margin: 3px 0 0 16px;
}

a.right {
	float: right !important;
	margin: 3px 0 0 16px;
}

a.red {
	color: #C00 !important;
}

/* ---------------------------------------------
 * アイコン（背景）
 * --------------------------------------------- */

.panelClose {
	width: 23px;
	height: 23px;
	background: url(img/icon/iconClose.jpg) 0 0 no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
}

.panelClose:hover {
	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.iFolder {
	background: url(img/icon/folder.gif) 0px 2px no-repeat;
	padding-left: 20px;
}

/* ---------------------------------------------
 * ログイン
 * --------------------------------------------- */
#login #msg{
	position: absolute;
	top: 430px;
	width: 950px;
}

/* ---------------------------------------------
 * コンテンツ編集、テンプレート管理
 * --------------------------------------------- */
#contents .errMsg,
#template .errMsg {
	border: 1px solid red;
	background: pink;
	padding: 3px;
	position: absolute;
	display: none;
}
.contents_edit .main .panelTab {
	border: solid 1px #666;
	padding: 10px;
	z-index: 1;
	top: -1px;
	position: relative;
	zoom: 1;
}
.contents_edit .main .panelTab .sortable {
	max-height: 400px;
	overflow: auto;
}
.contents_edit .main .panelTab .sortable li {
	border: solid 2px #ccc;
	background-color: #fff;
	padding: 6px;
	margin-bottom: 6px;
	cursor: ns-resize;
	position: relative;
}

.contents_edit .main .panelTab .sortable li img {
	float: left;
	width: 120px;
	height: auto;
}

.contents_edit .main .panelTab .sortable li table th,
.contents_edit .main .panelTab .sortable li table td {
	padding: 3px 5px;
	font-size: 85%;
}

.contents_edit .main .panelTab .sortable .sortableFileName {
	/* 半角英数字を折り返す */
	word-break: break-all;
}

.contents_edit #bgmCategory,
.contents_edit #bgmContent {
	max-width: 250px;
}

.template_edit .main .right .dataTable th,
.template_edit .main .right .dataTable td {
	padding: 1px !important;
	font-size: 93%;
}

#contents .dataTable td.scene_name,
#template .dataTable td.template_name {
	/* 半角英数字を折り返す */
	word-break: break-all;
}

#contents .hint {
    font-size: 85%;
}

#contents #tabProto,
#contents #sortableProto {
	display: none;
}

/* テンプレート呼出 */
#contents #templateCall .template{
	width: 320px;
	cursor: pointer;
	margin: 5px 10px 10px 0;
	float: left;
	position: relative;
}
#contents #templateCall .template > span {
	padding: 0 5px;
	font-weight: bold;
	/* 半角英数字を折り返す */
	word-break: break-all;
	display: block;
}
#contents #templateCall .selected > span {
	background: #316AC5;
	color: white;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
#contents #templateCall .template > div {
	background-color: black;
	position: relative;
}
#contents #templateCall .template > div > div {
	background-image: url(img/layerBorder.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
}
#contents #templateCall .template > div > div > div {
	background-image: url(img/layerBorder.gif);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 3px;
}
#contents #templateCall .template > div > div > div .spec {
	font-size: 10px;
}
#contents #templateCall .box > div {
	height: 400px;
	overflow: auto;
}

#contents #templateCall #selectedBorder {
	position: absolute;
	border: 3px solid #316AC5;
	width: 314px;
	top: 0;
	left: 0;
}

/* テンプレート保存 */
#contents #templateSave #templateName {
	margin-right: 10px;
}
#contents #templateSave .template {
	overflow: auto;
	height: 380px;
}
#contents #templateSave .template > div {
	background-color: black;
	position: relative;
}
#contents #templateSave .template > div > div {
	position: absolute;
}
#contents #templateSave .template input{
	margin-bottom: 1em;
}

#contents #layout,
#template #layout {
	background: black;
x	width: 500px;
x	position: fixed;
}
#contents #layout,
#template #layout {
	position: relative;
}
#contents #layout > div,
#template #layout > div {
	position: absolute;
}
#contents #templateSave .template > div > div {
	background-image: url(img/layerBorder.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#contents #templateSave .template > div > div > div {
	background-image: url(img/layerBorder.gif);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}


#contents #tab,
#template #tab {
	margin-left:20px;
x	margin-left: 520px;
	width:500px;
}
#contents .deleteTab,
#contents .playListClose,
#template .deleteTab {
	width: 23px;
	height: 23px;
	background: url(img/icon/iconClose.jpg) 0 0 no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
}
#contents .layer,
#template .layer {
	overflow: hidden;
	background: url(img/layerBorder.gif) right bottom no-repeat;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#contents .layerBorder,
#template .layerBorder {
	background: url(img/layerBorder.gif) left top no-repeat;
}
#contents .layerBorder div,
#template .layerBorder div {
	position: relative;
	padding: 3px;
}
#contents .layerBorder div img,
#contents .layerBorder div p,
#template .layerBorder div img,
#template .layerBorder div p {
	position: absolute;
}
#contents .layerBorder div p,
#template .layerBorder div p {
	width: auto;
}
#contents .activeLayer .layerBorder div,
#template .activeLayer .layerBorder div {
	float: left;
	overflow: hidden;
	border: 3px solid red;
	padding: 0;
}
#contents .activeLayer.layerBg .layerBorder div,
#template .activeLayer.layerBg .layerBorder div {
	border-color: red;
}
#contents .activeLayer.layerColor1 .layerBorder div,
#template .activeLayer.layerColor1 .layerBorder div {
	border-color: turquoise;
}
#contents .activeLayer.layerColor2 .layerBorder div,
#template .activeLayer.layerColor2 .layerBorder div {
	border-color: gold;
}
#contents .activeLayer.layerColor3 .layerBorder div,
#template .activeLayer.layerColor3 .layerBorder div {
	border-color: greenyellow;
}
#contents .activeLayer.layerColor4 .layerBorder div,
#template .activeLayer.layerColor4 .layerBorder div {
	border-color: violet;
}
#contents .activeLayer.layerColor5 .layerBorder div,
#template .activeLayer.layerColor5 .layerBorder div {
	border-color: blue;
}
#contents .activeLayer.layerColor6 .layerBorder div,
#template .activeLayer.layerColor6 .layerBorder div {
	border-color: coral;
}
#contents .activeLayer.layerColor7 .layerBorder div,
#template .activeLayer.layerColor7 .layerBorder div {
	border-color: green;
}
#contents .activeLayer.layerColor8 .layerBorder div,
#template .activeLayer.layerColor8 .layerBorder div {
	border-color: brown;
}
#contents .activeLayer.layerColor9 .layerBorder div,
#template .activeLayer.layerColor9 .layerBorder div {
	border-color: blueviolet;
}
#contents .activeLayer.layerColor10 .layerBorder div,
#template .activeLayer.layerColor10 .layerBorder div {
	border-color: olive;
}
#contents .activeLayer.layerTelop .layerBorder div,
#template .activeLayer.layerTelop .layerBorder div {
	border-color: orange;
}
#contents .activeLayer .layerBorder div img,
#contents .activeLayer .layerBorder div p {
	margin: -3px;
}
#contents .activeLayer .layerBorder div .layerSpec {
	margin: -3px;
}
#contents .layerBorder div p,
#template .layerBorder div p {
	padding: 3px;
	margin: -3px;
}
#contents .layerBg,
#template .layerBg {
	background-color: #FFB2B2;
}
#contents .layerColor1,
#template .layerColor1 {
	background-color: #C5F6F1;
}
#contents .layerColor2,
#template .layerColor2 {
	background-color: #FFF3B2;
}
#contents .layerColor3,
#template .layerColor3 {
	background-color: #E6FFC0;
}
#contents .layerColor4,
#template .layerColor4 {
	background-color: #FAD9FA;
}
#contents .layerColor5,
#template .layerColor5 {
	background-color: #B2B2FF;
}
#contents .layerColor6,
#template .layerColor6 {
	background-color: #FFD8CA;
}
#contents .layerColor7,
#template .layerColor7 {
	background-color: #B2D9B2;
}
#contents .layerColor8,
#template .layerColor8 {
	background-color: #E4BFBF;
}
#contents .layerColor9,
#template .layerColor9 {
	background-color: #DCBFF6;
}
#contents .layerColor10,
#template .layerColor10 {
	background-color: #D9D9B2;
}
#contents .layerTelop,
#template .layerTelop {
	background-color: #FFE4B2;
}
#contents .controlPanel,
#template .controlPanel {
	clear: both;
}
#contents #tabNaviNew a,
#template #tabNaviNew a {
	margin-right: 10px;
}
#contents #tabNavi,
#template #tabNavi {
	user-select: none;         /* CSS3 */
	-moz-user-select: none;    /* Firefox */
	-webkit-user-select: none; /* Safari、Chrome */
	-ms-user-select: none;     /* IE10～ */
}
#contents #tabNavi a,
#template #tabNavi a {
	outline:none;
}
#contents .contents_edit .main .tabNavi,
#template .contents_edit .main .tabNavi {
	z-index: 2;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

#contents .contents_edit .main .tabNavi>li,
#template .contents_edit .main .tabNavi li  {
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	border: solid 1px #666;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	background-color: #ccc;
}

#contents .contents_edit .main .tabNavi>li a,
#template .contents_edit .main .tabNavi li a {
	border-top: solid 5px red;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	padding: 5px 10px 4px;
	text-align: center;
x	margin-right: 5px;
	display: block;
}
#contents .contents_edit .main .tabNavi>#tabNavi0 a,
#template .contents_edit .main .tabNavi>#tabNavi0 a {
	border-color: red;
}
#contents .contents_edit .main .tabNavi .tabColor1 a,
#template .contents_edit .main .tabNavi .tabColor1 a {
	border-color: turquoise;
}
#contents .contents_edit .main .tabNavi .tabColor2 a,
#template .contents_edit .main .tabNavi .tabColor2 a {
	border-color: gold;
}
#contents .contents_edit .main .tabNavi .tabColor3 a,
#template .contents_edit .main .tabNavi .tabColor3 a {
	border-color: greenyellow;
}
#contents .contents_edit .main .tabNavi .tabColor4 a,
#template .contents_edit .main .tabNavi .tabColor4 a {
	border-color: violet;
}
#contents .contents_edit .main .tabNavi .tabColor5 a,
#template .contents_edit .main .tabNavi .tabColor5 a {
	border-color: blue;
}
#contents .contents_edit .main .tabNavi .tabColor6 a,
#template .contents_edit .main .tabNavi .tabColor6 a {
	border-color: coral;
}
#contents .contents_edit .main .tabNavi .tabColor7 a,
#template .contents_edit .main .tabNavi .tabColor7 a {
	border-color: green;
}
#contents .contents_edit .main .tabNavi .tabColor8 a,
#template .contents_edit .main .tabNavi .tabColor8 a {
	border-color: brown;
}
#contents .contents_edit .main .tabNavi .tabColor9 a,
#template .contents_edit .main .tabNavi .tabColor9 a {
	border-color: blueviolet;
}
#contents .contents_edit .main .tabNavi .tabColor10 a,
#template .contents_edit .main .tabNavi .tabColor10 a {
	border-color: olive;
}
#contents .contents_edit .main .tabNavi>.telop a,
#template .contents_edit .main .tabNavi>.telop a {
	border-color: orange;
}
#contents .contents_edit .main .tabNavi>li.activeTab,
#template .contents_edit .main .tabNavi>li.activeTab {
	border-bottom-color: #fff;
	background-color: #fff;
}
#contents .contents_edit .main .tabNavi>li.enable.activeTab a,
#template .contents_edit .main .tabNavi>li.enable.activeTab a {
	cursor: e-resize;
}
#contents .contents_edit .main .tabNavi>li span,
#template .contents_edit .main .tabNavi>li span {
	display: block;
}
#contents .hiddenCtrl {
	border-color: red;
}
#contents .playlist {
	cursor: n-resize!important;
}
#contents .box fieldset table th,
#contents .box fieldset table td,
#template .box fieldset table th,
#template .box fieldset table td {
	vertical-align: middle;
	padding-bottom: 10px;
}
#contents .effect_id,
#contents .effect_id_ex {
	width: 200px;
}
#contents .panelTab tr.firstChild td.lastChild {
	height: 25px;
}

#template .thumbnail {
	background-color: #000;
	position: relative;
	width: 200px;
	display: block;
}

#template .thumbnail > span {
	background-image: url(img/layerBorder.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	font-size:85%;

}

#template .thumbnail > span > span {
	background-image: url(img/layerBorder.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}


/* ---------------------------------------------
 * メディア追加ダイアログ
 * --------------------------------------------- */
#mediaInsert > div.box {
	height: 400px;
	overflow: auto;
}
#mediaInsert .left ul {
	height: 50px;
	overflow: auto;

}

#mediaInsert .left .iFolder a {
	/* 半角英数字を折り返す */
	word-break: break-all;
	display: block;
}

#mediaInsert .right ol {
	height: 200px;
	overflow: auto;
	margin-bottom: 10px;
}

#mediaInsert .right ol li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	color: #666;
	font-size: 85%;
	cursor: pointer;
	margin: 0 5px 8px 0;
	width: 138px;
	text-align: center;
}

#mediaInsert .right ol li img {
	width: 132px;
	display: block;
	border: solid 3px #fff;
}

#mediaInsert .right ol li.selected span {
	background-color: #316AC5;
	color: #fff;
}

#mediaInsert .right ol li.selected img {
	border: solid 3px #316AC5;
}

#mediaInsertLeft {
	 width:180px;
}
#mediaInsertRight {
	 width:470px;
}

#mediaInsertRight ol span,
#mediaInsertRight legend  {
	/* 半角英数字を折り返す */
	word-break: break-all;
	display: block;
}
#mediaInsertRight legend  {
	width: 430px;
}

#mediaInsertLeft .selected a {
	font-weight: bold;
	color: red;
}

#mediaInsert .box fieldset table th,
#mediaInsert .box fieldset table td {
	padding: 0 0 6px;
	vertical-align: middle;
}
#mediaInsert .box fieldset table th {
	padding-right: 3px;
}
#mediaInsert .box fieldset table td {
	padding-right: 10px;
}
#mediaInsert #fileUpload {
	visibility: hidden;
	margin-bottom: 0;
}
#mediaInsert #fileUpload .m-white {
	margin-right: 10px;
}

#mediaInsert .hiddenCtrl {
	display: none;
}

/* ---------------------------------------------
 * メイン画面
 * --------------------------------------------- */

#main .main div.right ul li {
	overflow: hidden;
}

#main .main div.right ul li a {
	padding: 3px;
	display: block;
	font-size: 93%;
	font-weight:bold;
	color: white;
	border: solid 1px #999;
	background-color: #999;
	min-height:2em;
	border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	/*behavior: url(/common/PIE.htc);*/
}


/* ---------------------------------------------
 * スケジュール 2
 * --------------------------------------------- */
.schedule_edit .dataTable tbody tr:hover {
    cursor:move ;
}
.schedule_edit .dataTable tbody .dialog:hover {
    cursor:default !important ;
}
.schedule_edit .dataTable tbody tr:hover td {
    background-color:#FFECEF;
}
#timebeltStartEnd .ui-spinner-input {
    width:5em;
}
#timebeltStartEnd {
    display: block;
    position: absolute;
    z-index: 1002;
    color:#fff;
}
.timebelt:hover{
    cursor:ew-resize !important;
}

.blackblack {
    background-color:#000000;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
.schedule_edit .timedataDisp {
    position:relative;
    top:-8px;
    font-size:85%;
    display:block;
    color:#688525;
}
.schedule_edit p.errMsg {
    border-radius:3px;
    font-size:85%;
    border:solid 1px #FF0000;
    background-color: #FFBFBF;
    padding:2px;
    margin:1px;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
.schedule_edit .box {
	position:relative;
}
.schedule_edit .schedule-left {
	position:absolute;
	top:100px;
	left:0;
	width:220px;

}
.schedule_edit .schedule-left {
	position:absolute;
	top:0px;
	left:0;
	width:220px;
}
.schedule_edit .schedule-right {
	position:absolute;
	top:0px;
	left:230px;
	padding:0 10px 30px 0;
}

.schedule_edit #contentsList {
	padding:10px 0;
	height:500px;
	overflow:auto;
	margin-bottom:50px;
}

.schedule_edit .gray_out {
	position:absolute;
	left:0;top:0;
x	width:100%;
	width:220px;
	height:100%;
	background-color: #000;
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	display:none;
	z-index: 1001;
}
.schedule_edit .gray_out img {
	width:100%;
	height:100%;
}
.schedule_edit #contentsList li  ,
.schedule_edit #contentsList li.ui-draggable-dragging  {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	position:relative;
	margin:0 0 3px 3px;
	max-width:93px;
}
.schedule_edit #contentsList li img  {
	border:solid 1px #ccc;
	max-width:90px;
	max-height:90px;
	margin:3px 0 3px 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
	vertical-align:bottom;
	cursor:move;
}
.schedule_edit #contentsList li span {
	position:absolute;
	left:0;bottom:0;
	display:block;
	font-size:77%;
	background-color:#000;
	color:#fff;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	line-height:1.2;
	max-height:2.4em;
	overflow:hidden;
	padding:0 1px;

	/* 半角英数字を折り返す */
	word-break: break-all;
}

.schedule_edit .ddArea div span ,
.schedule_edit .ddArea .ui-draggable-dragging div span ,
.schedule_edit .ddArea .ui-sortable-helper div span {
	position:absolute;
	left:0;bottom:0;
	display:block;
	font-size:78%;
	background-color:#000;
	color:#fff;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	line-height:1.2;
	max-height:2.4em;
	overflow:hidden;
	padding:0 1px;

	/* 半角英数字を折り返す */
	word-break: break-all;
}
.schedule_edit .scheduleNo {
    /*display:block;*/
    display:none;
	font-size:85%;
	color:#666;
	text-align: center;

}
.schedule_edit input[name=schedule_name] {
	font-size:85%;
	padding:2px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	width:158px;
	margin:0 0 0 2px;
	border-radius:3px;
	color:#666;

	display: block;
}
.schedule_edit input[name=schedule_name]:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	color:#000;
}
.schedule_edit table.dataTable {
	border-collapse:collapse;
	font-size:93%;
	border:solid 1px #666;
}
.schedule_edit table.dataTable th ,
.schedule_edit table.dataTable td {
	padding:3px;
}
.schedule_edit table.dataTable th {
	white-space:nowrap;
}
.schedule_edit table.dataTable td {
	height:59px;
}
.schedule_edit table.dataTable .ddArea {
	padding:3px 3px 0 0 !important;
	vertical-align:top;
}
.schedule_edit table.dataTable .always {
	background-color:#eee !important;
}
.schedule_edit table.dataTable .always .ddArea {
	background-color:#fff !important;
}
.schedule_edit table.dataTable td.timedata {
	padding:0 !important;
}
.schedule_edit table.dataTable th.timedata {
    font-size:85% !important;
    padding:0 !important;
}
.schedule_edit table.dataTable tr.ui-state-hover {
    border-bottom:solid 3px #CC0000;
}
.schedule_edit .timebeltParent {
	position:relative !important;
	left:0;
	top:0;
	width:1152px !important;
	padding:0;
	height:30px;
}
.schedule_edit .scheduleViewTableTimeBeltParent {
	position:relative !important;
	left:0;
	top:0;
	width:1152px !important;
	padding:0;
	margin-bottom:5px;
	min-height:22px;
	border-bottom:dotted 1px #999;
}
.schedule_edit table#scheduleViewTable td.timedata {
	padding:5px 0 !important;
}
.schedule_edit table.dataTable td.timedata span {white-space:nowrap;}
.schedule_edit table.dataTable td.timedata .timebeltParent .timebelt {
	position:absolute;
	top:0;
	height:25px;
	padding:3px 0;
	text-indent:3px;
	color:#333;
	border-radius:3px;
    background-color: #91B834;
    background: -moz-linear-gradient(left, #91B834, #C1DC85); /* mozilla */
    background: -webkit-gradient(linear, left top, center bottom, from(#91B834), to(#C1DC85)); /* Webkit */
    filter:alpha(opacity=80); /* IE5.5以上 */
	-moz-opacity:0.80;
	opacity:0.80;
}
.schedule_edit table.dataTable td.timedata .timebeltAlways {
	position:absolute;
	top:0;
	height:25px;
	padding:3px 0;
	text-indent:3px;
	color:#eee;
	border-radius:3px;
    background-color: #ccc;
    background: -moz-linear-gradient(left, #999, #ccc); /* mozilla */
    background: -webkit-gradient(linear, left top, center bottom, from(#666), to(#ccc)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#666666', endColorstr='#cccccc'); /* IE5.5以上 */
    text-align: center;
    line-height:25px;
}
/* niiseki Blackout */
.schedule_edit table.dataTable td.timedata .timebeltBlackout {
	position:absolute;
	top:0;
	height:25px;
	padding:3px 0;
	text-indent:3px;
	color:#eee;
	border-radius:3px;
    background-color: #111;
    text-align: center;
    line-height:25px;
    display:none;
}

.schedule_edit table.dataTable td.timedata .scheduleViewTableTimeBeltParent .scheduleViewTableTimeBelt {
	position:absolute;
	top:0;
	padding:7px 0 0 0;
	margin:0;
	text-indent:1px;
	color:#333;
	border-radius:3px;
    background-color: #91B834;
    background: -moz-linear-gradient(left, #91B834, #C1DC85); /* mozilla */
    background: -webkit-gradient(linear, left top, center bottom, from(#91B834), to(#C1DC85)); /* Webkit */
    filter: alpha(opacity=80); /* IE5.5以上 */
	-moz-opacity:0.80;
	opacity:0.80;

}
.schedule_edit table.dataTable td.timedata .scheduleViewTableTimeBeltParent p {
	position:absolute;
	width:100%;
	margin:0 1px;
	left:0;top:0;
	background-color:transparent;
}
.schedule_edit table.dataTable td.timedata .scheduleViewTableTimeBeltParent em {
	position:absolute;
	left:0;top:0;
	padding:7px 0 0 3px;
	display:block;
	background-color:#ccc;
	color:#333;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	overflow:hidden;
	left:-177px;
	width:172px;
	border-bottom:dotted 1px #999;
	border-radius:3px 0 0 3px;
}
.schedule_edit table.dataTable td.daydata {
	padding:0 !important;
	text-align:center;
	vertical-align:middle;
}
.schedule_edit table.dataTable td.daydata:hover {
	background-color:#FF9;
}

.schedule_edit .ddArea div ,
.schedule_edit .ddArea .ui-draggable-dragging div ,
.schedule_edit .ddArea .ui-sortable-helper div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	position:relative;
	margin:3px;
	max-width:43px;
	max-height:50px;
}
.schedule_edit .ddArea div img ,
.schedule_edit .ddArea .ui-draggable-dragging div img ,
.schedule_edit .ddArea .ui-sortable-helper div img {
	max-width:43px;
	max-height:50px;
	border:solid 1px #ccc;
	cursor: move;
	margin:0 0 8px 3px;
}
#imgPreviewWithStyles {
    background: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px;
    z-index: 999;
    border: none;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	width:auto;
	display:inline-block;
	*display:inline;
	*zoom:1;

	max-width:260px; /* ← here !! */

}

/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 3px;
    font-size:78%;
}

.schedule_edit #delButton {
	 position:absolute;
	 right:-8px;
	 top:-4px;
	 border:none !important;
	 z-index:1000;
}
#delButton:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	cursor:pointer;
}


.schedule_edit #addSelectDayList input {
	margin-bottom:5px;
}
.schedule_edit a.arrow-up {
    background: url("/common/img/btn/btn-arrow-up.jpg") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 29px;
    float:none;
    display:block;
    border-radius:0px;
}
.schedule_edit a.arrow-down {
    background: url("/common/img/btn/btn-arrow-down.jpg") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 29px;
    float:none;
    display:block;
    border-radius:0px;
}

/* 半角英数字を折り返す */
#main .fc-event-title {
	word-break: break-all;
}

.schedule_edit #scheduleSaveTable thead th {
    background: url("/common/img/th_bg09.jpg") 0 0 repeat-x;
    color:#000;
}



/* ---------------------------------------------
 * プレイヤー管理
 * --------------------------------------------- */
#player .container {
	/*
	max-width: 1130px;
	min-width: 1130px;
	*/
}

#player .mi,
#player .sumi{
	text-align: center;
	font-weight: bold;
	font-size: 28px;
}

#player .mi{
	color: red;
}

#player .dataTable .center {
	text-align: center;
}
#player .dataTable .center .btn {
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#player .dataTable .right {
	text-align: right;
}
#player .dataTable .break {
	word-break: break-all;
}
#player #confirm_box {
	max-height: 200px;
	overflow: auto;
}
#player #confirm_box strong {
	/* メイン画面でスケジュール名の半角英数字を折り返す */
	word-break: break-all;
	display: block;
}
#player #createZipFile {
	margin-right: 10px;
}
#player .errMsg {
	border: 1px solid red;
	background: pink;
	padding: 3px;
	position: absolute;
	display: none;
}
#player #player_name {
	margin-right: 10px;
}

#player #tabNavi {
	user-select: none;         /* CSS3 */
	-moz-user-select: none;    /* Firefox */
	-webkit-user-select: none; /* Safari、Chrome */
	-ms-user-select: none;     /* IE10～ */
	z-index: 2;
	position: relative;
	zoom: 1;
	overflow: hidden;
}
#player #tabNavi li {
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	border: solid 1px #666;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	background-color: #ccc;
}
#player #tabNavi li.activeTab {
	border-bottom-color: #fff;
	background-color: #fff;
}
#player #tabNavi a {
	outline:none;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	padding: 5px 10px 4px;
	text-align: center;
	display: block;
	font-weight: bold;
	color: #333;
}

#player #filestatusBox,
#player #analyticsBox,
#player #eventBox {
	display: none;
}

#player .logBox {
	border-color: #666;
	background-color: white;
	position: relative;
	top: -1px;
}

#player .logBox #filestatus,
#player .logBox #playlog,
#player .logBox #analytics,
#player .logBox #event {
	height: 252px;
	overflow: auto;
	width: 810px;
}

#player .logBox ul{
	height: 252px;
	width: 100px;
	overflow: auto;
}

#player .logBox li{
	margin: 0 10px 0.5em 0;
	line-height: 1.25em;
}

#player .logBox .current{
	color: red;
	font-weight: bold;
}

#player .logBox .defaultMsg span {
	display: block;
	text-align: center;
	padding-top: 120px;
	width: 800px;
}
#player .logBox .defaultMsg {
	border: none!important;
}
#player .logBox table {
x	width: 100%;
}
#player #analytics table {
	width: auto;
}
#player .logBox td th,
#player .logBox td td {
	padding: 0 6px 0 0;
	font-family: monospace;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
}
#player .logBox td th {
	text-align: right;
	width: 50px;
}
#player #analytics th,
#player #analytics td,
#player #event th,
#player #event td {
	border: 1px solid #666;
	padding: 3px;
}
#player #analytics th {
	text-align: center;
	cursor: pointer;
	padding: 3px 23px;
	background: url(./img/sort_bg.gif) right center no-repeat #ccc;
}
#player #event th {
	text-align: center;
	padding: 3px 3px;
	background: #ccc;
}
#player #analytics th.headerSortUp {
	background: url(./img/sort_asc.gif) right center no-repeat #eee;
}
#player #analytics th.headerSortDown {
	background: url(./img/sort_desc.gif) right center no-repeat #eee;
}
#player #analytics .str {
	text-align: left;
}
#player #analytics td {
	text-align: right;
}
#player #event td.msg {
	width: 100%;
}
#player .before,
#player .next,
#player .top,
#player .end {
	display: block;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: #eee;
	border: 1px solid #ccc;
	margin: 12px 0;
	display: none;
}
#player .before:hover,
#player .next:hover,
#player .top:hover,
#player .end:hover {
	background: #ddd;
}
#player .mb10 {
	margin-bottom: 10px;
	display: block;
}

/* ---------------------------------------------
 * ログイン画面
 * --------------------------------------------- */

body#login {
	text-align: center;
	background: none;
}

/*
body#login .loginPanel {
	margin: 0 auto;
	position: relative;
	background: url(img/_login.jpg) 0 0 no-repeat;
	width: 950px;
	height: 742px;
}
*/
body#login .loginPanel input {
	background-color: #F9F9F9;
	border: none;
}

body#login .loginPanel input#login-houjin {
	position: absolute;
	top: 289px;
	left: 400px;
}

body#login .loginPanel input#login-user {
	position: absolute;
	top: 339px;
	left: 400px;
}

body#login .loginPanel input#login-pass {
	position: absolute;
	top: 389px;
	left: 400px;
}

body#login .loginPanel a#login-btn {
	position: absolute;
	top: 458px;
	left: 338px;
}

body#login .loginPanel a#login-btn:hover {
	filter: alpha(opacity = 80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	cursor: pointer;
}

#lean_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}

.layoutBase,
#layoutBase {
	border: solid 1px #ccc;
	background-color: #fff !important;
	overflow: hidden;
	z-index: 99;
	position: relative;
}

#layoutBase {
	width: 480px;
	height: 270px;
}

.layoutBase .layoutBox,
#layoutBase .layoutBox {
	width: 120px;
	height: 120px;
	background-color: #e0f2be;
	position: absolute !important;
	font-size: 85%;
	box-shadow: 0px 0px 0px 1px #999;
	-webkit-box-shadow: 0px 0px 0px 1px #999;
	-moz-box-shadow: 0px 0px 0px 1px #999;

	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.layoutBase .layoutBox span,
#layoutBase .layoutBox span {
	display: block;
	margin: 0 !important;
	padding: 2px !important;
}

#layoutBase .V, .layoutBase .V {
	background-color: #99ccff;
	z-index: 1;
}

#layoutBase .M, .layoutBase .M {
	background-color: #e78f08;
	z-index: 1;
}

#layoutBase .P, .layoutBase .P {
	background-color: #e0f2be;
	z-index: 1;
}

#layoutBase .C, .layoutBase .C {
	background-color: #CC6666;
	z-index: 1;
}

#layoutBase .B, .layoutBase .B {
	background-color: #eeeeee;
	z-index: 0;
}

.ui-draggable-dragging {
	filter: alpha(opacity = 50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

.ui-resizable:hover {

	cursor: move;
}

div.bRed {
	box-shadow: 0 0 0 1px #CC0000 !important;
	-webkit-box-shadow: 0 0 0 1px #CC0000 !important;
	-moz-box-shadow: 0 0 0 1px #CC0000 !important;

}
div.bRed span {
	/*background-color: #fff !important;*/
	display: block !important;
	height:100%;
	margin:1px !important;
	font-weight:bold;
	color:red\9;
}
tr.bRed td {
	background-color: #ffe4e1 !important;
}

label.error {
	display: block;
	margin-top: -1em;
	margin-left: 1em;
	padding: 3px;
	color: red;
	background-color: #fff;
	border: solid 1px #FF6666;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	border-radius: 3px;
	font-size: 85%;
}

/* ---------------------------------------------
 * 施設管理プラグイン
 * --------------------------------------------- */

#plugin_facility #btn_entry{
x	float:right;
	float:left;
	margin-right: 20px;
}

#plugin_facility .dataTable{
x	width:100%;
}

#plugin_facility #display_more{
	text-align:center;
}

#plugin_facility #search_condition th,
#plugin_facility_edit #edit_form th,
#plugin_facility_config .edit_form th{
	text-align: right;
	padding: 6px;
}

#plugin_facility_edit #edit_form textarea{
	width: 400px;
	height: 100px;
}

#plugin_facility_edit #edit_form td,
#plugin_facility_config .edit_form td{
	padding: 5px 0;
	}

#plugin_facility #search_content{
	width:200px;
}

#plugin_facility #search_btn{
	text-align:center;
	margin-left:50px;
	margin-bottom:20px;
}

#plugin_facility #dataTableCmd{
	margin:10px 18px 5px 0;
}

#plugin_facility #type_edit select{
	float: left;
	margin-right: 1em;
}

#plugin_facility #type_edit p{
	float: left;
	width: 15em;
}

#plugin_facility #type_edit a{
	margin: 0 5px;
}
#plugin_facility_config #bg_pv{
	width: 300px;
}
#plugin_facility_config fieldset .btn{
	margin-right: 5px;
}

/* ---------------------------------------------
 * メディア管理
 * --------------------------------------------- */
#media #pv{
	height: 400px;
x	background: url(img/pv_bg.gif);
}
#media .dataTable a.folder_l {
x	line-height: 60px;
	/* 半角英数字を折り返す */
	word-break: break-all;
	display: block;
}
#media .thumbs span {
	display: block;
}
#media .thumbs {
	background: url(img/icon/folder_l.gif);
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
}
#media .thumbs span {
	position: relative;
	top: 7px;
	left: 5px;
	width: 50px;
	height: 48px;
	overflow: hidden;
}
#media .thumbs img {
	height: 30px;
x	width: 40px;
	position: absolute;
	border-right: gray solid 1px;
	border-bottom: gray solid 1px;
}
#media .t1 {
	z-index: 2;
}
#media .t2 {
	z-index: 1;
	left: 9px;
	top: 8px;
}
#media .t3 {
	z-index: 0;
	left: 18px;
	top: 16px;
}
#media #errMsg {
	border: red solid 1px;
	margin: 3px 1em;
	padding: 5px;
	line-height: 16px;
	font-size: 16px;
	background-color: pink;
}
#media .errMsg {
	border: 1px solid red;
	background: pink;
	padding: 3px;
	position: absolute;
	display: none;
}
#media .box .errMsg {
	left: 70px;
}
#media #folderEditMsg {
	position: relative;
	left: 0;
}
#media #moveMediaMsg {
	max-height: 100px;
	overflow: auto;
	margin-bottom: 20px;
}
#media #destination {
	max-height: 100px;
	overflow: auto;
}
#media #mediaDelMsg {
	max-height: 200px;
	overflow: auto;
}

#media #mediaTable .content_name,
#media #mediaTable .scene_name {
	/* 半角英数字を折り返す */
	word-break: break-all;
}

/* ---------------------------------------------
 * プレイヤー情報ポップアップ
 * --------------------------------------------- */
#playerinfo {
	background: none;
	min-width: 100%;
}
#playerinfo .container {
    max-width: 780px;
    min-width: 780px;
    width: 780px;
}

#playerinfo .tabNavi {
	z-index: 2;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

#playerinfo .tabNavi li {
	float: left;
	margin-top: 10px;
}

#playerinfo .tabNavi li a {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	background-color: #ccc;
	padding: 5px 10px 4px;
	text-align: center;
	margin-right: 5px;
	display: block;
}

#playerinfo .tabNavi li.enable {
	cursor: e-resize;
	margin-top: 0;
}
#playerinfo .tabNavi li a.activeTab {
	background-color: #fff;
}

#playerinfo .tabNavi li.enable a {
	border: none;
	padding: 16px 0px 4px;
x	cursor: e-resize;
	background: url(img/tabBg02.gif) left top no-repeat;
	width: 30px;
}

#playerinfo .tabNavi li.enable a.activeTab {
x	background-color: #fff;
x	border-top: solid 3px #A9CE52;
	background: url(img/tabBg01.gif) left top no-repeat;
}
#playerinfo .tabNavi li span {
	cursor: pointer;
	display: block;
}

#playerinfo .panelTab {
	border: solid 1px #ccc;
	padding: 10px;
	z-index: 1;
	top: -1px;
	position: relative;
	zoom: 1;
}
#playerinfo #freeCmd,
#playerinfo #tabNavi1 {
	display: none;
}
#playerinfo .info {
	width: 100%;
}
#playerinfo #pname {
	margin-bottom: 10px;
	overflow: hidden;
}
#playerinfo #pname dt {
	float: left;
	width: 100px;
	font-weight: bold;
}
#playerinfo #tab2 table {
	border: none;
}
#playerinfo #tab2 .thumb {
	padding-top: 10px;
	vertical-align: top;
	background: url(img/arrowGreenDown01.gif) center 1px no-repeat;
	height: 56px;
}
#playerinfo #tab2 #thumb1 {
	padding-top: 0;
}
#playerinfo #tab2 #mainImg {
	padding-left: 10px;
}
#playerinfo #tab2 #mainImg div {
	background: black;
	border: 1px solid black;
	height: 320px;
	width: auto;
}
#playerinfo #tab2 #mainImg img {
	height: 320px;
	width: auto;
}
#playerinfo #tab2 .thumb {
	text-align: center;
}
#playerinfo #tab2 .thumb img {
	border: 1px solid black;
	height: 54px;
}
#playerinfo #tab2 .currentThumb img {
	border: 1px dotted red;
}
#playerinfo #screenTime {
	padding-left: 10px;
}
#playerinfo #sendScreen {
	margin:10px 0 15px;
	float: left;
	margin-right: 10px;
}
#playerinfo #screenDownload {
	margin:10px 0 15px;
	float: left;
	margin-right: 10px;
}

/* ---------------------------------------------
 * 画面ロック
 * --------------------------------------------- */

#playerinfo #lock,
#player #lock,
#contents #lock,
#plugin_facility_config #lock,
#plugin_interactive #lock {
	background-color: black;
	position: fixed;
	display: block;
	left: -5;
	top: -5;
	opacity: 0.5;
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	width: 100%;
	height: 110%;
	text-align:center;
	z-index: 12000;
}

/* ---------------------------------------------
 * システム設定
 * --------------------------------------------- */
#system .errMsg {
	border: 1px solid red;
	background: pink;
	padding: 3px;
	position: absolute;
	display: none;
}
#system #user_id,
#system #user_name,
#system #password,
#system #parent_id {
	margin-right: 5px;
}

#system .dataTable td {
	/* メイン画面でスケジュール名の半角英数字を折り返す */
	word-break: break-all;
}


/* ---------------------------------------------
 * インタラクティブコンテンツ管理プラグイン
 * --------------------------------------------- */

#plugin_interactive .errMsg {
	border: 1px solid red;
	background: pink;
	padding: 3px;
	position: absolute;
	display: none;
}