@charset "utf-8";
@import "framework.css";
/* CSS Document */

/********** Header **********/

header {
 margin: 0;
 width: 100%;
 height: 50%;
 background-color: #333;
}

/********** Article **********/

article {
 width: 100%;
}

article form {
 display: block;
}

article p {
 display: block;
 text-align: center;
 font-size: 12px;
 margin: 0 0 0 0 ;
 padding: 10px 0 0 0;
}

.logoImg {
 float: left;
 margin: 30px;
}

.logo {
 float: left;
 margin-top: 30px;
 font-size: 36px;
 font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
 font-weight: bold;
 color: #33C;
 padding-top: 50px;
}

.systemName {
 clear: both;
}

.systemName h2 {
 margin: 0;
 padding: 10px;
 width: 100%;
 text-align: center;
 font-size: 24px;
 background-color: #00C;
 color: #FFF;
}