body { text-align:center; background-color:#ffffff; color:#006400; } #wrap { width:780px; text-align:left; margin:0 auto; } #header { border-style:solid; border-width:1px; border-color:#ff6600; height:100px; font-size:medium; } #inner { border-style:solid; border-width:1px; border-color:#ff6600; margin-top:10px; margin-bottom:10px; } #main { width:500px; float:right; border-style:solid; border-width:1px; border-color:#ff6600; margin:10px; } #side { width:200px; float:left; border-style:solid; border-width:1px; border-color:#ff6600; margin:10px; margin-bottom:10px; text-align:center; } #footer { text-align:center; border-style:solid; border-width:1px; border-color:#ff6600; font-size:small; } .main { width:480px; border-style:solid; border-width:1px; border-color:#ff6600; margin:10px; } .clear { clear:both; } .clear hr { display:none; } h1 { font-size:x-small; } h2 { font-size:small; margin-left:10px; margin-right:10px; border-style:dashed; border-width:1px; border-color:#ff6600; border-top:none; border-right:none; letter-spacing:1px; } h2:first-letter { font-size:1.5em; } p { margin-left:20px; font-size:small; } p.title { font-size:small; margin-left:20px; } p.detailed { font-size:x-small; text-align:right; } a:link { color:#ff6600; text-decoration:none; } img.side { margin-top:10px; margin-bottom:10px; border-style:solid; border-width:1px; border-color:#ff6600; } img.display { margin-left:3.5px; border-style:solid; border-width:1px; border-color:#ff6600; } img.h1 { margin-left:5px; } img.kochira { margin-right:5px; } li { font-size:small; } .sideMenu , .sideMenu ul { margin:5px; padding:5px; } .sideMenu a { text-decoration:none; color:#006400; } .sideMenu li { margin:10px; list-style:none; font-size:15px; line-height:50px; } .sideMenu li a { display:block; padding:0 5px; text-align:center; border-style:solid; border-width:1px; border-color:#ff6600; line-height:20px; } .sideMenu li a:hover { background:#ff6600; } .ul { font-size:x-small; }