/*初期倍率*/
body{
  zoom :100%;
}
/*背景色を設定*/
html{
  background-color     : rgb(250,250,250)              ;
}
/*メインコンテンツの配置*/
/*ウィンドウサイズが小さいときは縦並び*/
.Body{
  display              : flex                          ;
  flex-flow            : column                        ;
  margin               : 0% 0% 0% 0%                   ;
  background-color     : rgb(250,250,250)              ;
}
/*ウィンドウサイズが大きいときは横並び*/
@media (min-width:900px){
  .Body{
    flex-flow            : row                           ;
  }
}

.Body #MainContents{
  margin               : 2% 2% 0% 5%                   ;
  padding              : 0% 3% 2% 3%                   ;
  background-color     : white                         ;
  width                : 50%;
}
.Body #PageTitle {
  display              : block                         ;   /*ブロック化*/
  font-size            : 1.5em                         ;   /*フォントサイズ */
  padding              : 2% 3% 0% 3%                   ;
  background-color     : white                         ;
}

.Body #MainContents form #Label{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 1em                           ;   /*フォントサイズ */
  padding              : 0.5em 0.5em 0.5em 0.5em       ;   /*パディング*/
  min-width            : 15em                          ;   /*最少文字数*/
  max-width            : 15em                          ;   /*最多文字数*/
  border-style         : none                          ;   /*ボーダー*/
  border-color         : black                         ;   /*枠線の色：黒色*/
  text-decoration      : none                          ;   /*リンクの下線を消す*/
  color                : black                         ;   /*文字色：黒色*/
  background-color     : white                         ;   /*背景色：メロン色*/
  margin               : 0% 0% 0% 10%                  ;   /*左20%*/
}

#Attention{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 0.6em                         ;   /*フォントサイズ */
  color                : darkgray                      ;   /*文字色：黒色*/
}

.Body #MainContents form #TextForm input{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 1.3em                         ;   /*フォントサイズ */
  padding              : 0.5em 0.5em 0.5em 0.5em       ;   /*パディング*/
  width                : 40vw                          ;   /*幅*/
  border-style         : solid                         ;   /*ボーダー*/
  border-width         : thin                          ;   /*ボーダーの太さ*/
  border-color         : black                         ;   /*枠線の色：黒色*/
  color                : black                         ;   /*文字色：黒色*/
  background-color     : white                         ;   /*背景色：メロン色*/
  margin               : 0% 0% 0% 10%                  ;   /*左20%*/
}

.Body #MainContents form #MailForm input{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 1.3em                         ;   /*フォントサイズ */
  padding              : 0.5em 0.5em 0.5em 0.5em       ;   /*パディング*/
  width                : 40vw                          ;   /*幅*/
  border-style         : solid                         ;   /*ボーダー*/
  border-width         : thin                          ;   /*ボーダーの太さ*/
  border-color         : black                         ;   /*枠線の色：黒色*/
  color                : black                         ;   /*文字色：黒色*/
  background-color     : white                         ;   /*背景色：メロン色*/
  margin               : 0% 0% 0% 10%                  ;   /*左20%*/
}

.Body #MainContents form #ExecuteButton input{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 1.3em                         ;   /*フォントサイズ */
  padding              : 0.5em 2em 0.5em 2em           ;   /*パディング*/
  border-style         : solid                         ;   /*ボーダー*/
  border-width         : thin                          ;   /*ボーダーの太さ*/
  border-color         : gray                          ;   /*枠線の色：灰色*/
  border-radius        : 5px                           ;   /*枠線の角を丸く*/
  text-decoration      : none                          ;   /*リンクの下線を消す*/
  color                : black                         ;   /*文字色：黒色*/
  background-color     : honeydew                      ;   /*背景色：メロン色*/
  margin               : 3% 0% 0% 10%                  ;
}
.Body #MainContents form #ExecuteButton input:hover{
  cursor               : pointer                       ;
  border-color         : black                         ;   /*枠線の色：黒色*/
  background-color     : rgb(188,222,176)              ;   /*背景色：メロン色*/
}

.Body #MainContents #Open_LoginForm{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 1em                           ;   /*フォントサイズ */
  padding              : 0.2em 0.2em 0.2em 0.2em       ;   /*パディング*/
  color                : black                         ;   /*文字色：青色*/
  background-color     : white                         ;   /*背景色：白色*/
  margin               : 0% 0% 0% 10%                  ;
}
.Body #MainContents #ForgetPassword a{
  display              : inline-block                  ;   /*インラインブロック化*/
  font-size            : 1em                           ;   /*フォントサイズ */
  padding              : 0.2em 0.2em 0.2em 0.2em       ;   /*パディング*/
  background-color     : white                         ;   /*背景色：白色*/
  margin               : 0% 0% 0% 10%                  ;
}