/*
    jobSystem 1.0 log2@eclat main.css Lv.880
    file http://www.eclat.cc/home/log2/main.css create Tue, 13 Nov 2018 11:26:55 GMT (ver1.0)
    (C) nancyan update Tue, 19 Mar 2019 04:30:07 GMT
*/

.for-owner, .for-guest { display:none; }
.hide  { display:none; }

html {
  font-size:100%;
  background:url("/home/log2/files/kabe12.gif"); 
}
#cookieDisp, #transDisp {
  display:none;
}

/* --------- 文字置換小窓フォーム --------- */
#decDisp {
  position:fixed;
  z-index:20;
  top:150px;
  left:10px;
  width:30%;
  border:2px solid #ccc;
  background-color:#ffefff;
  padding:8px;
  box-shadow:5px 5px 5px #ccc;
  border-radius:8px;
}
#decDisp textarea {
  display:block;
  width:100%;
  height:6em;
  padding:2px;
  border-radius:4px;
}
#decDisp button {
  display:inline-block;
  margin:6px 0;
  padding:3px 4px;
  font-size:100%;
}

/* ---------------------- */
.mark { font-weight:bold; }
.mark0 { color:tomato; }
.mark1 { color:darkgreen; }

#img1 {
  position:fixed;
  top:-10px;
  right:-10px;
  z-index:-1;
}
/* ------------- 共通設定 ------------- */
* {
  box-sizing:border-box;
  margin:0; padding:0;
}
a {
  text-decoration:none;
  display:inline-block;
}
ul {
  list-style:none;
}

.err {
  margin-top:1rem;
  padding:4rem;
  text-align:center;
  font-size:2.2rem;
  background-color:#fff;
}
.err-1st {
  margin-top:1rem;
  background:url("/home/default/files/yukikko2b.gif") no-repeat top center;
  padding-top:200px;
  font-size:1.4rem;
}
.err-2nd {
  font-size:2rem;
  font-family:"Times New Roman";
  color:#f00;
  padding:3rem;
}

/* キャプションメニュー */
.cap {
  margin-left:14rem; 
  line-height:1.5rem;
  padding:6px 1px 0px 2px;
  margin-bottom:3px;
}
/* --------- ボタン --------- */
.btn {
  display:inline-block;
  width:calc(8px + 4rem);
  font-size:.9rem;
  line-height:1.7rem;
  margin-right:6px;
  box-shadow:3px 3px 3px #808080;
  cursor:pointer;
  text-align:center;
  background-color:#ffc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.btn.act {
  background-color:#e5e;
  color:#fff;
}
.btn:active {
  box-shadow:3px 3px 3px #808080 inset;
}
.btn:hover {
  background-color:#ff9;
  color:#000;
  text-shadow:2px 2px 2px #808080;
}
.btn.act:hover {
  background-color:#f3f;
  color:#fff;
}
.btn1 {
  display:inline-block;
  font-size:.9rem;
  line-height:1.5rem;
  margin-right:6px;
  cursor:pointer;
  background-color:#ffc;
  padding-right:.5rem;
  border-radius:1rem;
  box-shadow:2px 2px 2px #808080 inset;
}

/* ------------- ロゴ ------------ */
#hells {
  position:absolute;
  top:0; left:0;
  width:14rem;
  background:url("/home/log2/files/yosei_2.gif") no-repeat 10px 2px;
  height:80px;
  padding-left:70px;
  padding-top:10px;
}
#hells a {
  color:#000;
}

/* ------------ ヘッダーメニュー ------------ */
#hellsDisp {

  margin-left:14rem; 
  line-height:1.5rem;
  padding:6px 1px 0px 2px;
 
}

#hellsDisp .btn {
  width:calc(8px + 7rem);
}

/* ------------- メイン領域 ------------ */
.con {
  height:84vh;
  width:100vw;
  overflow-y:auto;
  overflow-x:auto;
}

#con ul {
  list-style:none;
  padding:.5rem;
/*  margin:1rem 5vw;*/
}

/* ----------------- ファイル研究室更新ページ用 --------------- */


/* エディタ番号のラベル */
.btn.act {

}
.btn.caps-def {
  background-color:#fdb;
  font-weight:bold;
}
.btn.caps-sel {
  background-color:#ccf;
  color:#000;
  font-weight:bold;
}
.btn.caps-sel.caps-for {
  background-color:#00f;
  font-weight:bold;
  color:#fff;
}
.btn[ed] {
  position:relative;
}
.btn[ed]::before {
  content:attr(ed);
  text-align:center;
  width:1.3em;
  font-size:70%;
  line-height:1.2;
  border-radius:3px;
  border:1px solid #808080;
  display:inline-block;
  background-color:#cfc;
  color:#000;
  position:absolute;
  top:1px; right:1px;
}

/* ラベルメニュー */
#labDisp {
  padding-left:.5rem;
  margin-top:.4rem;
  margin-bottom:.4rem;
}
/* ラベルの要素 */
#labDisp span {
  display:inline-block;
  font-weight:bold;
  margin-right:2px;
  line-height:1.8rem;
  text-align:center;
  border:1px solid #ccc;
  border-radius:.4rem;
  cursor:pointer;
  font-size:.9rem;
  vertical-align:middle;
}
/* 記事番号のラベル */
.w-vol {
  width:3rem;
  background-color:#333;
  color:#ffc;
}
/* タイトルのラベル */
.w-title {
  width:15.8rem;
  background-color:#633;
  color:#ffc;
}
/* 文字数のラベル */
.w-len {
  width:3.7rem;
  background-color:#ffc;
  color:#000;
}
/* サマリーのラベル 表示切替あり */
.w-sam {
  width:55.5rem;
  background-color:lavender;
  color:#600;
}
.w-sam:hover {
  background-color:#66f;
  color:#fff;
}

/* ノードのラベル */
.w-node {
  width:2.2rem;
  background-color:#ffc;
  color:#000;
}
/* エディタ番号のラベル */
.w-ed {
  width:2.2rem;
  background-color:#cfc;
}

/* エディタコマンドボタン */
#labDisp span.w-cmd {
  width:6rem;
  margin-right:.5rem;
  text-align:center;
  color:#808080;
  background-color:#eef;
}
#labDisp span.w-1st {
  margin-left:1.74rem;
}
#labDisp span.w-cmd.hand {
  background-color:#00f;
  color:#fff;
}
#labDisp span.w-cmd:hover {
  background-color:#ffc;
  color:#000;
}
#labDisp span.w-cmd.hand:hover {
  background-color:#66f;
  color:#fff;
}
/* ログインのボタン */
#labDisp .w-cmd.on {
  background-color:#00f;
  color:#fff;
}
/* ログオフ中のボタン */
#labDisp .w-cmd.off {
  background-color:#800;
  color:#fff;
}


.w-es {
  width:6rem;
  text-align:center;
}
.w-ex {
  width:10rem;
  text-align:center;
}
.w-name { width:14rem; }
.w-date {
  width:12rem;
  text-align:center;
}

.dfx-act {
  background-color:lavender;
}
.dfx-wait {
  background-color:magenta;
  border-radius:1em;
  color:#fff;
  text-align:center;
  cursor:pointer;
  box-shadow:2px 2px 2px #808080;
}
.dfx-wait:active {
  box-shadow:2px 2px 2px #808080 inset;
}
.dfx-rock {
  background-color:#66f;
  color:#ffc;
}
.btn.dfx-sel {
  border:2px solid magenta;
}


/* ------------- auDisp 領域の表示 ----------- */
li.hide, span.hide, div.hide {
  display:none;
}
#auDisp {
  display:inline-block;
  white-space:nowrap;
  height:83vh;
  overflow-y:auto;
  overflow-x:hidden;
}
#auDisp li {
  margin-right:1rem;
  padding:1px .5rem;
  font-sizze:.9rem;
  line-height:1.7rem;
  margin-bottom:1px;
}
li.rock {
  background-color:#ffefff;
}
li.other {
  text-align:center;
  height:600px;
  background:url("/home/default/files/yukikko2b.gif") no-repeat center top 2rem;
}
#auDisp span {
  display:inline-block;
  vertical-align:middle;
  font-size:.9rem;
  line-height:1.5rem;
}

/* 記事番号 */
.vol {
  width:3rem;
  text-align:center;
  background-color:#eef;
  border:1px solid #808080;
  border-radius:1em;
  box-shadow:3px 3px 3px #ccc inset;
  cursor:pointer;
}
.vol.more {
  color:#fff;
  background-color:magenta;
}
#auDisp li .title {
  width:15rem;
  background-color:snow;
  cursor:pointer;
  padding-right:.5rem;
  margin-right:.5rem;
  margin-left:.5rem;
  padding-left:.5rem;
  border-radius:1em;
  border:1px solid #808080;
}
#auDisp li.file .title {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
#auDisp li.css .title, #auDisp li.html .title {
  text-align:center;
}
#auDisp li .title.act-en {
  background-color:#00a;
  color:#fff;
  box-shadow:2px 2px 2px #ccc inset;
}

#auDisp li .title:hover {
  background-color:#ff9;
}
#auDisp li .title.act-en:hover {
  background-color:#ccf;
  color:#000;
}
#auDisp li .title:active {
  box-shadow:2px 2px 2px #ccc inset;
}

.len {
  width:4rem;
  text-align:right;
  padding-right:.5rem;
  border:1px solid #ccc;
  border-radius:1em;
  box-shadow:2px 2px 2px #ccc inset;
  cursor:pointer;
}
.len.act-len {
  background-color:darkgreen;
  color:#fff;
}
.len:hover {
  background-color:#0c0;
  color:#fff;
}
.len.act-len:hover {
  color:#0f0;
  color:#fff;
}
.node {
  width:3em;
  text-align:center;
}
.ed {
  width:2em;
  text-align:center;
  background-color:#ffefff;
  border:1px solid #ccc;
  border-radius:3px;
  maegin-right:1rem;
}
.ed.dfx-ed {
  background-color:#ffc;
  color:#f00;
  border:1px solid #808080;
}


/* 記事サマリー */
.sam {
  white-space:nowrap;
  width:55rem;
  overflow:hidden;
  text-overflow:ellipsis;
  background-color:#fff;
  border-radius:.4rem;
  margin-left:.5rem;
  padding-left:.5rem;
  border:1px solid #ccc;
}

/* ノード番号 */
.w3 {
  width:3rem;
  text-align:right;
}
.w3.more {
  background-color:magenta;
  color:#fff;
  border-radius:1em;
}

.date {
  width:7em;
  text-align:center;
}

/* エディタ番号 */
#auDisp span.w2 {
  width:2em;
  text-align:center;
  border:1px solid #ccc;;
  border-radius:.4rem;
  color:#000;
  padding-right:0;
  margin-right:1rem;
  background-color:#ffefff;
}
#auDisp span.w2.dfx-ed {
  background-color:#ff9;
  border:1px solid #00f;
  color:#f00;
}


/* エディタ */
#editDisp {
  position:fixed;
  width:calc(100vw - 33rem);
  height:83vh;
  padding:0 .5rem;
  display:inline-block;
  vertical-align:top;
}

#editDisp span {
  display:inline-block;
  margin-right:.5em;
  font-size:.9rem;
  width:2.5rem;
  border-radius:.4em;
  border:1px solid #808080;
  box-shadow:2px 2px 2px #ccc inset;
  text-align:center;
  background-color:#ffc;
}
#dfxVol {
  background-color:#cfc;
}
#edites {
  display:inline-block;
  font-size:.9rem;
  line-height:1.6rem;
  padding:0 4px;
  margin-right:.5em;
  width:36em;
  vertical-align:middle;
  border:1px solid #acc;
  box-shadow:2px 2px 2px #808080 inset;
  border-radius:.4em;
}

#editDisp #dfxCnt {
  width:6em;
  background-color:#fff;
}
#txt2 {
  padding-left:5px;
  padding-right;5px;
  width:98%;
  height:38.5vh;
  background-color:#eef;
  font-size:1.1rem;
  line-height:1.3em;
  color:#000;
  display:none;
  margin:6px 0 9px 0;
  box-shadow:2px 2px 2px #808080 inset,6px 6px 6px #ccc;
  border-radius:.4rem;
  border:1px solid #808080;
}
#text {
  padding-left:5px;
  padding-right;5px;
  width:98%;
  height:77.7vh;
  background-color:#ffefff;
  font-size:1.1rem;
  line-height:1.3em;
  color:#000;
  display:block;
  margin:6px 0 9px 0;
  box-shadow:2px 2px 2px #808080 inset,6px 6px 6px #ccc;
  border-radius:.4rem;
  border:1px solid #808080;
}
#text:hover {
  box-shadow:2px 2px 2px #ccc inset,6px 6px 6px #808080;
}
#text:focus {
  box-shadow:2px 2px 2px #ccc inset,6px 6px 6px #ccc;
  border:1px solid #00f;
}
#text.delay {
  border:3px solid tomato;
}

.dub #txt2 {
  display:block;
}
.dub #text {
  height:38vh;
}

/* ---------- 送信・領域切り替えボタン ---------- */
#eSub, #eDub {
  position:absolute;
  right:1rem; bottom:1rem;
  display:inline-block;
  width:3rem;
  border:1px solid #808080; border-radius:50%;
  font-size:.8rem; line-height:3rem;
  text-align:center;
  box-shadow:2px 2px 2px #808080;
  background-color:#eee;
  cursor:pointer;
}
#eSub:hover, #eDub:hover {
  background-color:#ffc;
  color:magenta;
}
#eSub:active, #eDub:active {
  background-color:#ff9;
  color:#f00;
  box-shadow:2px 2px 2px #808080 inset;
}
#eDub {
  bottom:calc(35vh);
}

#editDisp span.e-info {
  margin-right:.5rem;
  color:brown;
}

#editDisp span.e-info.delay {
  background-color:#ffc;
  color:tomato;
}
.e-cnt {
  color:#600;
}
.non-edit.sam-long .title   { width:55rem; }
.non-edit.sam-long .w-title { width:55.8rem; }
.non-edit.sam-long .sam     { width:15rem; }
.non-edit.sam-long .w-sam   { width:15.5rem; }

#fileDisp.non-edit #editDisp, #fileDisp.non-edit .w-cmd {
  display:none;
}
#fileDisp:not(.non-edit) .sam, #fileDisp:not(.non-edit) .w-sam  {
  display:none;
}

/* css layaout */
li.css span {
  margin-right:2px;
}