/* reset -> */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
em, img,
small, strong,
b, i,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, figure, 
footer, header, menu, nav, section  {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
button{
	border: 0;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
a {
    color: #000;
    text-decoration: none;
	margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:link {
      color: #000;
      text-decoration: none;
}
a:hover {
      color: #000;
      text-decoration: none;
}
a:visited {
      color: #000;
      text-decoration: none;
}
input, select {
    vertical-align: middle;
}
img{
	vertical-align: middle;
}
*:focus {
	outline: none;
}
/* <- reset */
/* =======================================
調整用
=========== */
.pt-3{
	padding-top: 3px;
}
.pt-5{
	padding-top: 5px;
}
.pt-7{
	padding-top: 7px;
}
.pt-10{
	padding-top: 10px;
}
.pt-15{
	padding-top: 15px;
}
.pr-3{
	padding-right: 3px;
}
.pr-5{
	padding-right: 5px;
}
.pl-5{
	padding-left: 5px;
}
.pl-7{
	padding-left: 7px;
}
.pl-10{
	padding-left: 10px;
}
.pb-3{
	padding-bottom: 3px;
}
.pb-5{
	padding-bottom: 5px;
}
.pb-7{
	padding-bottom: 7px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-15{
	padding-bottom: 15px;
}
/* ================================================== */
html {
	font-size: 62.5%;
}
body {
	font-size: 12px;
	color: #000000;
	font-family:"ＭＳ Ｐゴシック";

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #ececec;
    color: #FFF;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}
b {
    font-weight: bolder;
}
body > table:nth-of-type(1),
body > form > table:nth-of-type(1) {
	margin: 20px auto;
	border: 0 solid #999999;
}
input, textarea, select, button {
    font-family: inherit;
	font-size: 12px;
	margin: 1px 0;
	padding: 6px 6px 6px 6px;
	background-color: #FAFAFA;
	border-radius: 3px;
	border: 1px solid #8C9EB5;
}
input[type="text"]:focus, textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:hover {
  background-color: #FFFFFF;
}
input[type="button"] {
	background: linear-gradient(to bottom , #F8F8F8 , #E8E8E8);
	cursor: pointer;
	min-width: 44px;
}
input[type="button"]:hover {
	background: linear-gradient(to bottom , #FFFFFF , #E8E8E8);
}
input[type="button"]:active {
	-webkit-transform: translate(0,1px);
	-moz-transform: translate(0,1px);
	transform: translate(0,1px);
}
td {
    vertical-align: middle;
	padding: revert-layer;
}
td[width="40"] {
	width: 42px;
}
#code,
input[name="code"] {
	width: 80px;
}
#client_name {
	width: 140px;
}
#rate {
	width: 50px;
}
#client_code {
	width: 80px;
}
.menu .contents td {
	vertical-align: top;
}
body table table[width="100%"][height="25"] td[width="19%"] span {
	font-size: 24px;
	white-space: nowrap;
}
/* ================================================== */

a {
	font-size: 12px;
	color: #990099;
	text-decoration: none;
}
a:link {
	color: #990099;
	text-decoration: none;
}
a:active {
	color: #9966CC;
	text-decoration: none;
}
a:hover {
	color: #9966CC;
	text-decoration: none;
}

.text {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin: 0px;
 }
 .text2 {
	font-size: 11px;
	line-height:18px;
	color: #333333;
	margin: 0px;
 }
 .menu a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding-top: 3px;
}
 .menu a:hover	{
	color:#000066;
	font-size: 12px;
	text-decoration: none;
	background: #C6CDDB;
	height: 100%;
	width: 100%;
	padding-top: 3px;
} 
.menu a:active{
	color:#000066;
	font-size: 12px;
	text-decoration: none;
	background: #C6CDDB;
	height: 100%;
	width: 100%;
	padding-top: 3px;
}
.form1 {
	height: 20px;
	width: 200px;
	border: 1px solid;
	background: #FFFFFF;
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-left: 3px;
}
.form2 {
	height: 20px;
	width: 400px;
	border: 1px solid;
	background: #FFFFFF;
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-left: 3px;
}
.form3 {
	height: 20px;
	width: 40px;
	border: 1px solid;
	background: #FFFFFF;
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-left: 3px;
}
.form4 {
	height: 20px;
	width: 60px;
	border: 1px solid;
	background: #FFFFFF;
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-left: 3px;
}
.btn1 {
/*	height: 22px;*/
	width: 110px;
	font-size: 12px;
	color: #333333;
/*	padding-left: 3px;*/
}
.btn2 {
/*	height: 25px;*/
	width: 150px;
	font-size: 12px;
	color: #333333;
/*	padding-left: 3px;*/
}
.btn3 {
/*	width: 40px;*/
	color: #333333;
}
.btn4 {
/*	height: 25px;*/
	width: 160px;
	font-size: 12px;
	color: #333333;
	padding-left: 3px;
	background-color: #787878;
	border: #999999;
}
.btn5 {
/*	height: 22px;*/
	width: 140px;
	font-size: 12px;
	color: #333333;
	padding-left: 3px;
}
.btn6 {
	width: 50px;
	color: #333333;
}
.btn7 {
	width: 100px;
	color: #333333;
}
.title {
	font-size: 14px;
	font-weight: bolder;
	color: #333333;
}
.title2 {
	font-size: 24px;
	font-weight: bolder;
	color: #333333;
	white-space: nowrap;
}
.red{
	color: #FF0000;	
}
.blue{
	color: #0066FF;	
}

.change-start {
	background:rgba(204, 255, 204, 1);
}

.change-end {
	background:rgba(204, 255, 204, 0);
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}