はてなグラフとASIN記法を使うようにしたので、CSSを直しました。
今はこんな感じ。
body { color: black; background-color: white; width: 750px; margin-top: 0px; margin-left: auto; margin-right: auto; font-family: verdana; } a:link { color: #069; } a:visited { color: #036; } a:active { color: red; } h1 { position: absolute; margin-top: 15px; width: 180px; text-align: center; font-family: verdana; font-size: 24px; } .main { position: absolute; margin: 10px; margin-left: 190px; width: 550px; } #hatena-about, #hatena-archive { position: absolute; margin: 10px; margin-left: 190px; width: 550px; } .sidebar { position: absolute; margin-top: 50px; width: 180px; } .hatena-module { margin: 10px; border: solid 1px #ccc; text-align: center; font-size: 90%; } .hatena-module ul { margin: 0px; padding: 2px; padding-left: 1.5em; text-align: left; } .hatena-module a { text-decoration: none; } .hatena-module a:hover { text-decoration: underline; } .hatena-moduletitle { color: white; text-align: center; background: #369; padding: 2px 1em; } .hatena-moduletitle a { color: white; } .hatena-profile { text-align: center; } .hatena-profile img { border: solid 1px; width: 100px; } .hatena-profile-id { display: none; } .calendar { margin-left: auto; margin-right: auto; font-size: 100%; } .calendar-prev-month { text-align: left; } .calendar-current-month { text-align: center; } .calendar-next-month { text-align: right; } .calendar-day { text-align: right; } .calendar-day a { text-decoration: underline; } .main .calendar { font-size: 90%; } .main .calendar a { text-decoration: none; } .main .calendar a:hover { text-decoration: underline; } h2 { padding: 2px 0.5em; background-color: #ddd; border-left: solid 1em #369; font-size: 120%; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: underline; } h3 { font-size: 120%; border-bottom: solid 2px #369; } h4 { font-size: 100%; border-bottom: solid 1px #ccc; } a.keyword { color: #666; text-decoration: none; } a.keyword:hover { text-decoration: underline; } pre { background-color: #eef; border: solid 1px #ccc; padding: 5px; font-size: 100%; } .sectionfooter { font-size: 90%; text-align: right; } .sectionfooter a { text-decoration: none; } .sectionfooter a:hover { text-decoration: underline; } .caption { border-bottom: solid 1px #369; } .refererlist{ margin-top: 1em; margin-bottom: 1em; } .refererlist ul { margin: 0px; margin-bottom: 1em; padding: 2px; padding-left: 1.5em; } .refererlist li { font-size: 90%; } .refererlist a { text-decoration: none; } .refererlist a:hover { text-decoration: underline; } .hatena-graph img { border: none; } /* ASIN */ div.hatena-asin-detail { margin: 10px; padding-left: 10px; } div.hatena-asin-detail p { text-indent: 0em ! important; line-height: 150%; } div.hatena-asin-detail ul { list-style-type: none; margin: 0; margin-top: 10px; padding: 0; } img.hatena-asin-detail-image { float: left; border: 0; } div.hatena-asin-detail-info { margin-left: 10px; float: left; word-break: break-all; } p.hatena-asin-detail-title { font-weight: bold; } div.hatena-asin-detail-foot { clear: left; } img.hatena-profile-image { border: 0; } img.asin { float: right; margin: 5px; border: 0; }