.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 2px;
}
.tablesaw thead th {

}


@media screen and (max-width: 640px) {
	table {
#		overflow-x: auto;
#		display: block;
	}
}


@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){

}

/* Customized Demo CSS for our Demo Tables */
.tablesaw-columntoggle td.title a,
.tablesaw-swipe td.title a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10em;
}
@media (min-width: 40em) {
	td.title {
		max-width: 12em;
	}
	.tablesaw-stack td.title a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 10em;
		max-width: 40vw;
	}
}

.mkws-lang,
.mkws-switch,
.mkws-ranking,
.mkws-pager,
.mkws-navi,
.mkws-records,
.mkws-record,
.mkws-targets,
.mkws-stat,
.mkws-motd,
.mkws-auth-name {
    font-family: MS PGothic, Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
}

.mkws-lang {
    float: left;
    padding-left: 1em;
    padding-top: 0.4em;
}

.mkws-lang a {
//    background: #d0e0ff;
    padding: 1px 4px;
}

.mkws-lang span {
    border: solid 1px #d0e0ff;
    padding: 0px 3px;
}

.mkws-search {
    float: center;
}

.mkws-switch {
    float: right;
    padding-left: 1em;
    padding-top: 0.4em;
}

.mkws-targets {
    background-color: #fafafa;
}

.mkws-stat {
    margin-top: 10px;
    border-top: 1px solid  #156a16;
    padding-top: 5px;
    font-size: small;
}

.mkws-stat:before {
    content: "Status info";
    font-weight: bold;
}

.mkws-switch a {
	text-decoration: none;
	color: blue;
}


.mkws-lang a,
.mkws-ranking a,
.mkws-navi a {
    
    color: blue;
    text-decoration: none;
}


.mkws-records a,
.mkws-record a {
    color: white;
    text-decoration: none;
}


.mkws-switch a:hover,
.mkws-lang a:hover,
.mkws-pager a:hover,
.mkws-records a:hover,
.mkws-record a:hover {
    text-decoration: underline;
}

.mkws-navi a.mkws-removable:hover {
    text-decoration: line-through;
    color: red;
}


a.mkws-removable {
    text-decoration: bold;
    color: red;
}

.mkws-search input.mkws-button {
    border: 3px outset #132194;
    background-color: #132194;
    padding: 2px;
    width: 150px;
    height: 25px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: 8px;
    cursor: pointer;
}


.mkws-auth-name {
    color: #132194;
}

.mkws-search input.mkws-query {
    border: 2px inset #e0f0ff;
    padding: 3px;
    font-size: 12px;
    background: #f0f8ff;
    width: 30em;
    max-width: 100%;
}



.mkws-summary {
    padding: 5px;
}

.mkws-details {
    border: 1px solid #404040;
    background: #e8e8e8;
    color: black;
    padding: 5px 10px;
    margin: 10px 0px;
    box-shadow: 10px 10px 5px #808080;
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.mkws-details th {
    text-align: right;
    vertical-align: top;
    padding-right: 0.6em;
}

.mkws-details th:after {
    content: ":";
}





.mkws-prev::before {
    content: "<< ";
}

.mkws-next::after {
    content: " >>";
}

.mkws-targets table thead tr td {
    background-color: #132194;
    color: white;
    font-weight: bold;
    padding: 0.2em 0.5em;
}

.mkws-targets table tbody tr:nth-child(odd) {
    background-color: #e0f0ff;
}

.mkws-targets table tbody tr:nth-child(even) {
    background-color: #d0e0ff;
}

.mkws-targets table tbody tr td {
    padding: 0.2em 0.5em;
}

.mkws-current-page {
    font-weight: bold;
    font-size: 150%;
}

.mkws-progress {
    border: 1px solid #c0c0c0;
    float: left;
    margin-left: 2em;
    margin-top: 0.2em;
    padding: 0 0.3em;
}

.mkws-progress .mkws-done { color: #005701 }
.mkws-progress .mkws-waiting { color: #c0c0c0 }

.mkws-results table {
  display: inline-table /* only for Firefox! */
}

.mkws-field-description, .mkws-field-date, .mkws-field-thumb {
  display: none;
}
.preview { 
/* by default, hide it */
	display: none; 
	z-index:100;
   position: absolute; 
	/*		align the image properly */
	padding: 0px 0px 0px 0px; 
	overflow:auto;
}
.imgpreview {
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;  
	margin: 0px 5px;
}

.imgpreview a { 
	display: block; 
}

.imgpreview img.thumbnail {
	border:3px solid #ccc;	
}

thead.fmHeader {
   background-color:#000000;
   color:white;
   border: 0.75px solid white;
   border-style: solid;
   border-width: 0.75px;
   border-color: #FFFFFF;
   border-left:0.75px solid white;
   font-size: small;
   text-align: center;        
   }
   
th.fmHeader {
   background-color:#000000;
   color:white;
   border: 0.75px solid white;
   border-style: solid;
   border-width: 0.75px;
   border-color: #FFFFFF;
   border-left:0.75px solid white;
   font-size: small;
   text-align: center;        
   }
tr.nishikie {
background-color:#DBDBDB;
color:black;
border: 0.75px solid black;
border-style: solid;
border-width: 0.75px;
border-color: black;        
}
.nishikie a {
color:black;
}
tr.m_syoseki {
   background-color:rgb(102, 102, 102);
   color:white;
   border: 0.75px solid white;
   border-style: solid;
   border-width: 0.75px;
   border-color: white;        
   }

tr.syoseki1 {
  background-color:#666666;
  color:white;
  border: 0.75px solid white;
  border-style: solid;
  border-width: 0.75px;
  border-color: white;        
}

tr.hangi {
background-color:#DBDDDD;
color:black;
border: 0.75px solid black;
border-style: solid;
border-width: 0.75px;
border-color: black;        
}
.hangi a {
text-decoration: underline;
color:black;
}

tr.banzuke {
background-color:#556644;
color:white;
border: 0.75px solid black;
border-style: solid;
border-width: 0.75px;
border-color: white;        
}
.banzuke a {
color:white;
}

tr.resource {
background-color:#FFDBDB;
color:black;
border: 0.75px solid black;
border-style: solid;
border-width: 0.75px;
border-color: black;        
}
.resource a {
color:black;
}

tr.photodb {
background-color:#FFFDB;
color:black;
border: 0.75px solid black;
border-style: solid;
border-width: 0.75px;
border-color: black;        
}
.photodb a {
color:black;
}

tr.butai_photo {
background-color:#CCCBDB;
color:black;
border: 0.75px solid black;
border-style: solid;
border-width: 0.75px;
border-color: black;        
}
.butai_photo a {
color:black;
}
.table-hover > tbody > tr:hover > td.nishikie,
.table-hover > tbody > tr:hover > td.nishikie > a,
.table-hover > tbody > tr:hover > td.nishikie > font > a,
.table-hover > tbody > tr:hover > td.resource,
.table-hover > tbody > tr:hover > td.resource > a,
.table-hover > tbody > tr:hover > td.resource >font >a,
.table-hover > tbody > tr:hover > td.photodb > a,
.table-hover > tbody > tr:hover > td.photodb > font > a,
.table-hover > tbody > tr:hover > td.photodb,
.table-hover > tbody > tr:hover > td.butai_photo,
.table-hover > tbody > tr:hover > td.butai_photo > a,
.table-hover > tbody > tr:hover > td.butai_photo > font > a,
.table-hover > tbody > tr:hover > td.hangi,
.table-hover > tbody > tr:hover > td.hangi > a,
.table-hover > tbody > tr:hover > td.hangi > font > a,
.table-hover > tbody > tr:hover > td.banzuke,
.table-hover > tbody > tr:hover > td.banzuke > a,
.table-hover > tbody > tr:hover > td.banzuke > font > a,
.table-hover > tbody > tr:hover > td.syoseki1,
.table-hover > tbody > tr:hover > td.syoseki1 > a,
.table-hover > tbody > tr:hover > td.syoseki1 > font > a,
.table-hover > tbody > tr:hover > td.m_syoseki,
.table-hover > tbody > tr:hover > td.m_syoseki > a,
.table-hover > tbody > tr:hover > td.m_syoseki > font > a,
.table-hover > tbody > tr:hover > th {
  color:red;
  background-color: #FFFF99;
}

      .color-palette {
        height: 35px;
        line-height: 35px;
        text-align: center;
      }
      .color-palette-set {
        margin-bottom: 15px;
      }
      .color-palette span {
        display: none;
        font-size: 12px;
      }
      .color-palette:hover span {
        display: block;
      }
      .color-palette-box h4 {
        position: absolute;
        top: 100%;
        left: 25px;
        margin-top: -40px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 12px;
        display: block;
        z-index: 7;
      }
      table.yomi {
	background-color: #f0f5f5;
    #border: 1px solid black !important;
    #border-collapse:separate;
    border-spacing: 0;
    color: #0c12b2;
}

td.yomi, th.yomi {
    cursor: pointer;
    border: 1px solid black !important;
    padding: 2px;
    position: relative;

}
th.yomi {
    text-align: center;
}

tr.yomi:hover {
	background-color: #dddeee
}

td.yomi:hover {
    border: 1px solid red !important;
    background-color: #99e6ff !important;
    border-collapse:separate;
}