@charset "utf-8"; /* * 2014/02/28 * slideme 設定 * */ article#imgae { position: absolute; display: block; top: 0px; left: 0px; width: 690px; height: 230px; margin: 10px 10px 10px 10px; } div#slide { position: absolute; display: block; top: 0px; left: 0px; width: 690px; height: 210px; overflow: hidden; } div.item { position: absolute; display: block; top: 0px; left: 0px; width: 690px; height: 210px; } div#item_slide { position: absolute; display: block; top: 210px; left: 0px; width: 690px; height: 20px; } div#item_slide_center { width: 105px; margin: 0 auto; } div.itemnum { position: relative; top: 7px; display: inline; margin: 0 auto; } li { width: 2em; cursor: pointer; display: block; line-height: 20px; position: absolute; top: 50%; z-index: 10; margin: -1em 0; border-radius: 6px; color: #fff; text-align: center; background: #393; } li.next { right: -5px; } li.prev { left: -5px; } #position-absolute { background: white; position: absolute; /*要素を浮かす*/ /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/ top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*上下左右中央に*/ width: 400px; /*widthの指定は必須*/ height: 30px; /*heightの指定は必須*/ font-size: x-large; line-height: 120%; text-align: center; color: black; } #position-absolute a :hover { color: black; }