@charset "utf-8";

*{margin:0;padding:0;}
body{background-color:#ffffff;width:100%;height:100%;font:90% "Arial CE","MS Pゴシック", sans-serif;letter-spacing: 0.07em;text-align:center;}
html>/**/body{font-size:14px;}

a{color:#000000;text-decoration:underline;}
a:hover{color:#508fa7;text-decoration:none;}

#body{width:100%;height:100%;margin:0;padding:0;line-height:15px;cursor:default;}
#table{width:900px;border:0;margin:auto;}

#top{margin-top:20px;}
.img{border:0;}
.title{padding:20px 0 0 0;}
.acc{font-size:22px;}

#menu{background:#003f61;color:#ffffff;width:200px;height:780px;}
#menu a{display:block;color:#ffffff;text-decoration:none;}
#menu li:hover{background:#28677f;}

#menu .menu{width:200px;}
#menu .list{width:200px;;list-style-type:none;}
#menu .self{background:#28677f;width:200px;height:22px;margin:0 0 20px 0;padding:10px 0 0 0;}
#menu .move{width:200px;height:22px;margin:0 0 20px 0;padding:10px 0 0 0;}
#menu .admin{width:200px;height:22px;margin:0 0 20px 0;padding:10px 0 0 0;background:#555555}

#main{width:700px;height:780px;}

#actphoto{width:700px;height:400px;margin:0 0 15px 0;}
#info_frame{width:420px;}
#info{width:355px;height:380px;text-align:left;padding:5px 10px 0 20px;}
.infolist{width:345px;height:355px;border-top:#000000 1px dotted;margin:5px 0px;overflow-y:scroll;}
.infolist .cnt{margin-bottom:10px;}
.infoeditlist{width:400px;height:750px;border-top:#000000 1px dotted;margin-top:5px;overflow-y:scroll;}

#tt_frame{width:280px;}
#tt{background:#cccccc;width:280px;height:399px;border:#000000 1px solid;overflow:auto;}

#stca{width:700px;height:780px;text-align:left;padding:0 0 40px 0;}
#stcb{padding:20px 0 0 40px;line-height:25px;}
.pr{margin:0 0 30px 0;}
.prtitle{margin-bottom:10px;}
.prtitle span{font-size:22px;}
#shinkan{font-size:22px;color:#508fa7;}

.saying{border:#000000 1px dotted;margin:0 0 30px 0;padding:0 0 0 10px;}

#stc{width:660px;height:780px;text-align:left;padding:0 0 40px 40px;}
.pgtop{padding:20px 0 0 0;}
#stc span{font-size:22px;}
.ct{width:660px;border-top:#000000 1px dotted;line-height:25px;margin:5px 0 30px 0;padding:10px 0 0 0;}
.ct-title{width:660px;border-top:#000000 1px dotted;line-height:25px;margin:5px 0;padding:10px 0 0 0;}

.btn-circle-flat{
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-size: x-large;
  background: #FFF;
  color: #87befd;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border : solid 2px #87befd;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  margin:10px 140px 0px 140px;
  cursor : pointer;
}
.btn-circle-flat:hover{
  background: #668ad8;
}
.btn-circle-flat-del{
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  background: #a9a9a9;
  color: #FFF;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  overflow: hidden;
  transition: .4s;
  margin:6px 4px;
  padding:5px;
  cursor : pointer;
}
.btn-circle-flat-del:hover{
  background: #668ad8;
}

.selection-group input[type="radio"]{
  display: none;
}
/* 画像部分に余白を持たせる */
label img{
  margin: 3px;
  padding: 8px;
}
/* 選択されたラジオボタンの画像の背景をオレンジ色に変える */
.selection-group input[type="radio"]:checked + label img{
  background: #ffa500;
}
.selpi{
  width: 175px;
  height: 100px;
  object-fit: cover;
}
.top{
  width: 700px;
  height: 400px;
  object-fit: cover;
}
.top-prev{
  width: 630px;
  height: 360px;
  object-fit: cover;
  background-color: #CDCDCD;
}
.prev-div{
  margin-bottom: 20px;
}
.sarrow{
  text-align:center;
}
.apic{
  height: 70px;
  width: 70px;
}

#reports{width:660px;height:780px;text-align:left;padding:0 0 40px 40px;overflow-y:scroll;}

#rpttitle{padding:20px 0 0 0;}
#rpttitle span{font-size:22px;}
#rptlist{width:630px;border-top:#000000 1px dotted;line-height:25px;margin:5px 0 30px 0;padding:10px 0 0 0;}
#rptlist .inf{margin:0 0 20px 0;}
#rptlist .pj{margin:0 0 20px 0;}
#old{margin:50px 0 0 0;}

#song{width:700px;height:780px;text-align:left;padding:0 0 40px 0;}
#song .pg{margin:0 0 20px 0;padding:20px 0 0 40px;}
.lylic{margin:20px 0 20px 5px;}
#song .lypg{margin:0 0 20px 0;}

#link{width:700px;height:780px;text-align:left;padding:0 0 40px 0;}

.normal-box{
  margin: 1em 0;
  padding: 1em;
  background-color: #DCDCDC;
}
.nopodiv{
  pointer-events:none;
}

.afsave{background-color: #FFF;}

#bottom{width:900px;height:35px;}
#copyright{width:900px;height:15px;margin-top:10px;padding:2px 0 0 0;}

/* ログイン画面 */
.lo{
  background-color: #dcdcdc;
  width: 400px;
  height: 400px;
  margin: 7em auto;
  border-radius: 1.5em;
  box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
}
.sign{
  padding-top: 40px;
  color: #8C55AA;
  font-family: 'Ubuntu', sans-serif;
  font-weight: bold;
  font-size: 23px;
}
.un{
  width: 76%;
  color: rgb(38, 50, 56);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  background: rgba(136, 126, 126, 0.04);
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  outline: none;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.02);
  text-align: center;
  margin-bottom: 27px;
  font-family: 'Ubuntu', sans-serif;
}
form.form1{
  padding-top: 40px;
}
.un:focus{
  border: 2px solid rgba(0, 0, 0, 0.18) !important;
}
.submit{
  cursor: pointer;
  border-radius: 5em;
  background: linear-gradient(to right, #9C27B0, #E040FB);
  border: 0;
  padding: 10px 40px;
  margin: 5px 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
  text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
  color: #eeddf0;
  text-decoration: none;
}
.back{
  cursor: pointer;
  border-radius: 5em;
  background: linear-gradient(to right, #4c5275, #60658a);
  border: 0;
  padding: 10px 40px;
  margin: 5px 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
  text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
  color: #d7dbfa;
  text-decoration: none;
}
.suser{
  padding: 8px 14px 8px 0;
  margin: 5px 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  line-height:24px;
}
.err{
  color: #ff6347;
}
.loForm{
 background-color: #000000;
}