body {
	color: green;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
h2 {
	text-align: center;
}
h3 {
	margin: 12px 0px 6px 0px;
}
hr {
	color: #cccccc !important;
}
div.guide {
	line-height: 180%;
}
em {
  font-style: normal;
  font-weight: bold;
  color:#0000b0;
}
.code {
    color: black;
    padding: 2px 4px;
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    font-family: monospace;
    border-radius: 3px;
//white-space: nowrap; 
}
a.abtn:link{
  text-decoration: none;
  color:#0000b0;
}
a.abtn:visited{
  text-decoration: none;
  color:#0000b0;
}
a.abtn {
    color: inherit;
    padding: 0px 1em;
//margin-top: 1px;
//margin-left: -5px;
display: inline-block;
//width: 5em;
text-align: center;
    background-color: #F7F7F9;
    border: 1px solid #b0b8e0; //#FF9000;
border-left: none;
    border-radius: 10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
div.verblist {
	line-height: 180%;
	margin-left: 1em;
	margin-right: 1em;
}
a.abtn-fc {
border-left: 1px solid #b0b8e0;
}

/*
*** form input button
 */
form#formzero {
	margin-left: 1em;
	margin-right: 1em;
}
div#elForm:after {
	clear: none;
	content: normal;
	display:block;
}
div#elForm {
	display: table;
	width: 100%;
margin-bottom: 5px;
}

.shadowed {
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.tgOuter, .btnOuter {
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #b0b8e0; //#FF9000;
	border-radius: 10px;
transform: translate3d(0px, 0px, 0px);
//box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
//position: relative;
}
.tgOuter {
	padding: 3px;
	background-color: lightyellow;
}
.btnOuter {
	width: 3em;
	padding: 0;  /* was comment */
	background-color: white;
border-left: 0px;
  cursor: pointer;
}
.targetbox, .btn {
	font-size: x-large;
	background-color: transparent;
	width: 100%;
	margin: 0px;
	border: medium none;
	border-radius: 10px;
	box-shadow: none;
}
.btn {
	padding: 0px; /* was 0px; */
	border-left: 0;
  cursor: pointer;
  color: #0000b0;
}
.btn:hover, .btnOuter:hover, .btn:active, .btnOuter:active {
  color: #0000b0;
  text-decoration: none;
  background-color: #c0ffc0;
  -webkit-appearance: none;
}
.targetbox {
	padding: 0px;
    padding-left: 2px;
    font-family:sans-serif;
}


/*
*** conju table
 */
table {
/*	border-collapse: collapse;*/
	border-spacing: 0;
}
th,td {
	margin: 0; 
	padding: 4px;
}
th {
	background: #e6e6e6;
}

table.v {
	display: block; 
	position: relative; 
	width: 100%;
transform: translate3d(0px, 0px, 0px);
}
table.v thead {
	display: block; 
	float: left; 
//	overflow-y: hidden;
}
table.v tbody {
	display: block; 
	width: auto;
	position: relative; 
	overflow-x: auto;
	white-space: nowrap; 
	-webkit-overflow-scrolling: touch;
}
table.v thead tr {
	display: block; 
}
table.v th {
	display: block; 
}
table.v tbody tr {
	display: inline-block; 
	vertical-align: top; 
float:left;
margin-right: 6px;
}
table.v td {
	display: block;
	color: black;
	border-right: 1px solid #cccccc;
}
table.v td.head {
	background: #cccccc;
	color: green;
}
table.v thead td:first-child {
border: none;
}
table.v tbody td:first-child {
border-top-right-radius: 5px;
}

/* memo */
table.m {
   margin-top: 5px;
   margin-bottom: 5px;
clear: both;
}
table.m td {
   color: black;
   border-right: 1px solid #cccccc;
}
table.m td.head {
   background: #cccccc;
   color: green;
/*   white-space: nowrap;*/
}
table.m tr:first-child td {
   border: none;
}
table.m tr:first-child td.head {
   border-top-right-radius: 5px;
}
table.m td:last-child {
   border-bottom: 1px solid #cccccc;
}

table.v td.grayout {
	color: gray;
}
span.grayout {
	color: gray;
}
/*
.HL1 .suffix, .HL2 .suffix, .HL3 .suffix, .HL4 .suffix, .HL5 .suffix, .HL6 .suffix {
   font-style: italic;
}
*/
.highlight {
/*	color: blue; */
	background: #c0ffc0;
/*	border-bottom-color: #b7ffb7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	box-shadow: #b7ffb7 0px -3px 0px 0px inset*/
}
table.v td.HL_box, .HL_box {
	border-color: black;
	border-style: solid;
	border-width: 2px;
	padding: 2px;
}
.HL1 {
/*	green */
	background: #c0ffc0;
}
.HL2 {
/*	blue */
	background: #c0c0ff;
}
.HL3 {
/*	red */
	background: #ffc0c0;
}
.HL4 {
/*	yellow */
	background: #ffffc0;
}
.HL5 {
/*	yellow */
	background: #c0ffff;
}
.HL6 {
/*	yellow */
	background: #ffc0ff;
}

.HL1.HL2 {
   background-image: linear-gradient(90deg, #c0c0ff 50%, #c0ffc0 50%);
}
.HL2.HL3 {
   background-image: linear-gradient(90deg, #ffc0c0 50%, #c0c0ff 50%);
}
.HL1.HL3 {
   background-image: linear-gradient(90deg, #ffc0c0 50%, #c0ffc0 50%);
}
.HL1.HL4 {
   background-image: linear-gradient(90deg, #ffffc0 50%, #c0ffc0 50%);
}
.HL2.HL4 {
   background-image: linear-gradient(90deg, #ffffc0 50%, #c0c0ff 50%);
}
.HL3.HL4 {
   background-image: linear-gradient(90deg, #ffffc0 50%, #ffc0c0 50%);
}

.bnw {
   border-radius: 0px;
}
.HL1.bnw {
   color: white;
   background-image: linear-gradient(45deg, black 90%, white 10%);
}
.HL2.bnw {
   color: white;
   background-image: linear-gradient(135deg, black 90%, white 10%);
}
.HL3.bnw {
   color: white;
   background-image: linear-gradient(-45deg, black 90%, white 10%);
}
.HL4.bnw {
   color: white;
   background-image: linear-gradient(-135deg, black 90%, white 10%);
}
.HL5.bnw {
   color: white;
//   background-image: linear-gradient(0deg, black 90%, white 10%);
   background-color: black;
   text-decoration: overline;
}
.HL6.bnw {
   color: white;
//   background-image: linear-gradient(180deg, black 90%, white 10%);
   background-color: black;
   text-decoration: underline;
}
.HL1.HL2.bnw {
   color: white;
   background-image: linear-gradient(45deg, transparent 90%, white 10%), linear-gradient(135deg, black 90%, white 10%)
}
.HL2.HL3.bnw {
   color: white;
   background-image: linear-gradient(135deg, transparent 90%, white 10%), linear-gradient(-45deg, black 90%, white 10%)
}
.HL1.HL3.bnw {
   color: white;
   background-image: linear-gradient(45deg, transparent 90%, white 10%), linear-gradient(-45deg, black 90%, white 10%)
}
.HL1.HL4.bnw {
   color: white;
   background-image: linear-gradient(45deg, transparent 90%, white 10%), linear-gradient(-135deg, black 90%, white 10%)
}
.HL2.HL4.bnw {
   color: white;
   background-image: linear-gradient(135deg, transparent 90%, white 10%), linear-gradient(-135deg, black 90%, white 10%)
}
.HL3.HL4.bnw {
   color: white;
   background-image: linear-gradient(-45deg, transparent 90%, white 10%), linear-gradient(-135deg, black 90%, white 10%)
}
button#bandw.bnw {
   color: white;
   background-image: linear-gradient(45deg, transparent 90%, white 10%), linear-gradient(-45deg, transparent 90%, white 10%), linear-gradient(135deg, transparent 90%, white 10%), linear-gradient(-135deg, black 90%, white 10%);
}

table.v td.UL {
	text-decoration: underline;
}
/*table.v td span.UL1 {
	border-bottom-color: green;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	box-shadow: green 0px -3px 0px 0px inset
}
table.v td span.UL2 {
	border-bottom-color: blue;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	box-shadow: blue 0px -3px 0px 0px inset
}
table.v td span.UL3 {
	border-bottom-color: yellow;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	box-shadow: yellow 0px -3px 0px 0px inset
}*/


/*
*** inftable
 */
div.inftable {
	display: table;
	clear:both;
margin-bottom: 0.3em;
width:100%;
}
div.infcell, div.prcell, div.ppcell {
	display: table-cell;
	color: black;
	float:left;
}
div.infcell {
	font-size: 1.2em; //x-large;
	margin-right: 1em;
	margin-top: 0.1em; //6px;
	margin-bottom: 0.1em; //6px;
}
div.prcell, div.ppcell{
	font-size: 1em; //large;
	margin: 0.3em 1em 0.0em 1em;
}


/*
*** Misc
 */
div.googleads {
	text-align:center;
	width:80%;
	margin: 0px auto;
}
div.signature {
	margin-left: 1em;
margin-bottom: 5px;
/*	font-size: 12px; x-small;*/
/*	white-space: nowrap; 
	overflow-x: auto;
overflow: hidden;
text-overflow: ellipsis;*/
}
a.expandable {
	text-decoration: underline;
	color: #0000cc;
	cursor: pointer;
}


/*
*** From ts2.css
 */
a:link{
  text-decoration	:underline;
  color:#0000b0;
}
a:visited{
  text-decoration	:underline;
  color:#600080;
}
a:active{
  color:#0000b0;
  text-decoration	:none;
  background-color : #c0ffc0;
}
a:hover{
  color:#0000b0;
  text-decoration	:none;
  background-color : #c0ffc0;
}
div.menubar {
   background-color: white;
   border: 2px solid #b0b8e0;
   color:#0000b0;
   padding:3px;
   margin-left:1em;
   margin-right:1em;
   margin-top:.5em;
   margin-bottom:.5em;
border-radius: 10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}


/*
*** input search omajinai for webkit(chrome)
 */
input[type="search"]{
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
input[type="search"]:focus{
outline: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
*** suggest3
 */
.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	width: 100%;
border: 2px solid #b0b8e0; /* #FF9000; */
border-top: 0;
border-radius: 10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
transform: translate3d(0px, 0px, 0px);
}

.ac_results li {
padding: 4px 5px;
	font-family:sans-serif;
	white-space: nowrap;
	color: #101010;
	text-align: left;
	float: none;
	font-size: x-large;
	display: table-cell;
border-radius: 10px;
/*line-height: 180%;*/
color: #0000b0;
}

.ac_over {
	cursor: pointer;
	background-color: #F0F0B8;
}

.ac_match {
//	text-decoration: underline;
//	color: black;
color: lightgray;
}

.ac_over .ac_match {
color: #0000b0; //black;
}

svg.icon {
	display: block;
/*	width: 1em;*/
	height: 1em;
	fill: currentColor;
margin-right:auto;
margin-left:auto;
}
svg.icon-search {
	/*fill: #0000b0;*/
}
svg.icon-cancel-circle {
	/*fill: #0000b0;*/
}
svg.icon-question, svg.icon-help, svg.icon-help-with-circle{
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: #0000b0;
	margin-right:auto;
	margin-left:auto;
	font-size: 120%;
	vertical-align: sub;
}

/* goto-top */
#goto-top {
	position: fixed;
	bottom: 70px;
	right: 10px;
	font-size: 150%;
   z-index: 10200;
}
#goto-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
height: 50px;
line-height: 50px;
opacity: 0.8;
	padding: 0px 0px;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#goto-top a:hover {
	text-decoration: none;
	background: #999;
}
#unfoldn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 150%;
   z-index: 10200;
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
height: 50px;
line-height: 50px;
opacity: 0.8;
	padding: 0px 0px;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#unfoldn:hover {
	text-decoration: none;
	background: #999;
	cursor: pointer;
}
button {
	vertical-align: baseline;
	font-size: 100%;
	display:inline-block;
	padding:0em 1em;
	background-color:#ddd;
	border:2px solid #bbb;
	border-radius:20px;
	text-shadow:1px 1px 1px #fff;
	box-shadow:inset 1px 1px 5px #fff;
	cursor:pointer;
}

button:hover {
	border-color:#999;

}

button.selected {
	box-shadow: inset 0px 0px 4px #036;
	border-color: #777;
	text-shadow: none;
}