/* css document */ * { margin: 0; padding: 0; } body { padding: 0 20px; font: 13px/1.7 Verdana, Arial, lucida, helvetica, sans-serif; background: #fff; color: #333; } h1 { position: relative; top: 10px; letter-spacing: 4px; padding: 0 50px; font-size: 4em; margin-bottom: 2em; font-weight: bold; color: #c40; text-align: right; text-shadow: 3px 3px 5px #333; } #wrap { width: 760px; margin: 0 auto; } #top { width: 100%; height: 155px; overflow: hidden; background: url(../img/top.jpg) left -18px no-repeat; position: relative; } #middle { width: 100%; height: 150px; overflow: hidden; color: #840; text-align: center; background: transparent url(../img/side.jpg) left top no-repeat; position: relative; } #middle p { padding: 10px 75px 0 245px; font-size: 120%; text-shadow: 1px 1px 10px #333; } #middle .contents { position: absolute; left: 30px; top: 46px; } #middle .contents a { font-size: 110%; font-weight: bold; color: #678; text-decoration: underline; } #middle .contents a:hover { text-decoration: none; }
#content { width: 100%; } #foot { margin: 1px 0 10px 0; border-top: 1px solid #999; font-size: 0.86em; text-align: center; } dl { width: 760px; } dt { display: block; width: 750px; padding: 6px 0 6px 10px; line-height: 1.2em; text-align: left; border-bottom: 2px solid #fff; font-weight: bold; background: #e96 url(img/px.gif) right 2px no-repeat; color: #333; cursor: default; border-radius: 5px; -khtml-border-radius: 5px; } dd { display: block; width: 760px; margin-bottom: 1px; overflow: hidden; } ul { list-style-type: none; background: #fff8f0; font-size: 86%; padding: 10px 0; } li { display: block; width: 750px; padding-left: 10px; margin-bottom: 5px; } li a { color: #333; text-decoration: underline; font-weight: bold; } li a:hover { text-decoration: none; }