@charset "UTf-8";

body, html {
	height: 100%;
	/*min-height: 100%;*/
	width: 100%;
        margin:0px;
        padding:0px;
}
/* リンクボタン */

.button-rink, .button-rink:visited{

      background:#3cb371;
      display:inline-block;
      padding:3px 7px 2px 8px;
      color:#FFFFFF;
      text-decoration:none;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      border:none;
      position:relative;
      cursor:pointer;
      margin:10px 10px 0 0;
         vertical-align: middle;
}
a.button-rink {
     color:#ffffff;
}
.button-rink a:link{
     color:#ffffff;
}
.button-rink:hover{
      background:#555;color:#fff;
}
.submit_button1{
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
    border-style: none;    
}
.box1 {
    margin-top:7px;
    position: relative;
    display: inline-block;
    padding: 0.2em 1.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor:pointer;
}
.box1:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.box2 {
    margin-top:5px;
    margin-bottom:5px;
    position: relative;
    display: inline-block;
    padding: 0.1em 1.0em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor:pointer;
}
.box2:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.box3 {
    margin-top:5px;
    margin-bottom:5px;
    position: relative;
    display: inline-block;
    padding: 0.1em 1.0em;
    text-decoration: none;
    color: #FFF;
    background: #ff4500;/*色*/
    border: solid 1px #dc143c;/*線色*/
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor:pointer;

}
.box3:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.box4 {
    width:50%;
    margin-top:5px;
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
    padding: 0.2em 1.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);

}
.box4:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.box5 {
    margin-top:7px;
    position: relative;
    display: inline-block;
    padding: 0.2em 1.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin-bottom: 5px;
}
.staff-add-btn:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.main-wrap{
    width:50%;
    margin:0 auto;
}
.login-title-wrap{
    width:100%;
    color:#fff;
    margin-left:auto;
    margin-right: auto;
    margin-top: 20px;
    font-size:1.2em;
    text-align: center;
    display: flex;
    box-sizing: border-box;
}
.login-title-wrap1{
    flex:1;
    cursor:pointer;
    background-color: #4169e1;
    padding:10px 30px;
}
.login-title-wrap2{
    flex:1;
    border-left: 1px solid #fff;
    cursor:pointer;
    background-color: #4169e1;
    padding:10px 30px;
    
}
.login-title-wrap1:hover{
    opacity: 0.5;
}
.login-title-wrap2:hover{
    opacity: 0.5;
    
}
.login-input-wrap{
    width:100%;
    border:solid #ccc 1px;
    margin-left:auto;
    margin-right: auto;
    font-size:1.2em;
    text-align: center;
    padding:10px 30px;    
    box-sizing: border-box;
    
}
.login-input-wrap3{
    width: 70%;
    display: flex;
    margin: 0 auto;
}
.login-input-wrap4{
    width: 70%;
    display: flex;
    margin: 0 auto;
}
.login-input-title{
    width: 40%;
    font-size: 0.9em;
    line-height: 2em;
   
}
.staff-add-main-wrap{
    width:100%;
}
.staff-add-text-wrap{
    width: 100%;
    
    height: 30px;

}
.staff-add-text-wrap1{
    margin-right: 10px;
    background-color: #555;
    color: #fff;
    padding:0px 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.staff-add-text-wrap2{
    box-sizing: border-box;
}
.staff-add-text-wrap2 > input{
    height: 30px;
    box-sizing: border-box;
    width: 200px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.staff-add-text-wrap4 > textarea{
    height: 150px;
    box-sizing: border-box;
    width: 300px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 10px;
}
.staff-add-text-wrap3{

    height: 30px;
    box-sizing: border-box;
 
}
.logo-img{
    width: 100%;
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
}
.logo-img > img{
    width:20%;
}
.tbl-td-left-menu{
    width: 250px;
    background-color: #4169e1;
    color:#FFFFFF;
    padding:5px;
}