﻿html {
	height:100%;
	font-size: 62.5%;	
}
body {
	background-color:#FFFFFF;
	font-size: 1.4rem;
}

a:link{
	color: #0000FF;
	text-decoration:none;
}
a:visited { 
	color: #0000FF;
	text-decoration:none;
}
a:active{
	color: #0000FF;
	text-decoration:none;
}
a:hover{
	color: #0000FF;
	text-decoration:none;
}

::-webkit-input-placeholder {
  color: #989898;
}
::-moz-placeholder {
  color: #989898;opacity: 1;
}
:-ms-input-placeholder {
  color: #989898;
} 

div.centerW300{
	margin: 40vh auto 0;
	transform: translateY(-50%);
	text-align: center;
	width: 300px;
}
div.loginTitle{
  	border-radius: 5px;
	width: 300px;
	height: 60px;
	line-height: 60px;			
	text-align: center;
	vertical-align: middle;	
  	background-color: #0066FF;	
	color: #FFFFFF;	
	font-weight: bold;		
	box-shadow: 0px 0px 8px 8px rgba(255,255,255,0.5) solid;		  		
}
div.loginBtn{
  	border-radius: 5px;
  	background-color: #CC0000;	
	width: 300px;
	height: 40px;
	line-height: 40px;	
	text-align: center;	
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: bold;	
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}
input.loginBtn{
  	border-radius: 5px;
  	background-color: #CC0000;	
	width: 300px;
	height: 40px;
	line-height: 40px;	
	text-align: center;	
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: bold;	
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}

div.logoutBtn{
  	border-radius: 5px;
  	background-color: #CC0000;	
	width: 300px;
	height: 40px;
	line-height: 40px;	
	text-align: center;	
	vertical-align: middle;
	font-size: 1.6rem;
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}
div.btnGrayL{
  	border-radius: 5px;
  	background-color: #999999;
	width: 300px;
	height: 40px;
	line-height: 40px;	
	text-align: center;	
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.6rem;	
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}
div.btnBlueL{
  	border-radius: 5px;
  	background-color: #0066FF;
	width: 300px;
	height: 40px;
	line-height: 40px;	
	text-align: center;	
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.6rem;	
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}
div.btnGrayS{
  	border-radius: 5px;
  	background-color: #999999;
	width: 100px;
	height: 30px;
	line-height: 30px;	
	text-align: center;	
	vertical-align: middle;
	font-weight: bold;	
	font-size: 1.3rem;	
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}
div.btnBlueS{
  	border-radius: 5px;
  	background-color: #0066FF;
	width: 100px;
	height: 30px;
	line-height: 30px;	
	text-align: center;	
	vertical-align: middle;
	font-weight: bold;	
	font-size: 1.3rem;	
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;			
}

div.box0{
  	border-radius: 3px;
  	background-color: #5D8FC2;	
	width: 300px;
	height: 22px;
	line-height: 22px;	
	text-align: center;	
	vertical-align: middle;
	font-size: 1.2rem;
	color: #FFFFFF;	
	cursor:pointer;	
	padding : 0px;	
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.26);			
}
div.box0 img {
  position: relative;
  top: 2;
}

input.textL{
	height: 25px;
	padding: 3px;
  	background-color: #FFFFFF;
	border:solid 1px;
	border-color:#DDDDDD;
  	border-radius: 3px;
}

span.F1{
	font-size: 8pt;
	word-break:break-all;	
}
span.F15{
	font-size: 9pt;
	word-break:break-all;	
}

span.F1b{
	font-size: 8pt;
	font-weight:bold;
	word-break:break-all;	
}
span.F2{
	font-size:10pt;
	word-break:break-all;		
}
span.11p{
	font-size:11pt;
}
span.F11p{
	font-size:11pt;
}

span.F2b{
	font-size:10pt;
	font-weight:bold;
	word-break:break-all;		
}
span.F3{
	font-size:12pt;
	word-break:break-all;		
}
span.F3b{
	font-size:12pt;
	font-weight:bold;
	word-break:break-all;		
}
span.F4{
	font-size:14pt;
	word-break:break-all;		
}
span.F4b{
	font-size:14pt;
	font-weight:bold;
	word-break:break-all;		
}
span.F5{
	font-size:18pt;
	word-break:break-all;		
}
span.F5b{
	font-size:18pt;
	font-weight:bold;
	word-break:break-all;		
}

input.inpL{
	border-style:solid;
	border-width:1;
	font-size: 10pt;
}
input.inpR{
	text-align:right;
	border-style:solid;
	border-width:1;
	font-size: 10pt;
}
input.inpC{
	text-align:center;
	border-style:solid;
	border-width:1;
	font-size: 10pt;
}
input.inpLL{
	border-style:solid;
	border-width:1;
	font-size: 12pt;
}
input.inpRL{
	text-align:right;
	border-style:solid;
	border-width:1;
	font-size: 12pt;
}
input.inpCL{
	text-align:center;
	border-style:solid;
	border-width:1;
	font-size: 12pt;
}
input.inpS{
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:inactive;
}
input.inpN{
	text-align:right;
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:disabled;
}
input.inpNL{
	text-align:right;
	border-style:solid;
	border-width:1;
	font-size: 12pt;
	ime-mode:disabled;
}
input.inpD{
	text-align:center;
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:disabled;
	width:85;
}
input.inpT{
	text-align:center;
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:disabled;
	width:40;
}
input.inpB{
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:disabled;
}
input.inpK{
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:active;
}
textarea.inpK{
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:active;
}
input.disp{
	border-style:solid;
	border-width:1;
	font-size: 10pt;
	ime-mode:inactive;
	font-color: #000000;
}
input.label{
	border:1px solid #D7D7FF;
	padding:0;
	background-color: #D7D7FF;
}
input.labelC{
	text-align:center;
	border:1px solid #D7D7FF;
	padding:0;
	background-color: #D7D7FF;
}
input.labelR{
	text-align:right;
	border:1px solid #D7D7FF;
	padding:0;
	background-color: #D7D7FF;
}
input.labelW{
	border:1px solid #FFFFFF;
	padding:0;
	background-color: #FFFFFF;
}
input.labelWN{
	text-align:right;
	border:1px solid #FFFFFF;
	padding:0;
	background-color: #FFFFFF;
}
input.labelWN2{
	text-align:right;
	border:1px solid #FFFFFF;
	padding:0;
	background-color: #FFFFFF;
	font-size:12pt;	
}

input.labelWR{
	border:1px solid #FFFFE8;
	padding:0;
	background-color: #FFFFE8;
	color: #FF0000;	
}
input.labelTotal{
	text-align:right;
	border:1px solid #FFBBBB;
	padding:0;
	background-color: #FFBBBB;
}
input.labelCenterBox{
	border:1px solid #666666;
	padding:0;
	width: 20;
	height:20;
	font-size:14pt;
	line-height: 14px;	
	text-align: center;	
	vertical-align: middle
	background-color:#EBEBEB;
	cursor:pointer;	
}
input.labelCenterBox2{
	border:1px solid #666666;
	padding:0;
	width: 20;
	height:20;
	font-size:14pt;
	line-height: 14px;	
	text-align: center;	
	vertical-align: middle;
}

input.btn{
	border-width:1;
	border-color:#999999;
	font-size: 10pt;
	text-align:center;
	padding:0;	
	cursor:pointer;	
	width: 60;
	height: 25;
}
input.btnR{
	border-width:1;
	border-color:#999999;
	font-size: 10pt;
	background-color:#FF8484;
	text-align:center;
	padding:0;
	cursor:pointer;	
	width: 60;
	height: 25;			
}
input.btnB{
	border-width:1;
	border-color:#999999;
	font-size: 10pt;
	color: #FFFFFF;	
	background-color:#6666FF;
	text-align:center;
	padding:0;
	cursor:pointer;	
	width: 60;
	height: 25;		
}

button.menu {
    width: 100%;
    color: #000000;
    background-color: #EBEBEB;
	border: 1px solid #CCCCCC;
	text-align:left;	
	padding:10;	
}
button.menuNew {
    width: 100%;
    color: #000000;
    background-color: #FFFF99;
	border: 1px solid #CCCCCC;
	text-align:left;
	padding:10;	
}

button.back {
    width: 100%;
    height: 50px;
    text-align: center;
    color: #000000;
    background-color: #CCCCCC;
	border: 1px solid #000000;
}

td.under{
	border-bottom: 1px solid #000000;
}
div.Top{
   	position: fixed;
    	top: 0px;
	width: 100%;	
	height: 30px;	
}
div.Bottom{
   	position: fixed;
    bottom: 0px;
	width: 100%;	
	height: 80px;	
}
div.BottomS{
   	position: fixed;
    bottom: 0px;
	width: 100%;	
	height: 40px;	
}
div.BottomB{
   	position: fixed;
    	bottom: 0px;
	width: 100%;	
	height: 100px;	
}
div.ParentArea{
   	position: relative;	
}
div.WaitBox{
	position: absolute;
	top: 50%;
  	left: 50%;
  	-webkit-transform : translate(-50%,-50%);
  	transform : translate(-50%,-50%);
  	border-radius: 1px;
  	border-style: solid;
	border-color:#999999;  
	border-width:1px;	
  	background-color: #FF99FF;
	width: 300px;	
	height: 100px;
	line-height: 100px;	
	text-align: center;	
	vertical-align: middle;
	font-size: 14pt;	
	color: #000000;	
	padding : 0px;	
	cursor:crosshair;					
}
div.MemoBox{
	position: absolute;
	top: 50%;
  	left: 50%;
  	-webkit-transform : translate(-50%,-50%);
  	transform : translate(-50%,-50%);
  	border-radius: 1px;
  	border-style: solid;
	border-color:#999999;  
	border-width:1px;	
  	background-color: #FFFFCC;
	width: 500px;	
	height: 250px;
	line-height: 250px;	
	text-align: left;	
	vertical-align: middle;
	font-size: 14pt;	
	color: #000000;	
	padding : 10px;	
}

div.btnInfo{
  	border-radius: 1px;
  	background-color: #FFFF99;
	width: 300px;	
	height: 30px;
	line-height: 30px;	
	text-align: center;	
	vertical-align: middle;
	font-size: 12pt;	
	color: #666666;	
	padding : 0px;	
   	position: fixed;
    	bottom: 0px;
	left: 100px;	
	cursor:pointer;					
}
div.btnNo{
  	border-radius: 50%;
  	background-color: #FF0000;
	width: 28px;	
	height: 28px;
	line-height: 28px;	
	text-align: center;	
	vertical-align: middle;
	font-size:12px;	
	font-weight: bold;	
	color: #FFFFFF;	
	padding : 0px;			
}
div.prncontrol{
	width:1000;
	height:50;
}
div.Fixed {
	white-space:nowrap;
	overflow:hidden;
}
div.Sticky {
  position: -webkit-sticky; /* safari対応 */
  position: sticky;
  top: 0px;
  background-color: #FFFFFF;  
}
