#cont { text-align:left; } #kiji{padding: 0px; margin: 0px; line-height: 1.5; } #menu-icon{padding: 0 0 0 1em; } .c {text-align: center;} .r {text-align: right;} A:link { text-decoration:none;} A:visited { text-decoration: none; color: navy; } A:active { color: red ;} A:hover { color: red ;} aside {background: #add8e6; margin: 10px; padding: 0.5em;} body { background: #ccffff; line-height: 1.2em; font-family: "Hiragino Kaku Gothic ProN", "ŸàƒSƒVƒbƒN", YuGothic, Meiryo, sans-serif; text-align:center; } nav {font-size: 93%;} footer {text-align:center; } h1 {text-align:center; line-height:1.2em;} h2 { color: maroon; font-size: 100%;} ul { list-style: none; padding: 0 0 0 0em; } table {width: 100%; } td {border-style: solid ; border-width: 1px;text-align:right;} th {background-color:#ccccff;} .f80 {font-style: italic; font-family: "Times New Roman" ;} .data {border-style: solid ; border-width: 1px; padding: 10px 5px 10px 20px;} @media screen and (min-width: 800px){ #cont { width: 800px; margin-left: auto; margin-right: auto; } #kijil{ float: right; width: 600px; } #kiji{ float: right; width: 600px; } #l{ width: 194px; float: left; text-align: left; padding: 0; margin: 0; } } @media screen and (max-width: 799px){ img{ max-width: 100%; height: auto; width:auto;} #l{ width: 100% position: absolute; text-align:center; } nav ul, nav:active ul { display: none; position: absolute; padding: 10px; background: #fff; border: 5px solid #444; right: 20px; top: 10px; width: 80%; border-radius: 4px 0 4px 4px; } nav li { text-align: center; width: 100%; padding: 5px 0; margin: 0; } nav:hover ul { display: block; } #kijil{ width: 100%; padding-top: 30px; } #kiji{ max-width: 600px; padding-top: 30px; } }