*{margin: 0; padding: 0;}
body {font-family: 'Arial Narrow', Arial, sans-serif;  font-size: 14px; background-image: url(gray.png);}

#header  {width: 100%; color: #fff; background-color: #55a;  position: fixed; top: 0; left: 0; padding: 4px;}

#proj{
	padding: 5px 15px; display: block; height: 14px; font-weight: bold;
	line-height: 14px; font-size: 16px; color:  #fff; background-color: #55b; text-align: center;
}

.box, .boxc {	display: table-cell; }
.frame {border-collapse: separate;  border-spacing: 10px 0;  display: table;  width: 100%; }

#hShow {color: #fff; background-color:  #55b; position: fixed ; top: 7px; left: 10px; cursor: pointer; }

#exe {color: #fff; background-color:  #55b; position: fixed; top: 7px; right: 235px; cursor: pointer;}
#exe:hover{background-color:#aaf;}
#prog {color: #fff; position: fixed; top: 5px; right: 110px;}
#time {color: #fff; position: fixed; top: 7px; right: 65px; background-color:  #55b;}
#reic{color: #fff; background-color:  #55b; position: fixed; top: 7px; right: 10px;}
#reic:hover{background-color:#aaf;}

.A {	padding: 5px 15px; height: 14px; font-weight: bold; 	line-height: 12px; color:  #fff;  cursor: move;}
.T {float: left; font-size:120%; } .T:hover {opacity: 0.5;}
.S {float: right;}
.B {float: left; cursor: zoom-in;} .B:hover {opacity: 0.5; }
.R {float: left; cursor: zoom-out;} .B:hover {opacity: 0.5; }
.X {float: right; cursor: alias;} .X:hover {opacity: 0.5; }
.C {clear: both; background-color:  #fff;}

#men {	margin: 0px 10px; width: 260px; height: auto; border: solid 1px #555; background-color:#dedede; position:relative;float:left;}
#men a:link   {color: #55b; text-decoration: none;}
#men a:hover  {color: #fdd; background-color: #55b;}
#menC {max-height: 90vh;  overflow-y: scroll; margin: 0 0 0 10px; resize: vertical;background-color:#dedede; }

#menMap {max-height: 800px; margin: 0 0 0 10px; overflow-y: scroll; resize: vertical;}

#content {padding:35px 10px 10px 10px; overflow:auto; overflow-y:hidden; }

#dat, #let, #num, #gra  {
	width: auto; max-height: auto; border: solid 1px; overflow: hidden; background-color: #fff; position:relative;
}

#datC, #letC, #numC, #graC  {
	padding: 10px;  resize: both;position:relative; background-color: #fff; overflow: scroll;
}

#men {border-color: #44b;} #dat {border-color: #08b;} #let {border-color: #171;} #num {border-color: #900;} #gra {border-color: #948;}
#dat  {z-index:1;} #let  {z-index:2;} #num  {z-index:3;} #gra  {z-index:4;}


/*
#hMen, #menA, #hEqu  {background: linear-gradient(#66d 50%, #44b 50%);}
#hDat, #datA,  #data, #fileT, #atrfilT, #userDat  {background: linear-gradient(#19c 50%, #08b 50%);}
#hLet, #letA, #letras, #pattern, #selL, #contx, #indL  {background: linear-gradient(#282 50%, #171 50%);}
#hNum, #numA, #numeros, #metN, #optN  {background: linear-gradient(#c33 50%, #900 50%);}
#hGra, #graA, #grafico, #graficT, #adjT  {background: linear-gradient(#b6b 50%, #949 50%);}
#graD, #graE, #graF, #graG {float: left; margin: 1px; background-color: #fff;}
#refer  {background: linear-gradient(#e58 50%, #d47 50%);}
*/

#data, #datA  {background: #08a;}
#menA  {background: #44b;}

#hMen, #hEqu  {background: #66d;}
#hDat,  #fileT, #atrfilT, #userDat  {background: #19c;}
#hLet, #letA, #letras, #pattern, #selL, #contx, #indL  {background: #171;}
#hNum, #numA, #numeros, #metN, #optN  {background: #900;}
#hGra, #graA, #grafico, #graficT, #adjT  {background: #949;}
#graD, #graE, #graF, #graG {float: left; margin: 1px; background-color: #fff;}
#refer  {background: #e58;}

#PUP { background-color:white;  border:1px solid blue;  position:absolute; left:-200px; top:100px;}/*PupUp2Canvas*/

#tbx {   /*テキストボックス*/
	margin: 0px 10px;  width: 600px; height: 150px;  overflow: auto;
	font-weight: bold; background-color: #fff; border: solid 1px #555; resize: both; z-index:5;
}
#tbxT  {background-color: #7ad; height: 25px; }
#pdata {color: white; background-color: #77d; padding: 6px; }
#clic    {color: white; background-color: #77d; padding: 6px; border-radius: 12px; }
#clic:hover  {color: #fff; background-color: #fdd;}
/*
#file {margin-right: 5px; width: 70px; height: 40px;} #file:hover  {opacity: 0.3;}
*/

#slf {width: 250px; padding: 10px;}  /*ユーザーズファイル*/
#textbox:hover  {opacity: 1.0;} #selfselec:hover  {opacity: 1.0;}
#textbox, #selfselec{margin-left: 25px; padding: 5px; color: #fff; width: 128px; height: 12px; text-align: center; background-color: #08b;  opacity: 0.7;  border-radius: 12px;}

#letU, #numU,#numS  {width: auto; height: auto; margin: 5px 0px 5px 0px;}
#letM{
	width: 500px; height: 40px; overflow:auto;  overflow-y: scroll; resize: both; margin: 5px 0px 5px 0px;
	border-style: solid; border-color: #aaa; border-width: 1px
}

#graS, #graS2 {width: auto;  height: auto;  vertical-align: mid; background-color:#fff;white-space: nowrap;}
#statlist {width: auto;  height: 8vh;  overflow: auto; padding: 5px; border-style: solid; border-color: #eee;border-width: 1px}

#fil{ cursor: pointer;}

#cita  {width: auto; height: auto;  overflow: auto;}

a.lk {padding-left:20px; margin-left:10px; background:url("b4.gif") left no-repeat;}
lkz {padding-left:10px; margin-left:10px; color: #55b; }

H1  {font-size: 130%; text-align: center; text-stroke: 2px #fff;}
H2 {width: auto; margin-left: 10px; line-height: 150%; font-size:120%;  color: #fff;  vertical-align:middle;}
H3 {line-height: 150%; font-size:110%;  color: #55b; padding: 5px;}
H4 {line-height: 200%; font-size:100%; color: #5e8eab; margin:10px;}
H5 {line-height: 100%; font-size: 80%; color: navy; margin:10px;}

pre {  width: 99%;  overflow: auto;  padding: 5;  margin: 0 5;}
label {vertical-align: top;}
.sub{
	margin: 5x; padding: 5px 15px; display: block; width: 190px; height: 14px; cursor: pointer;
	 font-weight: bold; line-height: 12px; font-size: 16px; color:  #fff; border-radius: 12px;
} .sub:hover{opacity: 0.5;}

.sub2, .subL, .subN {  text-align: center;
	margin: 10px; padding: 5px 10px; display: block; width: 180px; height: 15px; cursor: pointer; font-weight: bold;
	line-height: 13px; font-size: 16px; color: #fff; background-color: #55b;
} .sub2:hover{opacity: 0.5;}

.subL {background-color: #192; opacity: 0.7;} .subL:hover{opacity: 0.5;}

.subN { background-color: #900; opacity: 0.7;} .subN:hover{opacity: 0.5;}

.sub3 {height: 12px; line-height: 10px; color: white; font-size: 16px; background-color: #88c;  opacity:0.7;
	padding: 5px 0px 5px 15px; border-radius: 12px; cursor: pointer;}
.sub4 {height: 12px; line-height: 10px; color: white; font-size: 16px; background-color: #77d;
	padding: 5px; border-radius: 12px;}
.subx {
	margin: 5x; padding: 5px 5px; display: block; height: 15px;
	line-height: 13px; font-size: 16px; color:  #fff; background-color: #55b;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4); padding: 6px; border-radius: 12px;
}

.spn:hover{background-color:#fdd; cursor: pointer;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10- */
}

.sel, #graf, #sel-mult { float: left;  width: 35%; } .sel2 { float: left;  width: 100px;} .sel3 {width: 180px;}
.sing {width: 63%}.mult{width: 63%; resize: vertical;} .mult2{width: 63%; resize: none;} .box {	float: left;}

#op-d:hover, #op-l:hover, #op-n:hover  {background-color:#ddf; cursor: pointer;}
#topcas::-webkit-scrollbar { display: none; }

select {padding : 5px; overflow: auto;  resize: vertical;} option {padding : 1px; font-size: 90%;}

table.yesDT thead th {cursor: pointer; }
th.srt:hover {background: #dfd; cursor: pointer; white-space: nowrap;}
td.clic {background-color: #ddf; white-space: nowrap;}
td.clic:hover {background: #fdd; cursor: pointer; }
table#myTable tr td.title-r:hover{background-color:#cfe;cursor: pointer;} /*表側カラー*/
th {background-color: #ddf; text-align: center; font-weight: normal; padding: 0px 5px}
td {padding: 0px 5px}
table tr:nth-child(even) {background-color: #dfdfdf;} /*偶数行カラー*/
table thead th:hover {background: #fdd; } /*表頭hoverカラー*/
table tr td:hover{background-color:#eee;} /*セルhoverカラー*/

th, td {
  max-width: auto !important;
}
th {
white-space: nowrap;
}

hr {margin: 10px 20px 10px 10px;}
p {padding: 5px;}
rr {color: #f33;} gg {color: #191;} bb {color: #33f;} nv {color: #55b;} fd {color: #fdd;}

div.ad{display: inline-block;} /* 吹き出しインライン要素 */
div.ad span {display: none; } /* 吹き出しspanを非表示 */
div.ad:hover {position: relative;} /* 吹き出しマウスオーバー */
div.ad:hover span { width: 550px;  padding: 5px; z-index:100; display: block;
	position: absolute; top: 15px; left: 50px; font-size: 90%; color: #000; background-color: #cef; text-align: left;
}

.col-1 {
    display: inline-block;
    width: 100px;
}
.col-2 {
    display: inline-block;
    width: 155px;
}

kkk {color: #3366CC, #DC3912, #FF9900, #109618, #990099, #3B3EAC, #51A2C1,
#0099C6, #DD4477, #66AA00, #B82E2E, #316395, #994499, #22AA99
#AAAA11, #6633CC, #E67300, #8B0707, #329262, #5574A6,#3B3EAC
#e2431e, #e7711b, #f1ca3a, #6f9654, #1c91c0, #43459d }

sss{color: #EB2B00, #EB6446, #EB8B75, #EBC4BC, #FFFFFF}