@charset "UTF-8";
/* ==============================
  css-chara-img
=================================
chara
---------------------------------
chara-img（キャラ画像個別指定）
============================== */

/* ------------------------------
  chara
------------------------------ */
ul#chara {
	width: 960px;
}
/* clearfix */
ul#chara:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul#chara {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul#chara {
	height: 1%;
}
ul#chara {
	display: block;
}
/* End hide from IE-mac */

ul#chara li {
	width: 133px;
	height: 264px;
	margin-right: 4px;
	margin-bottom: 30px;
	position: relative;
	float: left;
}

ul#chara li a {
	cursor: pointer;
	text-decoration: none;
}
ul#chara li.none {
	margin-right: 0;
}

ul#chara li span.img {
	width: 133px;
	height: 264px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/html/contents/img/character/chara_bg.gif) no-repeat;
}
ul#chara li a:hover span.img {
	top: -5px;
}

ul#chara li span.black {
	width: 133px;
	height: 73px;
	display: block;
	position: absolute;
	top: 191px;
	left: 0;
	background-color: #000000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
ul#chara li a:hover span.black {
	top: 186px;
}

ul#chara li span.white {
	width: 133px;
	height: 264px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
ul#chara li a span.white {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
ul#chara li a:hover span.white {
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.4;
	top: -5px;
}

ul#chara li span.name {
	width: 133px;
	text-align: center;
	position: absolute;
	top: 203px;
	left: 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
ul#chara li a:hover span.name {
	top: 198px;
}
ul#chara li span.woman {
	color: #ffa4a4;
}
ul#chara li span.man {
	color: #a4cbff;
}
ul#chara li span.etc {
	color: #e9ffa4;
}
ul#chara li span.name .small {
	font-size: 10px;
	font-weight: normal;
}

ul#chara li span.mask {
	width: 133px;
	height: 264px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/html/contents/img/character/mask.gif) no-repeat;
}
ul#chara li a:hover span.mask {
	top: -5px;
}

/* ------------------------------
  chara-img
------------------------------ */
ul#chara li#ichihara span.img { background: url(/html/contents/character/img/chara_yuko.gif) no-repeat -86px -19px;}
ul#chara li#watanuki span.img { background: url(/html/contents/character/img/chara_watanuki.gif) no-repeat -126px -19px;}
ul#chara li#doumeki span.img { background: url(/html/contents/character/img/chara_doumeki.gif) no-repeat -85px -80px;}
ul#chara li#himawari span.img { background: url(/html/contents/character/img/chara_himawari.gif) no-repeat -136px -29px;}
ul#chara li#moro span.img { background: url(/html/contents/character/img/chara_moro.gif) no-repeat -136px -9px;}
ul#chara li#maru span.img { background: url(/html/contents/character/img/chara_maru.gif) no-repeat -146px -29px;}
ul#chara li#siromokona span.img { background: url(/html/contents/character/img/chara_siromokona.gif) no-repeat -156px -19px;}
ul#chara li#kuromokona span.img { background: url(/html/contents/character/img/chara_kuromokona.gif) no-repeat -106px -49px;}

ul#chara li#kazehaya span.img { background: url(/html/contents/character/img/chara_kazehaya.gif) no-repeat -146px -19px;}
ul#chara li#rikuou span.img { background: url(/html/contents/character/img/chara_rikuou.gif) no-repeat -166px -15px;}
ul#chara li#kakei span.img { background: url(/html/contents/character/img/chara_kakei.gif) no-repeat -130px -25px;}
ul#chara li#saiga span.img { background: url(/html/contents/character/img/chara_saiga.gif) no-repeat 0px -15px;}

ul#chara li#eruda span.img { background: url(/html/contents/character/img/chara_eruda.gif) no-repeat -88px -29px;}
ul#chara li#motosuwa span.img { background: url(/html/contents/character/img/chara_motosuwa.gif) no-repeat -216px -29px;}
ul#chara li#sinpo span.img { background: url(/html/contents/character/img/chara_sinpo.gif) no-repeat -86px -19px;}
ul#chara li#hibiya span.img { background: url(/html/contents/character/img/chara_hibiya.gif) no-repeat -146px -19px;}
ul#chara li#omura span.img { background: url(/html/contents/character/img/chara_omura.gif) no-repeat -176px -9px;}

ul#chara li#syaoran span.img { background: url(/html/contents/character/img/chara_syaoran.gif) no-repeat -126px -9px;}
ul#chara li#sakura span.img { background: url(/html/contents/character/img/chara_sakura.gif) no-repeat -136px -20px;}
ul#chara li#fai span.img { background: url(/html/contents/character/img/chara_fai.gif) no-repeat -196px -39px;}
ul#chara li#kurogane span.img { background: url(/html/contents/character/img/chara_kurogane.gif) no-repeat -140px -19px;}

ul#chara li#kobato span.img { background: url(/html/contents/character/img/chara_kobato.gif) no-repeat -120px -59px;}
ul#chara li#ioryogi span.img { background: url(/html/contents/character/img/chara_ioryogi.gif) no-repeat -136px -69px;}
ul#chara li#sayaka span.img { background: url(/html/contents/character/img/chara_sayaka.gif) no-repeat -36px 0px;}
ul#chara li#fujimoto span.img { background: url(/html/contents/character/img/chara_fujimoto.gif) no-repeat -136px 0px;}
ul#chara li#mihara span.img { background: url(/html/contents/character/img/chara_mihara.gif) no-repeat -66px 0px;}

ul#chara li#su span.img { background: url(/html/contents/character/img/chara_su.gif) no-repeat -130px -35px;}
ul#chara li#ryu span.img { background: url(/html/contents/character/img/chara_ryu.gif) no-repeat -106px -19px;}
ul#chara li#oruha span.img { background: url(/html/contents/character/img/chara_oruha.gif) no-repeat -136px -19px;}
ul#chara li#gingetu span.img { background: url(/html/contents/character/img/chara_gingetu.gif) no-repeat -170px -19px;}
ul#chara li#ran span.img { background: url(/html/contents/character/img/chara_ran.gif) no-repeat -180px -19px;}
ul#chara li#ccsakura span.img { background: url(/html/contents/character/img/chara_ccsakura.gif) no-repeat -86px -19px;}
ul#chara li#kero span.img { background: url(/html/contents/character/img/chara_kero.gif) no-repeat -152px -49px;}
ul#chara li#daimyouji span.img { background: url(/html/contents/character/img/chara_daimyoji.gif) no-repeat -146px -19px;}
ul#chara li#lisyaoran span.img { background: url(/html/contents/character/img/chara_lisyaoran.gif) no-repeat -180px -65px;}
ul#chara li#momoya span.img { background: url(/html/contents/character/img/chara_momoya.gif) no-repeat -86px 0px;}
ul#chara li#yukito span.img { background: url(/html/contents/character/img/chara_yukito.gif) no-repeat -66px 0px;}

ul#chara li#hikaru span.img { background: url(/html/contents/character/img/chara_hikaru.gif) no-repeat -126px -89px;}
ul#chara li#umi span.img { background: url(/html/contents/character/img/chara_umi.gif) no-repeat -136px -19px;}
ul#chara li#fuu span.img { background: url(/html/contents/character/img/chara_fuu.gif) no-repeat -135px 0px;}
ul#chara li#emeraude span.img { background: url(/html/contents/character/img/chara_emeraude.gif) no-repeat -146px 0px;}
ul#chara li#eagle span.img { background: url(/html/contents/character/img/chara_eagle.gif) no-repeat -140px -19px;}

ul#chara li#kaimu span.img { background: url(/html/contents/character/img/chara_kaimu.gif) no-repeat -30px -35px;}
ul#chara li#fuma span.img { background: url(/html/contents/character/img/chara_fuma.gif) no-repeat -96px 0px;}
ul#chara li#kotori span.img { background: url(/html/contents/character/img/chara_kotori.gif) no-repeat -136px -19px;}
ul#chara li#sorata span.img { background: url(/html/contents/character/img/chara_sorata.gif) no-repeat -116px -39px;}
ul#chara li#arashi span.img { background: url(/html/contents/character/img/chara_arashi.gif) no-repeat -150px -19px;}
ul#chara li#nekoi span.img { background: url(/html/contents/character/img/chara_nekoi.gif) no-repeat -210px -45px;}
ul#chara li#sumeragi span.img { background: url(/html/contents/character/img/chara_sumeragi.gif) no-repeat -40px -19px;}
ul#chara li#kasumi span.img { background: url(/html/contents/character/img/chara_kasumi.gif) no-repeat -136px 0px;}
ul#chara li#seiichiro span.img { background: url(/html/contents/character/img/chara_seiichiro.gif) no-repeat -90px -20px;}
ul#chara li#yuto span.img { background: url(/html/contents/character/img/chara_yuto.gif) no-repeat -56px -9px;}

ul#chara li#subaru span.img { background: url(/html/contents/character/img/chara_subaru.gif) no-repeat -140px -39px;}
ul#chara li#hokuto span.img { background: url(/html/contents/character/img/chara_hokuto.gif) no-repeat -125px -19px;}
ul#chara li#sakurazuka span.img { background: url(/html/contents/character/img/chara_sakurazuka.gif) no-repeat -50px -59px;}

ul#chara li#surumegi span.img { background: url(/html/contents/character/img/chara_surumegi.gif) no-repeat -50px -39px;}
ul#chara li#asyura span.img { background: url(/html/contents/character/img/chara_asyura.gif) no-repeat -126px -49px;}
ul#chara li#yasyaou span.img { background: url(/html/contents/character/img/chara_yasyaou.gif) no-repeat -186px -65px;}
ul#chara li#kendappa span.img { background: url(/html/contents/character/img/chara_kendappa.gif) no-repeat -110px -35px;}
ul#chara li#ryuuou span.img { background: url(/html/contents/character/img/chara_ryuuou.gif) no-repeat -116px -49px;}

/* add */
ul#chara li#kusanagi span.img { background: url(/html/contents/character/img/chara_kusanagi.gif) no-repeat -250px -9px;}
ul#chara li#yatouji span.img { background: url(/html/contents/character/img/chara_yatouji.gif) no-repeat -230px -9px;}
ul#chara li#kakyou span.img { background: url(/html/contents/character/img/chara_kakyou.gif) no-repeat -110px -40px;}
ul#chara li#nataku span.img { background: url(/html/contents/character/img/chara_nataku.gif) no-repeat -125px -40px;}
ul#chara li#seishiro span.img { background: url(/html/contents/character/img/chara_seishiro.gif) no-repeat -255px -25px;}
ul#chara li#souma span.img { background: url(/html/contents/character/img/chara_souma.gif) no-repeat -150px -45px;}
ul#chara li#karura span.img { background: url(/html/contents/character/img/chara_karura.gif) no-repeat -230px -30px;}

ul#chara li#hinoto span.img { background: url(/html/contents/character/img/chara_hinoto.gif) no-repeat -140px -50px;}
ul#chara li#kanoe span.img { background: url(/html/contents/character/img/chara_kanoe.gif) no-repeat -200px -10px;}
ul#chara li#mokona span.img { background: url(/html/contents/character/img/chara_mokona.gif) no-repeat -85px -245px;}

ul#chara li#toru span.img { background: url(/html/contents/character/img/chara_toru.gif) no-repeat -135px 0px;}
ul#chara li#saya span.img { background: url(/html/contents/character/img/chara_saya.gif) no-repeat -135px -5px;}
ul#chara li#tokiko span.img { background: url(/html/contents/character/img/chara_tokiko.gif) no-repeat -115px -80px;}

/* add */
ul#chara li#kohane span.img { background: url(/html/contents/character/img/chara_kohane.gif) no-repeat -150px -40px;}
ul#chara li#tanpopo span.img { background: url(/html/contents/character/img/chara_tanpopo.gif) no-repeat -220px -100px;}
ul#chara li#mugetu span.img { background: url(/html/contents/character/img/chara_mugetu.gif) no-repeat -225px -20px;}
ul#chara li#amewarashi span.img { background: url(/html/contents/character/img/chara_amewarashi.gif) no-repeat -145px -10px;}
ul#chara li#zashikiwarashi span.img { background: url(/html/contents/character/img/chara_zashikiwarashi.gif) no-repeat -145px -25px;}
ul#chara li#haruka span.img { background: url(/html/contents/character/img/chara_haruka.gif) no-repeat -140px -35px;}

ul#chara li#crow span.img { background: url(/html/contents/character/img/chara_crow.gif) no-repeat -150px -45px;}

ul#chara li#ijyuin20 span.img { background: url(/html/contents/character/img/chara_20_ijyuin.gif) no-repeat -140px -20px;}
ul#chara li#ohkawa span.img { background: url(/html/contents/character/img/chara_ohkawa.gif) no-repeat -150px -50px;}

ul#chara li#imonoyama span.img { background: url(/html/contents/character/img/chara_imonoyama.gif) no-repeat -180px -40px;}
ul#chara li#takamura span.img { background: url(/html/contents/character/img/chara_takamura.gif) no-repeat -125px -50px;}
ul#chara li#c_ijyuin span.img { background: url(/html/contents/character/img/chara_clamp_ijyuin.gif) no-repeat -145px -50px;}

ul#chara li#kohaku span.img { background: url(/html/contents/character/img/chara_kohaku.gif) no-repeat -135px -15px;}
ul#chara li#kudou span.img { background: url(/html/contents/character/img/chara_kudou.gif) no-repeat -230px -45px;}

ul#chara li#suzuhara span.img { background: url(/html/contents/character/img/chara_suzuhara.gif) no-repeat -140px -20px;}
ul#chara li#a_hikaru span.img { background: url(/html/contents/character/img/chara_angelic_hikaru.gif) no-repeat -140px -80px;}

ul#chara li#cyunyan span.img { background: url(/html/contents/character/img/chara_cyunyan.gif) no-repeat -135px -30px;}
ul#chara li#muron span.img { background: url(/html/contents/character/img/chara_muron.gif) no-repeat -50px -20px;}

ul#chara li#shirahime span.img { background: url(/html/contents/character/img/chara_shirahime.gif) no-repeat -60px -25px;}

ul#chara li#miyuki span.img { background: url(/html/contents/character/img/chara_miyuki.gif) no-repeat -150px -25px;}

ul#chara li#higashikunimaru span.img { background: url(/html/contents/character/img/chara_higashikunimaru.gif) no-repeat -120px -40px;}
ul#chara li#syuukaidoh span.img { background: url(/html/contents/character/img/chara_syuukaidoh.gif) no-repeat -125px -50px;}
ul#chara li#erii span.img { background: url(/html/contents/character/img/chara_erii.gif) no-repeat -240px -20px;}

ul#chara li#asahi span.img { background: url(/html/contents/character/img/chara_asahi.gif) no-repeat -100px -100px;}
ul#chara li#asou span.img { background: url(/html/contents/character/img/chara_asou.gif) no-repeat -145px -65px;}