@charset "utf-8";

p.title {
  font-weight: bold;
}

div.event-message {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}

div.login-box {
  margin-right: auto;
  text-align: center;
  border: 1px solid #999999;
}

div.login-input-box {
  display: block;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 85%
}

div.openid-box {
  margin-left: auto;
  text-align: center;
  border: 1px solid #999999;
}

div.openid-input-box {
  display: block;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 70%
}

div.login-box div#change-login-pattern {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

div.login-input-box input[type="text"],div.login-input-box input[type="password"] {
  width: 100%;
}

div#memory>input#login-btn {
  float: right;
}

/* 2カラムレイアウト
-------------------------------------------------------------------------------
div.layout-col-three
  div.str-left  ― 左カラム
  div.str-right ― 右カラム
*/
.layout-col-two>.str-left {
  width: 400px;
  height: 300px;
  display: table-cell;
  vertical-align: top;
  padding: 0 30px 0 100px;
}

.layout-col-two>.str-right {
  width: 400px;
  height: 300px;
  display: table-cell;
  vertical-align: top;
  padding: 0 100px 0 30px;
}

.login-title li {
  list-style-type: disc;
  font-weight: bold;
  font-size: 120%;
  padding-bottom: 1em;
}

.login-area {
  margin: 10px 0 50px 0;
}

/* ユーザIDのみ */
.layout-col-two>.str-center{
  width: 400px;
  height: 300px;
  display: table-cell;
  vertical-align: top;
   padding: 0 300px;
}