@charset "UTF-8";

* {
  padding: 0;
  margin: 0;
  line-height: 1.8;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "Meiryo", "sans-serif";
}

header {
  padding: 5rem auto;
}

h1 {
    width:250px;
    height:120px;
    background:url("../img/miyakoshi_logo.gif") 0 0 no-repeat scroll;
    background-position: center;
}

.login{
    width:50%;
    margin: 1rem auto;
    border-bottom: solid 15px #999;
    text-align: center;
}

.up{
    width:50%;
    margin:0 auto;
    border:solid 2px #999 ;
}

.user_name{
    width:80%;
}

.pass_word{
    width:80%;
}


dt {
    margin： 0 auto；
    background-color: rgba(255, 254, 254, 0.5);
    display: inline;
}

dd {
     text-align : center ;
}

.ap{
     text-align : center ;
}

dl{
   width:100%;
    margin： 0 auto；
    position: center; 
}

footer {
    background-color: rgba(255, 0, 0, 0.8);
    color: azure;
    margin-top: 10px;
    width:50%;
    margin: 0 auto;
    margin-top: 10px;
}

footer p {
  text-align: center;
}

#ap {
    width:80%;
    margin: auto;
}