/*bodyの設定*/
/*
body{
  color:#000000;
  font-size:12px;
  font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pre W3";
  background-image:url(https://tosho-bpo.sakura.ne.jp/spiral/ssd/images/body_background.jpg);
  background-repeat:repeat;
  margin-top:0px;
  padding-top:0px;
}
*/

/*contentの設定*/
/*
#content{
  width:767px;
  background-color:#ffffff;
  border:1px solid #a5adb3;
  margin-left:auto;
  margin-right:auto;
}

#content1{
 background:url(https://tosho-bpo.sakura.ne.jp/spiral/ssd/images/login_logo.jpg) no-repeat;
}
*/

/*ヘッダーの設定*/
/*
#header{
  background-image:url(https://tosho-bpo.sakura.ne.jp/spiral/ssd/images/login_logo.jpg);
  background-repeat:no-repeat;
  width:767px;
  height:154px;
  margin:0px;
  padding:0px;
}
*/

/*footerの設定*/
/*
#footer{padding-bottom:15px;
  margin-top:100px;
  width:767px;
  margin-left:0px;
  text-align:center;
}

#footer hr{
  color:#000066;
  clear:both;
  margin:0px 3.5px 6px 3.5px;
}

table.login{
  background:url(https://tosho-bpo.sakura.ne.jp/spiral/ssd/images/login_back.jpg) no-repeat;
  position:relative;
}

div.kiyaku{width:767px;
  border-bottom:2px dotted gray;
  margin-top:20px;
  text-align:left;
}

table.forgot{width:600px;
  text-align:right;
  position:relative;
  margin-top:10px;
  color:#0000ff;
  font-size:12px;
  margin-bottom:0px;
}

div.rules{width:767px;
  margin-top:20px;
}

table.faq{width:767px;
  border:0px solid;
}
*/

/*bodyの設定*/
html {
  background: #00215f;
}
body{
  color:#000000;
  font-size:12px;
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  margin: 0;
  padding: 0;
}

/*contentの設定*/
#content{
  width: 100%;
  background: #f4f8ff;
  margin-left:auto;
  margin-right:auto;
}

/*ヘッダーの設定*/
#header{
  width:100%;
  max-height:150px;
  margin:0 auto 50px;
  padding:0px;
  background: #00215f;
  text-align: center;
}
#header h1 {
  max-width: 900px;
  margin: 0 auto;
}
#header h1 img {
  width: 100%;
  max-width: 900px;
  height: auto;
}

/*footerの設定*/
#footer{
  border-top: 1px solid #fff;
  padding:25px 0;
  text-align:center;
  width: 100%;
  background: #00215f;
}
#footer{
  color: #fff;
  letter-spacing: .2em;
  font-size: 11px;
}


/*LOGINの設定*/
div.login-wrap {
  max-width: 600px;
  margin: 0 auto 50px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px 0 rgb(21 27 38 / 8%);
}
div.login-wrap h2 {
  text-align: center;
  color: #00215f;
  font-size: 150%;
  letter-spacing: .1em;
}

table.login{
  position:relative;
  width: 100%;
}

table.login th,
table.login td {
  padding: 10px 10px;
}
table.login th {
  font-weight: bold;
  color: #666;
  width: 100px;
}
table.login td input[type="text"],
table.login td input[type="password"] {
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 3px;
  border: 2px solid #ddd;
  box-sizing: border-box;
}
table.login td input[type="text"]:focus,
table.login td input[type="password"]:focus {
  border: 2px solid #00215f;
}

table.login td.btn {
  text-align: center;
}
table.login td.btn input[type="submit"] {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  width: 220px;
  height: 50px;
  line-height: 48px;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  letter-spacing: .1em;
  font-weight: normal;
  border: none;
  background: #0d2f6e;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  transition: all .25s ease-out;
}
table.login td.btn input[type="submit"]:hover {
  border: none;
  background: #305292;
}
table.login td.btn input[type="submit"]:active {
  border: none;
  background: #00215f;
}
table.login td.btn input[type="submit"]:focus {
  border: none;
  outline: none;
}

/*エラーの設定*/
div.error {
  padding: 15px 0 0;
}
div.error p{
  padding: 10px;
  color: #d32d26;
  letter-spacing: .1em;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  background: #fbf3f2;
}

/*注釈の設定*/
table.forgot{width:600px;
  text-align:right;
  position:relative;
  margin-top:10px;
  color:#00215f;
  font-size:12px;
  margin-bottom:0px;
}

/*設定*/
hr.kiyaku{
  height: 0;
  max-width:650px;
  border: none;
  border-bottom:1px solid #00215f;
  margin-top:25px;
  margin-bottom: 25px;
  text-align:left;
}

/*規約の設定*/
div.rules{
  max-width:650px;
  margin: 0 auto 50px;
  
}
div.rules h2{
  text-align: center;
  color: #00215f;
  font-size: 150%;
  letter-spacing: .1em;
}

div.term {
  width: 650px;
  margin-bottom: 50px;
}
div.term textarea {
  width: 620px;
  padding: 15px;
  border: none;
  margin: 0 auto;
  box-shadow: 1px 1px 3px 0 rgb(21 27 38 / 18%) inset;
  color: #666;
  line-height: 1.6;
}


div.contact {
  padding: 25px 0;
  background: #00215f;
}
div.contact h2{
  text-align: center;
  color: #fff;
  font-size: 150%;
  letter-spacing: .1em;
}
div.contact table{
  width:570px;
  margin: 0 auto;
}

div.contact table th,
div.contact table td{
  padding: 10px;
  color: #fff;
}
div.contact table th {
  width: 150px;
}
div.contact table td {
  font-size: 13px;
  letter-spacing: .1em;
}
div.contact table td a {
  color: #fff;
  text-decoration: underline;
}