* { margin: 0; padding: 0; }

body {
-moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1{
	padding: 1% 0;
	color:#FFF;
	width:100%;
	display: inline-block;
}

.mk{
	background-color: #3a557b;
}

.an{
	background-color: #5f1200;
}

.mk-biz{
	background-color: #005bac;
}

.mk img,.mk-biz img{
	width:20%;
	margin: 0 0 0 5%;
}

.an img{
	width:26%;
	margin: 0 0 0 5%;
}

h1 a{
	width:20%;
}

h2{
	font-size: 1.6vw;
	font-weight: bold;
	width:90%;
	margin: 1% auto 0;
	padding: 1% 0;
	border-bottom: 0.4vh solid #3a557b;
	color: #333;
}

#sort{
	font-size: 1.2vw;
	padding: 0.5% 0;
	width:90%;
	display: flex;
	align-items:center;
	justify-content: left;
	margin: 0 auto;
}

#sort dt{
	width:4%;
	margin: 0 0 0 2%;
}
#sort dt img{
	width:100%;
}

#sort dd{
	width:80%;
	margin: 0 0 0 1%;
}
#foot{
	font-size: 1.2vw;
	padding: 0.5% 0;
	color:#FFF;
	width:100%;
	display: flex;
	align-items:center;
	justify-content: center;
	margin: 2% 0 0 ;
}

#foot div{
	width: 25%;
	vertical-align: middle;
	margin: 0 0 0 5%;
}

#foot div img{
	width: 50%;
}

#foot small{
	width: 65%;
	text-align: right;
	display: inline-block;
	margin: 0 5% 0 0 ;
}

#main-h{
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
}

#ymd{
	width: 90%;
	margin: 1% auto;
	font-size: 1.4vw;
}
.thead {
	font-size: 1.4vw;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8B0000;
	padding: 2%;
	border-top-width: 0.2vh;
	border-top-width: 0.2vh;
	border-top-color: #333333;
	border-left-color: #333333;
}


/* === フィルタボタン ============================ */
.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    : 5%;
	font-size: 1.6vw;
}
/* === フィルタリスト内の文字位置合わせ ========== */
.tfMeisai label{
  padding    : 0 5% 0 2%;
	color: #333;
	font-size: 1.2vw;
}
/* === 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;
  padding    : 1%;
  font-weight: normal;
  font-size  : 1.2vw;
  border     : 1px solid #ccc;
}
/* === フィルタ非表示 ============================ */
#sampleTable tr[cmanFilterNone]{
  display    : none;
}
/* === フィルタ非表示行と次行の間を二重線にする == */
#sampleTable tr[cmanFilterNone] + tr td{
  border-top : 0.3vh double #777;
}
 /* --- （参考）テーブル全体のスタイル指定 ------- */
#sampleTable {
  width          : 90%;
  border-collapse: collapse;         /* 境界線結合 */
  border-spacing : 0;                /* 罫線間余白 */
  font-size      : 1vw;              /* 文字サイズ */
	margin: 0 auto;

}
 /* --- ヘッダーのスタイル指定 ------------------- */
#sampleTable th {
  font-weight   : normal;              /* 太文字     */
  padding       : 0.5% 0;          /* 余白       */
  border        : 0.1vh #666666 solid; /* 罫線       */
  background    : #a5c6f3;           /* 背景色     */
  white-space   : nowrap;
}
 /* --- 明細のスタイル指定 ----------------------- */
#sampleTable td {
  padding       : 0.5% 0 0.5% 1%;          /* 余白       */
  border        : 0.1vh #666666 solid; /* 罫線       */
  white-space   : nowrap;
}


/* === ソートボタンを表示するエリア ============== */
.tsImgArea{
  line-height: 1;
}
/* === ソートボタン ============================== */
.tsImg{
  display    : inline-block;
  width      : 8px;
  height     : 6px;
  background : #eee;
  border     : 1px solid #777;
  margin     : 1px 3px;
  padding    : 3px;
  cursor     : pointer;
}
/* === ソートボタン（カーソルオーバー時）========= */
.tsImg:hover{
  background : #FFD700;
}
/* === ソートボタン内の三角の色（SVG）============ */
.tsImg path{
  fill       : #777;
}