body, div, pre, p, blockquote, img, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object { margin: 0px; padding: 0px; border: none; vertical-align: baseline; }
body { font-family: Verdana, Arial, sans-serif; padding: 10px; }
div.colorsample h1 { font-size: 18pt; margin: 1px; }
div.colorsample h2 { font-size: 10pt; margin: 1px; }
div.slider { position: relative; padding-top: 1px; }
div.slider div { clear: both; }
div.slider div span { margin-right: 5px; float: left; font-size: 8pt; }
div.slider a { display: block; float: left; width: 10px; height: 10px; font-size: 0px; text-decoration: none; }
div.slider a span { display: none; }
div.slider a:hover { width: 20px; height: 10px; border-right: solid 2px #fff; border-left: solid 2px #fff; }
div.slider a:hover span { font-size: 10pt; width: 200px; display: block; padding: 2px; cursor: pointer; position: absolute; top: 40px; left: 0px; }
div.ads { position: absolute; bottom: 30px; right: 15px; text-align: right; }
div.ads div{width:336px;height:280px;border:solid 1px;-webkit-border-radius: 5px; -moz-border-radius: 5px;}
div.navi { position: absolute; bottom: 10px; right: 15px; text-align: right; }
div.navi li { display: block; float: left; height: 16px; width: 16px; margin: 2px; }
div.navi img.icon01 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 0px; }
div.navi img.icon02 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -16px; }
div.navi img.icon03 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -32px; }
div.navi img.icon04 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -48px; }
div.navi img.icon05 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -64px; }
div.navi img.icon06 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -80px; }
div.navi img.icon07 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -96px; }
div.navi a:hover img.icon01 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px 0px; }
div.navi a:hover img.icon02 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -16px; }
div.navi a:hover img.icon03 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -32px; }
div.navi a:hover img.icon04 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -48px; }
div.navi a:hover img.icon05 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -64px; }
div.navi a:hover img.icon06 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -80px; }
div.navi a:hover img.icon07 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -96px; }