@charset "utf-8";

body#character div.wrapperOverlay { width:584px; height:436px; position:relative; }
  body#character div#bgYuugekishu { background:url(../../character/images/bg_overlay_yuugekishi.gif) no-repeat left top; }
	body#character div#bgRiberl { background:url(../../character/images/bg_overlay_riberl.gif) no-repeat left top; }
	body#character div#bgHyakunishi { background:url(../../character/images/bg_overlay_hyakunichi.gif) no-repeat left top; }
	body#character div#bgUroboros { background:url(../../character/images/bg_overlay_uroboros.gif) no-repeat left top; }
	body#character div#bgBlank { background:url(../../character/images/bg_overlay_blank.gif) no-repeat left top; }
body#character div.wrapperOverlay p.closeBtn { position:absolute; right:11px; top:9px; }

body#character div.wrapperOverlay div.cntBlock { padding:52px 7px 0 52px; }
body#character div.wrapperOverlay div.cntBlock p.note { margin:0 0 0 6px; width:220px; color:#333; position:relative; z-index:3; }
body#character div.wrapperOverlay div.cntBlock h1 { margin-bottom:6px; position:relative; z-index:5; }
body#character div.wrapperOverlay div.cntBlock p#cv { margin:0 0 44px 6px; position:relative; z-index:4; }

/* estelle */
body#character div.wrapperOverlay div#estelle p#characterImage { position:absolute; top:52px; left:286px; z-index:1; }

/* josha */
body#character div.wrapperOverlay div#josha h1 { margin-bottom:3px; position:relative;  z-index:5; }
body#character div.wrapperOverlay div#josha p#cv { margin:0 0 44px 6px; position:relative; z-index:4; }
body#character div.wrapperOverlay div#josha p#characterImage { position:absolute; top:56px; left:283px; z-index:1; }
  body#character div.wrapperOverlay div#josha p.note { width:225px; }

/* scherazard */
body#character div.wrapperOverlay div#scherazard h1 { margin-bottom:4px; }
body#character div.wrapperOverlay div#scherazard p#characterImage { position:absolute; top:53px; left:283px; z-index:1; }

/* olivier */
body#character div.wrapperOverlay div#olivier { padding-left:56px; }
body#character div.wrapperOverlay div#olivier p#characterImage { position:absolute; top:52px; left:285px; z-index:1; }

/* tita */
body#character div.wrapperOverlay div#tita { padding-left:56px; }
body#character div.wrapperOverlay div#tita h1 { margin-bottom:9px; }
body#character div.wrapperOverlay div#tita p#characterImage { position:absolute; top:72px; left:286px; z-index:1; }

/* agate */
body#character div.wrapperOverlay div#agate { padding-left:56px; }
body#character div.wrapperOverlay div#agate h1 { margin-bottom:2px; }
body#character div.wrapperOverlay div#agate p#characterImage { position:absolute; top:48px; left:279px; z-index:1; }

/* klose */
body#character div.wrapperOverlay div#klose { padding-left:56px; }
body#character div.wrapperOverlay div#klose h1 { margin-bottom:9px; }
body#character div.wrapperOverlay div#klose p#characterImage { position:absolute; top:53px; left:319px; z-index:1 }

/* josetto */
body#character div.wrapperOverlay div#josetto { padding-left:56px; }
body#character div.wrapperOverlay div#josetto p#characterImage { position:absolute; top:48px; left:294px; z-index:1 }

/* renne */
body#character div.wrapperOverlay div#renne { padding-left:56px; }
body#character div.wrapperOverlay div#renne h1 { margin-bottom:6px; }
body#character div.wrapperOverlay div#renne p#characterImage { position:absolute; top:83px; left:277px; z-index:1 }

/* walter */
body#character div.wrapperOverlay div#walter { padding-left:56px; }
body#character div.wrapperOverlay div#walter h1 { margin-bottom:4px; }
body#character div.wrapperOverlay div#walter p#characterImage { position:absolute; top:43px; left:277px; z-index:1 }

/* lucciola */
body#character div.wrapperOverlay div#lucciola { padding-left:56px; }
body#character div.wrapperOverlay div#lucciola h1 { margin-bottom:2px; }
body#character div.wrapperOverlay div#lucciola p#characterImage { position:absolute; top:48px; left:282px; z-index:1 }

/* blblanc */
body#character div.wrapperOverlay div#blblanc { padding-left:56px; }
body#character div.wrapperOverlay div#blblanc p#characterImage { position:absolute; top:41px; left:286px; z-index:1 }

/* leonhardt */
body#character div.wrapperOverlay div#leonhardt { padding-left:56px; }
body#character div.wrapperOverlay div#leonhardt h1 { margin-bottom:2px; }
body#character div.wrapperOverlay div#leonhardt p#characterImage { position:absolute; top:51px; left:277px; z-index:1 }


/* camapanella */
body#character div.wrapperOverlay div#camapanella { padding-left:56px; }
body#character div.wrapperOverlay div#camapanella h1 { margin-bottom:6px; }
body#character div.wrapperOverlay div#camapanella p#cv  { margin-left:4px; }
body#character div.wrapperOverlay div#camapanella p#characterImage { position:absolute; top:43px; left:317px; z-index:1 }