--- /dev/null
+
+body{
+ background-color: #FAFAFA;
+ margin: 0px;
+ text-align: left;
+}
+
+header{
+ background-color: white;
+ padding: 2em 0 2em 0;
+}
+main{
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+h2{
+ text-align: left;
+ margin: 0px;
+}
+p{
+ text-align: left;
+ margin: 0px;
+}
+footer{
+ background: #EDEDED;
+ padding: 3em 0 2em 0;
+ margin-top: 2em;
+}
+
+input[type="number"]::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+#coordinate_canvas_block{
+ max-width: 100%;
+}
+#coordinate_canvas{
+ flex: inherit;
+ padding-right: 0;
+ padding-left: 0;
+ background-color: white;
+ position: relative;
+}
+#manipulation_area{
+
+}
+#make_list_area{
+ margin-top: 5px;
+}
+
+#table_area{
+ width: 90%;
+ margin-right: auto;
+ margin-left: auto;
+}
+#table{
+ text-align: center;
+}
+#coordinate_table{
+ background-color: white;
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin-right: 0px;
+ max-height: 15em;
+}
+
+#coordinate_table_thead{
+ background-color: white;
+ text-align: center;
+ display: block;
+}
+#coordinate_table_tbody{
+ display: block;
+ text-align: right;
+ height: 512px;
+ overflow-y: scroll;
+}
+#coordinate_table th,
+#coordinate_table td{
+ table-layout: fixed;
+}
+#coordinate_table_tbody tr:nth-child(odd){
+ background-color: #F1F1F1
+}
+#coordinate_table_tbody tr:nth-child(even){
+ background-color: #FFFFFF
+}
+/*column of button*/
+#coordinate_table_tbody td{
+ text-align: center;
+}
+
+#coordinate_table td:nth-child(1),
+#coordinate_table th:nth-child(1){
+ width: 5em;
+}
+
+#coordinate_table td:nth-child(2),
+#coordinate_table th:nth-child(2){
+ width: 7em;
+}
+
+#coordinate_table td:nth-child(3),
+#coordinate_table th:nth-child(3){
+ width: 7em;
+}
+
+#coordinate_table td:nth-child(4),
+#coordinate_table th:nth-child(4){
+ width: 7em;
+}
+
+#coordinate_table td:nth-child(5),
+#coordinate_table th:nth-child(5){
+ width: 15em;
+}
+/*******/
+