.top { width: 15%; height: 50px; float: left; } .calender{ position: absolute; top: 30%; left: 1%; } .logout { position: absolute; top: 1%; right: 1%; } .touroku { position: absolute; top: 100%; left: 40%; } .shoukyo { position: absolute; top: 100%; left: 50%; } .purojectinput { position: absolute; top: 38%; left: 1%; background-color: #00008b; color: white; text-align: center; font-size: 8; line-height: 50px; width: 550px; height: 50px; border: 1px solid #a9a9a9; } .input[type=text] { text-align: center; font-size:100%; } .name { width: 550px; height: 50px; color: brack; height: 70px; border: 1px solid #a9a9a9; } .kaishishuryou { background-color: #00008b; color: white; text-align: center; font-size: 8; width: 150px; height: 30px; } .day { background-color: white; color: brack; width: 100px; height: 10px; border: 1px solid #a9a9a9; } .table { border: 1px solid #a9a9a9; padding: 0px; margin: 0px; border-collapse: collapse; position: absolute; } table { border: 1px solid #a9a9a9; width: 60%; padding: 0px; margin: 0px; border-collapse: collapse; margin-left: auto; margin-right: 0px; } td { width: 12%; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; vertical-align: top; margin: 0px; padding: 2px; } td.frame { background-color: #00008b; color: white; text-align: center; } td.rist { background-color: white; text-align: center; font-size: 0.75em; height: 30px; } p { font-size: 0.75em;