/* ======================================== *
    CSSファイル / にゅすけ
 * ======================================== */

/* ---------------------------------------- *
    共通
 * ---------------------------------------- */

A:hover { COLOR: #9999FF; TEXT-DECORATION: none; }

.def {
  PADDING-LEFT: 1.0em ;
  PADDING-RIGHT: 1.0em ;
}
DD.defdd {
  margin-left: 1.0em;
}

/* スマホ対応 */
img {
  max-width: 100% ;
  height: auto ;
}

/* ---------------------------------------- *
    トップ
 * ---------------------------------------- */

.title {
  FONT-SIZE:150%;
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px; PADDING: 0.2em 1.0em 0.2em 1.0em;
  BORDER-COLOR: #444444 #444444 #444444 #444444;
  BACKGROUND: #0CA3EC;
}

.subj {
  PADDING: 0.2em 1.0em 0.2em 1.0em;
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px 0 1px 0;
  BORDER-COLOR: #CCCCCC #444444 #CCCCCC #444444;
  FONT-SIZE: 110%;
  FONT-WEIGHT: bold ;
  BACKGROUND: #DEC3B2;
}

/* ---------------------------------------- *
    レポート
 * ---------------------------------------- */

DD.rep {
  padding-top: 1.0em ;
  margin-left: 1.0em ;
}

DD.rep2 {
  padding-top: 0.5em ;
  margin-left: 1.0em ;
}

DD.chart {
  BACKGROUND: #EEEEEE;
  margin-left: 1.0em ;
  PADDING: 0.5em 1.5em 0.5em 1.5em;
}

.subj2 {
  PADDING: 4px;
  BORDER-STYLE: solid;
  BORDER-WIDTH: 0 0 1px 0;
  BORDER-COLOR: #444444 #444444 #999999 #444444;
  COLOR: #444444;
}

.mini_subj {
  COLOR: #FF0000;
}

.none_box {
  DISPLAY: table;
}

.tb1 {
	BORDER-STYLE: solid; BORDER-WIDTH: 1px ;
	BACKGROUND: #333333;
}
.td2 {
	BACKGROUND: #CCCCCC;
	BORDER-STYLE: solid; BORDER-WIDTH: 1px ;
	BORDER-COLOR: #FFFFFF #999999 #999999 #FFFFFF ;
	PADDING: 3px 5px 3px 5px;
}
.td1 {
	BACKGROUND: #BBBBBB;
	BORDER-STYLE: solid; BORDER-WIDTH: 1px ;
	BORDER-COLOR: #CCCCCC #666666 #666666 #CCCCCC ;
	PADDING: 3px 5px 3px 5px;
}

.index {
	BACKGROUND: #EEEEEE;
	BORDER-STYLE: solid; BORDER-WIDTH: 1px ;
	BORDER-COLOR: #FFFFFF #999999 #999999 #FFFFFF ;
	PADDING: 3px 5px 3px 5px;
}

/* === フィルタボタン ============================ */
.tfArea{
  display    : inline-block;
  position   : relative;
}
.tfImg{
  display    : inline-block;
  width      : 8px;
  height     : 8px;
  background : #eee;
  border     : 1px solid #777;
  margin     : 1px 3px;
  padding    : 3px;
  cursor     : pointer;
}
/* === フィルタボタン（カーソルオーバー時）======= */
.tfImg:hover{
  background : #FFD700;
}
/* === フィルタボタン内の画像色（SVG）============ */
.tfImg path{
  fill       : #777;
}
/* === フィルタリスト ============================ */
.tfList{
  display    : inline-block;
  position   : absolute;
  max-width  : 250px;
  min-width  : 140px;
  background : #fff;
  border     : 1px solid #777;
  top        : 15px;
  left       : 0;
  line-height: 1.1;
  font-weight: normal;
}
/* === フィルタリスト内のform ==================== */
.tfList form{
  max-height : 150px;           /* 縦幅 */
  overflow   : scroll;
  overflow   : overflow-y;
  overflow   : auto;
}
/* === フィルタリスト内のチェックボックス ======== */
.tfMeisai{
  text-align : left;
  padding    : 2px;
}
/* === フィルタリスト内の文字位置合わせ ========== */
.tfMeisai label{
  padding    : 0 10px 0 3px;
}
/* === OK/CANCELボタン =========================== */
.tfBtnArea{
  text-align : center;
  font-size  : 8pt;
  padding    : 3px 5px;
}
.tfBtnArea input{
  display    : inline-block;
  margin     : 0 5px;
}
/* === 含むボタンの入力エリア ==================== */
.tfInStr{
  padding    : 5px 3px;
  border-top : 1px solid #999;
  border-bottom: 1px solid #999;
}
.tfInStr input{
  box-sizing : border-box;
  width      : 100%;
  padding    : 1px 3px;
  font-weight: normal;
  font-size  : 95%;
  border     : 1px solid #ccc;
}
/* === フィルタ非表示 ============================ */
#listTable tr[cmanFilterNone]{
  display    : none;
}
/* === フィルタ非表示行と次行の間を二重線にする == */
#listTable tr[cmanFilterNone] + tr td{
  border-top : 3px double #777;
}