@charset "utf-8";
@import url('font.css');

/* reset */
* {margin: 0;padding: 0;}
html, body {height: 100%;font-family: 'Roboto', 'Spoqa Han Sans', sans-serif;font-size: 15px;color: #000;}

h1,h2,h3,h4,h5,h6 {font-size: 100%;}
ol, ul, dl, dt, dd {list-style-type: none;}
button {cursor: pointer;}
input,textarea {font-family: 'Roboto', 'Spoqa Han Sans', sans-serif;}
input[type=checkbox] {width: 16px;height: 16px;vertical-align: middle;}

.wrap {display: flex;flex-direction: column;margin: 0 auto;width: 900px; height: 100%;}
.wrap section {flex: auto;padding-top: 20px;box-sizing: border-box;}
.wrap section h3 {font-size: 20px;}
.wrap footer {display: flex;align-items: center;justify-content: flex-end;}
.wrap footer {height: 0px;}
.wrap footer a {margin-top: 10px;display: inline-flex;align-items: center;justify-content: center;padding: 5px 10px;font-weight: 600;font-size: 15px;color: #fff;background: #5055b1;border: 1px solid #5055b1;text-decoration: none;border-radius: 15px;}

.list {margin-top: 30px;border-top: 1px solid #000;}
.list li {display: flex;align-items: center;height: 40px;border-bottom: 1px solid #999;}
.list li span {width: 80px;text-align: center;}
.list li a {width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none;}
.list li a:hover {font-weight: bold;text-decoration: underline;}
.list li p {display: flex;align-items: center;gap: 0 10px;margin-left: auto;}
.list li p button {width: 50px;}

.list {margin-top: 30px;border-top: 1px solid #000;}
.list lih {display: flex;align-items: center;height: 150px;border-bottom: 1px solid #999;}
.list lih span {width: 80px;text-align: center;}
.list lih a {width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none;margin-left: auto;}
.list lim a:hover {font-weight: bold;text-decoration: underline;}
.list lih a:hover {font-weight: bold;text-decoration: underline;}
.list lih p {display: flex;align-items: center;gap: 0 10px;margin-left: auto;}
.list lih p button {width: 50px;}

.list {margin-top: 30px;border-top: 1px solid #000;}
.list lim {display: flex;align-items: center;height: 80px;border-bottom: 1px solid #999;}
.list lim span {width: 80px;text-align: center;}
.list lim a {width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none;margin-left: auto;}
.list lim a:hover {font-weight: bold;text-decoration: underline;}
.list lim p {display: flex;align-items: center;gap: 0 10px;margin-left: auto;}
.list lim p button {width: 50px;}

.header {margin-bottom: 30px;}
.header select {height: 28px;min-width: 100px;}
table {table-layout: fixed;width: 100%;border-spacing: 0;border-top: 1px solid #333;}
table th {padding-left: 20px;width: 120px;height: 40px;text-align: left;background-color: #ececec;border-bottom: 1px solid #ccc;box-sizing: border-box;}
table td {padding: 10px 10px;border-bottom: 1px solid #ccc;}
table input {padding-left: 10px;width: 100%;height: 26px;border: 1px solid #aaa;box-sizing: border-box;}
table input + input {margin-top: 5px;}
table textarea {padding: 10px; width: 100%;height: 150px;border: 1px solid #aaa;box-sizing: border-box;}
table .view {height: 150px;vertical-align: top;}
table .view div {margin-bottom: 5px;}

.btn {display: flex;align-items: center;justify-content: flex-end;gap: 0 5px;margin: 30px 0;}
.btn button, .btn a , .btn input  {display: inline-flex;align-items: center;justify-content: center;padding: 5px 10px;min-width: 60px;font-weight: 600;font-size: 15px;color: #fff;background: #5055b1;border: 2px solid #5055b1;text-decoration: none;border-radius: 15px;}
.btn button {color: #5055b1;border: 2px solid #5055b1;background-color: #fff;}
.btn a {margin-left: auto;}