.calender{ position: absolute; top: 1%; right: 20%; } .task { position: absolute; top: 1%; right: 10%; } .logout { position: absolute; top: 1%; right: 1%; } .touroku{ position: absolute; top: 130%; left: 1%; } .shoukyo{ position: absolute; top: 130%; left: 10%; } /*ミニカレンダー*/ .minicalender { position: absolute; top: 19%; left: 1%; width: 50%; height: 30%; } table{ border: 1px solid #a9a9a9; width: 80%; 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.week { background-color:#00008b; color:white; text-align: center; } td.day { background-color: #f5f5f5; text-align: center; font-size: 0.75em; } td.otherday { background-color: #f5f5f5; color: #d3d3d3; text-align: right; font-size: 0.75em; } td.sche { background-color: #fffffff; text-align: left; height: 20px; } /*今日のタスク*/ .top { position: absolute; top: 75%; left: 1%; width: 50%; height: 30%; } table { border: 1px solid #a9a9a9; width: 60%; padding: 0px; margin: 0px; border-collapse: collapse; } 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; } table.sche { border: 1px solid #a9a9a9; width: 65%; padding: 0px; margin: 0px; border-collapse: collapse; margin-left:auto; margin-right:0px; } td { vertical-align: top; margin: 0px; padding: 2px; font-size: 0.75em; height: 20px; } td.top2 { border-bottom: 1px solid #a9a9a9; background-color: #f5f5f5; text-align: center; border-right: 1px double #a9a9a9; } td.time { background-color: #f0f8ff; text-align: center; font-size:1em; border-right: 1px double #a9a9a9; padding-right: 5px; } td.timeb { background-color: #f0f8ff; border-bottom: 1px solid #a9a9a9; border-right: 1px double #a9a9a9; } td.contents { background-color: #ffffff; border-bottom: 1px solid #a9a9a9; border-right: 1px double #a9a9a9; } td.contentsb { background-color: #ffffff; border-bottom: 1px solid #a9a9a9; border-right: 1px double #a9a9a9; } p { font-size: 0.75em; } td.week { background-color:#00008b; color:white; text-align: center; } div.section{ position:relative; } #contentTable{ position:absolute; top:0; left:0; width:30%; text-align:center; }