@charset "utf-8";
/* CSS Document */

#menu2 a { background: url(../img/common/menu_on_2.png) no-repeat; }
h2 { background: url(../img/chara/title.png) no-repeat; width: 115px; height: 447px; text-indent: -9999px; position: absolute; top: 313px; left: 422px; }

#page { padding-top: 117px; }

#mainChara { width: 960px; margin: 0 auto 50px; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
#mainChara:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/

/*あやかし編
----------------------------------------------*/
#mainAya { width: 414px; float: left; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
#mainAya:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
#mainAya li { float: left; margin: 0 7px 7px 0; }

/*人間編
----------------------------------------------*/
#mainNin { width: 414px; float: right; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
#mainNin:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
#mainNin li { float: right; margin: 0 0 7px 7px; }


/*サブキャラ
----------------------------------------------*/
h3 { background: url(../img/chara/tit_sub.png) no-repeat; width: 960px; height: 31px; margin: 0 auto 15px; text-indent: -9999px; }
#subA { width: 960px; margin: 0 auto 150px; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
#subA:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
#subA li { width: 320px; float: left; }
#subA li:first-child { text-align: left; }
#subA li:last-child { text-align: right; }

/*サブキャラあやかし編
----------------------------------------------*/
#subAya { width: 450px; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
#subAya:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
#subAya li { width: 80px; float: left; top: -125px; margin: 0 10px 10px 0; }

/*サブキャラ人間編
----------------------------------------------*/
#subNin { width: 450px; position: absolute; top: 1041px; right: 0; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
#subNin:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
#subNin li { width: 80px; float: right; margin: 0 0 10px 10px; }


#mainAya li,#mainNin li,#subA li,#subAya li,#subNin li { position: relative; }
#mainAya li span,#mainNin li span,#subA li span,#subAya li span,#subNin li span { display: block; position: absolute; top: 3px; left: 3px; background: #F06; color: #FFF; padding: 0px 4px; font-size: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }