html,body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, Roboto, "Droid Sans", "ＭＳ Ｐゴシック", sans-serif;
    width: 100%;
    height: 100%;
    font-size: 2vh;
    margin: 0;
    color: black; // palevioletred;
    background-color: white;
}
body::-webkit-scrollbar {
  display: none;
}

img {
    align: center;
    vertical-align: middle;
}
img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

input[type=text],
input[type=password] {
	margin:0;
	padding: 0 1vh 0 1vh;
    font-size: 3vh;
    border-color: whitesmoke; //silver;
    border-radius: 1vh;
    -moz-border-radius: 1vh;
    -webkit-border-radius: 1vh;
}


textarea {
    width:94vw;
    font-size: 2.2vh;
}
select {
    font-size: 2vh;
}

input[type=file] {
  //  width: 8vh;
  //  height: 8vh;
}
input[type=checkbox] {
    width: 4vh;
    height: 4vh;
    vertical-align: middle;
}
input[type=radio] {
    width: 4vh;
    height: 4vh;
    vertical-align: middle;
}

input[type=button],
button[type=button],
.button {
    padding: 0.2vh;
    height: 4vh;
    margin: 1vh 15% 1vh 15%;
    padding: 1vh 0 0 0;
    width: 70%;
    background-color: palevioletred;
	color: white;
    border: 1px;
    border-style: outset;
    border-color: indianred;
    cursor:pointer;
    font-size: 2vh;
    text-align: center;
    border-radius:1.4vh;
    -moz-border-radius: 1.4vh;
    -webkit-border-radius: 1.4vh;
   opacity: 0.9;
   filter: alpha(opacity=90);
}


input[type=button]:hover,
button[type=button]:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

table {
	margin: 0;
	padding: 0;
    border: 0;
    border-collapse: collapse;
}
tr,
td {
	margin: 0;
	padding: 0;
	vertical-align:top;
}
th {
    font-weight: bold;
}

div {
	margin:0;
	oveflow:scroll;
}
span {
	margin: 0;
	padding: 0;
}




.header {
	position: fixed;
	top:0;
	margin: 0 ;
	width: 100vw;
	height: 5vh;
    font-size: 2.2vh;
    text-align:center;
    background-color: palevioletred;
	color: white;
    -ms-overflow-style:none;
}
.header::-webkit-scrollbar {
   display: none;
}

.header .center {
	margin: 1vh;
	text-align:center;
}
.header .center .img {
	height: 2.8vh;
}

.header .formname {
	position:absolute;
	top:0.2vh;
    left: 15vw;
	margin: 0 ;
	width: 70vw;
	text-align:left;
    font-size: 1vh;
	color: white;
    -ms-overflow-style:none;
}

.header .left {
	position: absolute;
	top: 1vh;
	left:3vw;
}

.header .left .img{
	height: 2.8vh;
}

.header .right {
	position: absolute;
	top: 1vh;
	right: 3vw;
}
.header .right .img{
	height: 2.8vh;
}

.footer {
  position: fixed;
  margin: 0 ;
  padding: 1vh 0 0 0;
  bottom: 0;
  left: 0;
  height: 8vh;
  background-color: white;
  color: gray;
  width: 100vw;
    font-size: 0.8vh;
    text-align:center;
    -ms-overflow-style:none;
}
.footer::-webkit-scrollbar {
   display: none;
}

.footer span {
  position: relative;
}

.footer .img {
  height: 5vh;
}

.footer span .new{
  position: absolute;
  right: 0.1vw;
  height: 2vh;
}



.contents {
	position: absolute;
	margin: 0;
	top:8vh;
	width:100vw;
	height:92vh;
    font-size: 2vh;
    overflow: scroll;
    background-color: white;
	color: palevioletred;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
}
.contents::-webkit-scrollbar {
   display: none;
}


/* ダイアログ全体 */

.dialog {
	position: fixed;
	margin: 0 ;
	top: 20vh;
	left: 6vw;
	height:60vh;
	width: 88vw;
    background-color: white;
    font-size: 2vh;
	color: maroon;
    text-align:center;
    overflow: scroll;
    border-radius:4vh;
    -moz-border-radius: 4vh;
    -webkit-border-radius: 4vh;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-overflow-style:none;
}
.dialog::-webkit-scrollbar {
   display: none;
}

.closebtn {
  width:100%;
  font-size: 3vh;
  text-align:right;
  text-decoratin:underline;
  text-shadow:2px 2px 3px indianred;
  cursor:pointer;
  overflow:hidden;
    -ms-overflow-style:none;
}
.closebtn::-webkit-scrollbar {
   display: none;
}




.loader {
	position: fixed;
	margin: 0 ;
	top: 0vh;
	left: 0vw;
	height:100vh;
	width: 100vw;
    background-color: black;
	color: white;
    vertical-align:middle;
    text-align:center;
    overflow:hidden;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-overflow-style:none;
}
.loader::-webkit-scrollbar {
   display: none;
}



.message {
	position: absolute;
	top:30vh;
	left: 6vw;
	margin: 0;
	width: 88vw;
	height:24vh;
    text-align:center;
    font-size: 2.2vh;
    background-color: white;
	color: palevioletred;

    overflow: scroll;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;

    border-width: 1.2px;
    border-style:solid;
    border-color: #333333;

    border-radius:4vh;
    -moz-border-radius: 4vh;
    -webkit-border-radius: 4vh;

    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-overflow-style:none;
}

.message::-webkit-scrollbar {
   display: none;
}


.scrollmessage1 {
	position: absolute;
	top:8vh;
	left: 100vw;
	margin: 0;
	/* width: 100vw; */
	height: 3vh;
    text-align:left;
    white-space: nowrap;
    font-size: 2.2vh;
    background-color: white;
	color: palevioletred;

    overflow: scroll;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
/*
    border-width: 1.2px;
    border-style:solid;
    border-color: #333333;
*/
    border-radius:2vh;
    -moz-border-radius: 2vh;
    -webkit-border-radius: 2vh;

    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-overflow-style:none;
}

.scrollmessage1::-webkit-scrollbar {
   display: none;
}

.scrollmessage2 {
	position: absolute;
	top:11vh;
	left: 100vw;
	margin: 0;
	/* width: 100vw; */
	height: 3vh;
    text-align:left;
    white-space: nowrap;
    font-size: 2.2vh;
    background-color: white;
	color: palevioletred;

    overflow: scroll;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
/*
    border-width: 1.2px;
    border-style:solid;
    border-color: #333333;
*/
    border-radius:2vh;
    -moz-border-radius: 2vh;
    -webkit-border-radius: 2vh;

    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-overflow-style:none;
}

.scrollmessage2::-webkit-scrollbar {
   display: none;
}

.scrollmessage3 {
	position: absolute;
	top:14vh;
	left: 100vw;
	margin: 0;
	/* width: 100vw; */
	height: 3vh;
    text-align:left;
    white-space: nowrap;
    font-size: 2.2vh;
    background-color: white;
	color: palevioletred;

    overflow: scroll;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
/*
    border-width: 1.2px;
    border-style:solid;
    border-color: #333333;
*/
    border-radius:2vh;
    -moz-border-radius: 2vh;
    -webkit-border-radius: 2vh;

    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-overflow-style:none;
}

.scrollmessage3::-webkit-scrollbar {
   display: none;
}