body
{
  margin:0px;
  padding:0px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  }

div{
  overflow-wrap:break-word;
  word-wrap: break-word;
  box-sizing: border-box;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
}

input{
  box-sizing: border-box;
}

textarea{
  box-sizing: border-box;
  resize:none;
}

a,a:hover,a:visited{
  color: inherit;
}

div.Hidden{
  display:none;
}
.loadingScreen
{
  width:200px;
  height:200px;
  box-sizing:border-box;
  border-radius:50%;
  border-top:10px solid #e74c3c;
  position:relative;
  animation:a1 2s linear infinite;
}

.loadingScreen:before,.loadingScreen:after
{
  content:'';
  width:200px;
  height:200px;
  position:absolute;
  left:0;
  top:-10px;
  box-sizing:border-box;
  border-radius:50%;
}
.loadingScreen:before
{
  border-top:10px solid #e67e22;
  transform:rotate(120deg);
}
.loadingScreen:after
{
  border-top:10px solid #3498db;
  transform:rotate(240deg);
}

.loadingScreen span
{
  text-align:center;
  width:200px;
  height:200px;
  position:absolute;
  line-height:200px;
  color:#fff;
  animation:a2 2s linear infinite;
}

@keyframes a1
{
  to{
    transform:rotate(360deg);
  }
}

@keyframes a2
{
  to{
    transform:rotate(-360deg);
  }
}

div.LoadingPage
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
div.LoadingPageBackground
{
  position:absolute;
  width:100%;
  height:100%;
  background-color:gray;
  opacity:0.7;
}
div.LoadingPageBody
{
  position:absolute;
  width:100%;
  height:100%;
}
div.Middle{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}
div.Center{
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
}
div.Right{
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}
div.MiddleCenter{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center;
}
div.MiddleRight{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}
div.Full
{
  position:relative;
  width:100%;
  height:100%;
  overflow:auto;
}
input.Full
{
  position:relative;
  width:100%;
  height:100%;
}
textarea.Full
{
  position:relative;
  width:100%;
  height:100%;
}
img.Full
{
  position:relative;
  width:100%;
  height:100%;
}
select.Full
{
  position:relative;
  width:100%;
  height:100%;
}
div.WindowTitleBar
{
  position:absolute;
  width:100%;
  height:40px;

  border-bottom:1px solid black;

  background: -webkit-repeating-linear-gradient(0deg, #cccccc, #cccccc 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(0deg, #cccccc, #cccccc 2px, #fff 2px, #fff 4px);

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:16px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      font-size:18px;
    }
    @media all and ( min-width: 1024px )    {
      font-size:18px;
    }
  }
  @media ( orientation: landscape )  {
    font-size:18px;
  }
}

div.WindowTitleText
{
  background-color:#fafafa;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:20px;
  padding-right:20px;
  font-weight: bold;
  
  border:1px solid #f0f0f0;
}

div.WindowBody
{
  position:absolute;
  width:100%;
  height:100%;
  padding-top:40px;
  overflow:auto;
}
div.ButtonStyle{
  position:relative;
  width:150px;
  height:30px;
  border:1px solid black;
  border-radius:10px;
  background-color:lightgray;
  cursor:pointer;
}

div.ButtonStyle:hover{
  background-color:gray;
  color:white;
}
div.Screen{
  position:fixed;
  width:100%;
  height:100%;
  overflow:hidden;
}

div.ScreenBody{
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
}

div.MainScreen{
  position:absolute;
  width:100%;
  height:100%;
}

div.MainScreenBody{
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
}




div.MainScreenCover{
  position:absolute;
  width:100%;
  height:100%;
}

div.MainScreenCoverBackGround{
  position:absolute;
  width:100%;
  height:100%;
  background-color:lightgray;
  opacity:0.6;
}

div.MainScreenCoverBody{
  position:absolute;
  width:50%;
  height:50%;
  background-color:white;
}






div.PopupScreen{
  position:absolute;
  width:100%;
  height:100%;
}

div.PopupScreenBackGround{
  position:absolute;
  width:100%;
  height:100%;
  background-color:lightgray;
  opacity:0.6;
}

div.PopupScreenBody{
  position:absolute;
  width:100%;
  height:100%;
}





div.ScreenCover{
  position:absolute;
  width:100%;
  height:100%;
}

div.ScreenCoverBackGround{
  position:absolute;
  width:100%;
  height:100%;
  background-color:lightgray;
  opacity:0.6;
}

div.ScreenCoverBody{
  position:absolute;
  background-color:white;
}