/*! アイフロントオリジナルスタイルシート */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table {
    border-collapse: collapse;
}
body {
	background-color:#fff;
	color: #4D4D4D;
}
h1 {
	margin: 20px;
}

/* テーブル */
table {
	border:1px solid #000;
	background:#FFF;
}
/* ヘッダーカラー */
.headcolor {
	color:#fff;
	background:#008cba;
	line-height: 49px;
	text-align:center;
}

/* 縦スクロールバーが出ない */
/* tbody {
    height:80px;
    overflow-y:scroll;
} */

/* コンテンツ 【重要】*/
#contents {
    margin: 20px;
    position: relative;
    overflow-x:scroll;
}

/* ボーダー */
.brdrgtsol {
	border-right:1px solid #000;
}
.brdbtmsol {
	border-bottom:1px solid #000;
}
.brdbtmsolblue {
	border-bottom:1px solid #008cba;
}
.brdbtmsolgray {
	border-bottom:1px solid #dcdcdc;
}
.brdrgtdsh {
	border-right: 1px dashed #000;
}
.brdrgtdot {
	border-right: 1px dotted #000;
}

/* 一番左の列(会場) */
.leftcol{
	width:149px;/*border分-1px*/
	height:79px;
	text-align:center;
	background:#afd9ee;
}
/* 一番左の列(ピース置場) */
.leftcolpiece{
	width:149px;/*border分-1px*/
	height:79px;
	text-align:center;
	color:#fff;
	background:#008cba;
	font-weight:bold;
}

/* ヘッダー(タイトル) これを使うと表示が崩れる*/
.headtitl{
	float:left;
	width:149px;
	height:49px;
}

/* ヘッダー(時間列) */
.headtime{
	float:left;
	width:120px;
	height:49px;
}

/*** スクロールヘッダ行用CSS start ***/
/* ヘッダー(共通) */
.scrhead {
	color:#fff;
	background:#008cba;
	line-height: 49px;
	text-align:center;
	font-weight:bold ;
	font-size:small;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	position: absolute;
	z-index: 1001; /* ナビバーよりも上に表示する */
}

/* ヘッダー(タイトル) */
.scrheadtitl{
	float:left;
	width:150px;
	height:49px;
	border-left:1px solid #000;
}

/* ヘッダー(時間列) */
.scrheadtime{
	float:left;
	width:120px;
	height:49px;
}

/* 一番左の列(共通) */
.scrcol{
	width:150px;
	height:80px;
	/* display:table-cell;
	vertical-align: middle; */
	padding:15px 0 0 0;
	text-align:center;
	border-right:1px solid #000;
	border-left:1px solid #000;
	position: absolute;
	z-index: 999; /* ナビバーの下、セッションピースの上に表示する */
}

/* 一番左の列(ピース置場) */
.scrcolpiece{
	color:#fff;
	background:#008cba;
	font-weight:bold;
	font-size:small;
}
/* 一番左の列(会場) */
.scrcolplace{
	font-size:80%;
	background:#afd9ee;
	border-top:1px solid #000;
}

/*** スクロールヘッダ行用CSS end ***/

/* 表中の列(時間列) */
.coltime {
	float:left;
	width:10px;
	height:79px;
}
/* 表中の列(配置不可の時間列) */
.colimpr{
	float:left;
	width:10px;
	height:79px;
	background:gainsboro;  /* #dcdcdc */
}
/* 表中の列(ピース置場用) */
.colpiece {
	float:left;
	width:10px;
	height:79px;
	background:aliceblue;  /* #f0f8ff */
}

/* 時間枠 */
.timeframe {
    border-radius: 5px;
    cursor: pointer;
    height: 79px;
    overflow: hidden;
    position: absolute;
    margin:1px;
    padding:5px;
    padding-left: 12px;
    font-weight:normal;
}
/* 開催日未決定のセッション(ライトグレー調) */
.frmcolorX {
    background-color: rgba(245, 245, 220, 1.0);
    border: 1px solid #a9a9a9;
}
/* 開催日決定のセッション(ライトゴールド調) */
.frmcolorY {
    background-color: rgba(240, 230, 140, 1.0);
    border: 1px solid #daa520;
}
/* ライトブルー調のセッション */
.frmcolor1 {
    background-color: rgba(135, 206, 235, 1.0);
    border: 1px solid #0066cc;
}
/* ライトオレンジ調のセッション */
.frmcolor2 {
    background-color: rgba(255, 165,  00, 1.0);
    border: 1px solid #ff8c00;
}
/* ライトグリーン調のセッション */
.frmcolor3 {
    background-color: rgba( 50, 205,  50, 1.0);
    border: 1px solid #228b22;
}
/* ライトイエロー調のセッション */
.frmcolor4 {
    background-color: rgba(255, 255, 153, 1.0);
    border: 1px solid #ffff66;
}
/* イエロー調のセッション */
.frmcolor5 {
    background-color: rgba(255, 255, 000, 1.0);
    border: 1px solid #ffd700;
}
/* プラム調のセッション */
.frmcolor6 {
    background-color: rgba(221, 160, 221, 1.0);
    border: 1px solid #9400d3;
}
/* ピンク調のセッション */
.frmcolor7 {
    background-color: rgba(255, 192, 203, 1.0);
    border: 1px solid #ff69b4;
}
/* ライトグレー調のセッション */
.frmcolor8 {
    background-color: rgba(192, 192, 192, 1.0);
    border: 1px solid #808080;
}

.frmmove {
    top:6px;
    left:3px;
    position: absolute;
    border-left:dashed 1px #575757;
    border-right:dashed 1px #575757;
    height:67px;
    width:4px;
    z-index:1;
    cursor: move;
}
.frmresize {
    // top:6px;
    top:23px;
    right:3px;
    position: absolute;
    border-left:solid 1px #575757;
    border-right:solid 1px #575757;
    // height:67px;
    height:30px;
    width:3px;
    z-index:1;
    cursor: ew-resize;
}

/* ページトップの移動ボタン  */
#pageTop {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 80%;
    font-weight: bold;
}
#pageTop a {
    background: #afd9ee;
    opacity: 0.7;
    text-decoration: none;
    color: #008cba;;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#pageTop a:hover {
    text-decoration: none;
    background: #008cba;
    color: #fff;
}


.ui-resizable-e {
    right: -5px;
    width: 10px;
}

.ui-tooltip {
    color: white;
    background-color: #cd853f;
    /* color: black;
    background-color: #f5f5f5; */
    border-color: #8b4513;
    border-radius: 6px;
    font-size:12px;
    /* width: 240px; */
    /* word-break:  keep-all; */
    white-space: pre-line;
}

.ui-tooltip-warning { 
    color: white;
    background-color: #ff0000;
    border-color: #ee0000;
    border-radius: 6px;
    font-size:12px;
    white-space: pre-line;
    max-width: 100%;
}

.ui-tooltip-warning2 { 
    color: white;
    background-color: #ff773e;
    border-color: #ff4f02;
    border-radius: 6px;
    font-size:12px;
    white-space: pre-line;
    max-width: 100%;
}

.ui-tooltip-info { 
    color: black;
    background-color: #afd9ee;
    border-color: #afd9ee;
    border-radius: 6px;
    font-size:12px;
    white-space: pre-line;
    max-width: 100%;
}


.fixed{
       position: fixed;
       top: 0px;
       left: 0px
       z-index: 9999;
      }

/* リンクカーソル */
.pointer {
    cursor: pointer;
}

/*エラーメッセージクラス追加*/
.message-danger {
    color: #f04124;
    font-weight: bold;
}

.message-warning {
    color: #e99002;
    font-weight: bold;
}


.message-info {
    color: #5bc0de;
    font-weight: bold;
}

.message-success {
    color: #43ac6a;
    font-weight: bold;
}

.message-primary {
    color: #008cba;
    font-weight: bold;
}

.message-default {
    font-weight: bold;
}

/* ページの位置とサイズ調整のために追加  */
.current-page {
	display: inline-block;
    line-height: 2;
}

/* PAGETOPボタンとページネーションボタンが重ならないために追加  */
.button-spacing {
	padding-bottom: 110px;
}