body{
   background-color:Aliceblue;
}
.box{
   padding:30px 0;
}
/*ヘッダー*/
.head-wrapper,
.main-content{
   border:1px solid #223a70;
}
.head-wrapper{
   background-color:#FFFFFF;
   padding:0 30px;
   border-bottom:none;
}
.head-wrapper a{
   color:black;
   text-decoration:underline;
   transition:all,0.3s;
}
.head-wrapper a:hover{
   color:Aliceblue;
}
.header-left{
   height:90px;
   float:left;
}
.logo{
   font-family: 'Roboto', sans-serif;
   font-weight: bold;
   font-size: 35px;
   color: black;
   text-align: center;
   line-height: 90px;
   margin-right: 30px;
   margin-top: 10px;
   float: left;
}
.header-left ul{
   float:right;
   height:90px;
   line-height:110px;
}
.header-left li{
   display:inline-block;
   padding:0 4px;
}
.header-right{
   float:right;
   height:90px;
   padding:10px 0;
   color:black;
}
.logout{
   text-align:right;
}
.logout a{
   font-weight:bold;
}
.userdata{
   padding:8px 0;
}

/*メイン*/
.main-content{
   background-color:white;
   padding:20px;
}
/*テーブル*/
.menu-table th,
.menu-table td{
   border:2px solid white;
}
.menu-table{
   width:98%;
   margin:0 auto;
}
.menu-table tr{
   background:#f2f2f2;
}
.menu-table tr:nth-child(even){
	background:#deedf9;
}
.menu-table thead th{
   background-color:#4682b4;
   color:white;
   padding:10px;
   text-align:center;
}
.menu-table tbody td{
   padding:10px;
}
/*ボタン*/
.color-btn{
   width:240px;
   padding:10px;
   border-radius:5px;
   color: #333;
}
.beige-btn{
   background-color:#e0d8be;
   border:2px solid #b2a98e;
   transition:all,0.3s;
}
.beige-btn:hover{
   background-color:#ede7d5;
   border:2px solid #bfb79e;
}
.yellow-btn{
   background-color:#f7df56;
   border:2px solid #c9b336;
   transition:all,0.3s;
}
.yellow-btn:hover{
   background-color:#f4e79c;
   border:2px solid #dbc85e;
}
.orange-btn{
   background-color:#efa351;
   border:2px solid #dd801c;
   transition:all,0.3s;
}
.orange-btn:hover{
   background-color:#f2c08e;
   border:2px solid #db9953;
}
.green-btn{
   background-color:#7ebf63;
   border:2px solid #62934c;
   transition:all,0.3s;
}
.green-btn:hover{
   background-color:#a4db8c;
   border:2px solid #84a575;
}
.blue-btn{
   background-color:#4F81BD;
   border:2px solid #5360B9;
   color: #fff;
   transition:all,0.3s;
}
.blue-btn:hover{
   background-color:#4D96D1;
   border:2px solid #5360B9;
}
.light-green-btn {
   background: #99FF99;
   border:2px solid #66FF66;
   transition:all,0.3s;
}
.gray-btn {
   background: #BEBEBE;
   transition:all,0.3s;
}
.red-btn {
   background: #ff0000;
   color: #FFFFFF;
   transition:all,0.3s;
}
.red-btn:hover {
   background: #ff0000;
   opacity: 0.7;
}
.light-green-btn:hover{
   background-color:#b4feb4;
   border:2px solid #66FF66;
}
.gray-btn:hover{
   background-color:#D9D9D9;
}
/*colgroup*/
.c1{
   width:200px;
}
.c2{
   width:550px;
}
.c3{
   width:250px;
}

.passset {
   float: left;
   margin-top: 6px;
   margin-right: 20px;
}

.userdata {
   float: right;
}