/* Whole Page*/
html {
	background-image:url('../Icons/ichibkgndblue.jpg');
	background-attachment: fixed;
}

/* Image*/
a img {
	border: 0;
       color: white;
}
/* Image link & visited */
a:link, a:visited {
	text-decoration: none;
	color: white;
}
/* paragraph */
p {
        font-family: 'Times New Roman';
 	margin: 0;
        color: #4B6DAD;
}

/* ID = header - for positioning front matter*/
#header {
	position: sticky;
	top:0;
	width:100%;
	background-image:url('../Icons/ichibkgndblue.jpg');
	height: 97.333px
}

/* TH and TD within a table with class="sortable"*/
table.sortable th, table.sortable td {
	text-align: center;
	padding: 1px 1px 1px 1px;
   /*   width: 605px; */
        border-style: solid;
	border-color: #444;
        font-family: 'Times New Roman';
        font-size: 9pt;
 }
/* TH  within a table with class="sortable"*/
table.sortable th {
	border-width: 0px 1px 1px 0px;
	border-color: WhiteSmoke;
	background-color: #4B6DAD;
        color: white;
        white-space: nowrap;
	border-bottom: none;
	position: sticky;
	top: 97.333px;  /* match to height of the ID=header */

}

/* TD  within a table with class="sortable"*/
table.sortable td {
	border-width: 0px 1px 0px 0px;
	border-color: #4B6DAD;
        color: black;
        white-space: nowrap;
}
/* Table rows with class="odd" within a table with class="sortable".  Make */
table.sortable tr.odd td {
	background-color: #B7CEEC;
}

/* Table rows with class="even" within a table with class="sortable" */
table.sortable tr.even td {
	background-color: #fff;
}

/* TD within table rows with class="sortbottom" within a table with class="sortable"*/
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}
/* set first column TB border to grey */
table.sortable td:nth-child(1) {
	border-width: 0px 1px 0px 0px;
	border-color: #b3b3b3;
        color: black;
 }

/* Added for "updated through basho... */
span.basho{
      font-family: 'Times New Roman';
      font-size:10.0pt;
      color:#6932a8;
      display:inline-block;
      padding-left:100px;
}

/* Class="Doit"*/
#Doit {
	background-color: #FFFF99;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="DeSuGi"*/
#DeSuGi{
	background-color: maroon;
        color: white;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="ISI"*/
#ISI {
	background-color: #CC99FF;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="Mass"*/
#Mass {
	background-color: #CCFFCC;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="NPI"*/
#NPI {
	background-color: #00CCFF;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
/* Class="Sakura"*/
#Sakura {
	background-color: #FF99CC;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="SFI"*/
#SFI {
	background-color: #FFCC99;  
	color: black;
        border-bottom: 1px solid #b3b3b3;
}
/* Class="STI"*/
#STI {
	background-color: #99CC00;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
/* Class="Unaff"*/
#Unaff {
	background-color: white;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
/* Class="kosho"*/
#kosho {
	background-color: #F2F2F2;
        color: black;
}

/* Class="intai"*/
#intai {
	background-color: #BDBDBD;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}


div#tbl-container {
	width:75%;
	max-height: 90%;
	border: 1px solid black;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	background-color: WhiteSmoke;
	width:100%
}


thead th, thead th.locked	{
	font-size: 10.0pt;
	font-weight: bold;
	text-align: center;
	background-color: solid silver;
	color: white;
	border-right: 1px blue;
	cursor: default; 
}
	

td.locked,  th.locked{
	background-color: #ffeaff;
	font-weight: bold;
	border-right: 1px solid silver;
}

label {
      font-family: 'Times New Roman';
      margin: 20pt;
      color: #4B6DAD;
      font-size: 10pt;
}

form {
      margin: 0pt;
}

.nodisplay {
  display:none;
}


.img-box {
  margin-top: 10px;
  margin-bottom: 35px;
  width: 850px;
  height: 200px;
  position: relative;
}
/*
.img-box > img {
  width: 500px;
  height: auto;
  float:left;
}
*/

#check {
  width: 500px;
  height: auto;
  float:left;
}

#calpis {
  width: auto;
  height: 230px;
  float: right;
}

.img-box #shikona {
  width: 125px;
  height: 40px;
  position: absolute;
  top: 38%;
  left: 15%;
  font-size: 18pt;
  font-family: 'Times New Roman';
  text-align: center;
}
.img-box #amount {
  position: absolute;
  top: 42%;
  left:400px;
  font-size: 10pt;
  font-family: 'Times New Roman';
  text-align: center;
}
.img-box #amountinwords {
  width: 320px;
  height: 60px;
  position: absolute;
  top: 55%;
  left: 4%;
  font-size: 10pt;
  font-family: 'Times New Roman';
  text-align: center;
}
.img-box #signature {
  position: absolute;
  bottom: 3%;
  left: 350px;
  font-size: 28pt;
  font-family: 'Mistral';
  text-align: center;
}
.img-box #subnote {
  position: absolute;
  bottom: 6%;
  left: 9%;
  font-size: 10pt;
  font-family: 'Times New Roman';
  text-align: center;
}

.img-box #bashodate {
  position: absolute;
  top: 25%;
  left: 324px;
  font-size: 10pt;
  font-family: 'Times New Roman';
  text-align: center;
}

.img-box #insult {
  position: absolute;
  top: 5%;
  left: 500px;
  font-size: 14pt;
  font-family: 'Times New Roman';
  text-align: center;
  color: red;
  font-weight: bold;
}


label {
      font-family: 'Times New Roman';
      margin: 20pt;
      color: #4B6DAD;
      font-size: 10pt;
}

form {
      margin: 1pt;
}

.nodisplay {
  display:none;
}