@charset "utf-8";

/*************************
	wrap
*************************/

#wrap
{
	background: url(../img/character/bg.png) repeat 50% 50%;
}

#wii #wrap, #ds #wrap, body.nojs #wrap
{
	min-height: 1084px;
}

/*************************
	bg
*************************/

#bg
{
	width: 100%;
	height: 50%;
	position: absolute;
	background: url(../img/character/bg_pattern.png) repeat 50% 100%;
	top: -223px;
	left: 0;
}

#bg ul
{
	position: absolute;
	width: 1046px;
	height: 237px;
	left: 50%;
	bottom: 0;
	margin-left: -523px;
}

#wii #bg ul, #ds #bg ul, body.nojs #bg ul
{
	height: 289px;
	background: url(../img/character/bg_ds.png) no-repeat 0 0;
}

#bg li
{
	position: absolute;
	height: 237px;
	top: 0;
	overflow: hidden;
}

#wii #bg ul li, #ds #bg ul li, body.nojs #bg ul li
{
	display: none;
}

#bg li.new7s{ width: 1046px; right: 0; }
#bg li.newgirls{ width: 0; left: 0; }

#bg li.new7s img{ float: right; }
#bg li.newgirls img{ float: left; }

/*************************
	content
*************************/

#content
{
	width: 954px;
	height: 708px;
	margin: -409px 0 0 -477px;
}

/*************************
	subttl
*************************/

#subttl
{
	width: 420px;
	height: 140px;
	margin: 18px 0 0 57px;
	position: relative;
}

#wii #subttl, #ds #subttl, body.nojs #subttl
{
	display: none;
}

#subttl li
{
	height: 140px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#subttl li.new7s
{
	width: 420px;
	background: url(../img/character/subttl_7s.png) no-repeat 100% 0;
	right: 0;
}

#subttl li.newgirls
{
	width: 0;
	background: url(../img/character/subttl_girls.png) no-repeat 0 0;
	left: 0;
}

#subttl li h2, #subttl li p
{
	visibility: hidden;
}

/*************************
	bttn
*************************/

#bttn
{
	width: 165px;
	height: 46px;
	position: absolute;
	top: 101px;
	left: 715px;
}

#ds #bttn, #wii #bttn, body.nojs #bttn
{
	width: 340px;
	left: 540px;
}

#bttn li
{
	height: 46px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#bttn li.new7s{ right: 0; width: 165px; }
#bttn li.newgirls{ left: 0; width: 0; }
#ds #bttn li.newgirls, #wii #bttn li.newgirls, body.nojs #bttn li.newgirls
{ width: 165px; }

#bttn li a
{
	display: block;
	width: 165px;
	height: 46px;
	text-indent: 165px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/character/bttn.png) no-repeat 0 0;
	position: absolute;
	top: 0;
}

#bttn li.new7s a{ background-position: 0 0; right: 0; }
#bttn li.newgirls a{ background-position: -165px 0; left: 0; }
body#pc #bttn li.new7s a:hover{ background-position: 0 -46px; }
body#pc #bttn li.newgirls a:hover{ background-position: -165px -46px; }

/*************************
	movie
*************************/

#movie
{
	width: 416px;
	height: 234px;
	position: absolute;
	top: 262px;
	left: 269px;
	background: #000000;
}

#movie img
{
	position: absolute;
}

#movie img.frame_top{ top: 0; left: 5px; }
#movie img.frame_left{ top: 0; left: 0; }
#movie img.frame_right{ top: 0; right: 0; }
#movie img.frame_bttm{ bottom: 0; left: 5px; }

/*************************
	externalSwfContainer
*************************/

#externalSwfContainer
{
	width: 416px;
	height: 234px;
}

#externalSwfContainer img
{
	margin: 95px 0;
	position: static;
}

/*************************
	cha
*************************/

ul.cha
{
	position: absolute;
}

ul.cha li
{
	position: absolute;
	margin: -4px 0 0 -4px;
}

ul.cha li.hover
{
	z-index: 4;
}

ul.cha li div
{
	padding: 4px;
	overflow: hidden;
	background: url(../img/character/character_over.png) no-repeat 0 200px;
}

ul.cha li div dl
{
	width: 100%;
	height: 100%;
	background: url(../img/character/character.png) no-repeat 0 0;
}

ul.cha li div.select dl
{
	background-image: url(../img/character/character_current.png);
}

body.nojs ul.cha li div.select dl, body#ds ul.cha li div.select dl, body#wii ul.cha li div.select dl
{
	background-image: url(../img/character/character.png);
}

ul.cha li div dl dt, ul.cha li div dl dd
{
	position: absolute;
	bottom: -24px;
	left: 43%;
	visibility: hidden;
}

ul.cha li div.hover dl dt, ul.cha li div.hover dl dd
{
	visibility: visible;
}

ul.cha li div dl dt
{
	width: 136px;
	height: 31px;
	background: url(../img/character/chr_name_bg.png) no-repeat 0 0;
	z-index: 1;
	margin: 14px 0 0 -60px;
}

ul.cha li.pg_peach div dl dt
{
	width: 166px;
	margin: 14px 0 0 -80px;
	background-image: url(../img/character/chr_name_bg_l.png);
}

ul.cha li div dl dt span
{
	display: block;
	width: 136px;
	height: 15px;
	margin-top: 7px;
	background: url(../img/character/chr_name.png) no-repeat -6px 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

ul.cha li.mario div dl dt span{ background-position: -6px 0; }
ul.cha li.luigi div dl dt span{ background-position: -6px -15px; }
ul.cha li.peach div dl dt span{ background-position: -6px -30px; }
ul.cha li.daisy div dl dt span{ background-position: -6px -45px; }
ul.cha li.yoshi div dl dt span{ background-position: -6px -60px; }
ul.cha li.kinopio div dl dt span{ background-position: -6px -75px; }
ul.cha li.nokonoko div dl dt span{ background-position: -6px -90px; }
ul.cha li.heiho div dl dt span{ background-position: -6px -105px; }
ul.cha li.jugem div dl dt span{ background-position: -6px -120px; }
ul.cha li.kinopiko div dl dt span{ background-position: -6px -135px; }
ul.cha li.wario div dl dt span{ background-position: -6px -150px; }
ul.cha li.waluigi div dl dt span{ background-position: -6px -165px; }
ul.cha li.rosetta div dl dt span{ background-position: -6px -180px; }
ul.cha li.koopa div dl dt span{ background-position: -6px -195px; }
ul.cha li.donkey div dl dt span{ background-position: -6px -210px; }
ul.cha li.mt_mario div dl dt span{ background-position: -6px -225px; }
ul.cha li.bb_mario div dl dt span{ background-position: -6px -240px; }
ul.cha li.bb_luigi div dl dt span{ background-position: -6px -255px; }
ul.cha li.bb_peach div dl dt span{ background-position: -6px -270px; }
ul.cha li.bb_daisy div dl dt span{ background-position: -6px -285px; }
ul.cha li.larry div dl dt span{ background-position: -6px -300px; }
ul.cha li.morton div dl dt span{ background-position: -6px -315px; }
ul.cha li.wendy div dl dt span{ background-position: -6px -330px; }
ul.cha li.iggy div dl dt span{ background-position: -6px -345px; }
ul.cha li.roy div dl dt span{ background-position: -6px -360px; }
ul.cha li.lemmy div dl dt span{ background-position: -6px -375px; }
ul.cha li.ludwig div dl dt span{ background-position: -6px -390px; }
ul.cha li.mii div dl dt span{ background-position: -6px -405px; }
ul.cha li.bb_rosetta div dl dt span{ background-position: -6px -420px; }
ul.cha li.pg_peach div dl dt span{ background-position: 9px -435px; width: 166px; }

ul.cha li div dl dd
{
	width: 56px;
	height: 21px;
	background: url(../img/character/class.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2;
	margin: 0 0 24px -75px;
}

ul.cha li div dl dd.light{ background-position: 0 0; }
ul.cha li div dl dd.medium{ background-position: 0 -21px; }
ul.cha li div dl dd.heavy{ background-position: 0 -42px; }

ul.cha li.pg_peach div dl dd
{
	margin: 0 0 24px -95px;
}

ul.cha li.mii div dl dd
{
	width: 167px;
	height: 56px;
	background: url(../img/character/class_mii.png) no-repeat 0 0;
	margin-bottom: 92px;
	text-indent: 167px;
}

ul.cha li div img.new
{
	position: absolute;
	bottom: 47px;
	left: 85%;
}

ul.cha li.bb_rosetta div img.new
{
	bottom: 47px;
	left: 69%;
}

ul.cha li.pg_peach div img.new
{
	bottom: 58px;
	left: 63%;
}

/*************************
	cha_top
*************************/

#cha_top
{
	width: 895px;
	height: 117px;
	top: 139px;
	left: 46px;
}

#cha_top li
{
	bottom: 0;
	margin: 0 0 -4px -4px;
}

#cha_top li.larry{ left: 232px; }
#cha_top li.morton{ left: 756px; }
#cha_top li.wendy{ left: 0; }
#cha_top li.iggy{ left: 488px; }
#cha_top li.roy{ left: 618px; }
#cha_top li.lemmy{ left: 115px; }
#cha_top li.ludwig{ left: 354px; }

#cha_top li.larry div.hover{ background-position: 0 -413px; }
#cha_top li.morton div.hover{ background-position: -81px -403px; }
#cha_top li.wendy div.hover{ background-position: -183px -436px; }
#cha_top li.iggy div.hover{ background-position: -264px -404px; }
#cha_top li.roy div.hover{ background-position: -357px -422px; }
#cha_top li.lemmy div.hover{ background-position: -459px -422px; }
#cha_top li.ludwig div.hover{ background-position: -540px -417px; }

#cha_top li.larry div dl{ width: 71px; height: 111px; background-position: 0 -374px; }
#cha_top li.morton div dl{ width: 92px; height: 123px; background-position: -71px -362px; }
#cha_top li.wendy div dl{ width: 71px; height: 89px; background-position: -163px -396px; }
#cha_top li.iggy div dl{ width: 83px; height: 121px; background-position: -234px -364px; }
#cha_top li.roy div dl{ width: 92px; height: 102px; background-position: -317px -383px; }
#cha_top li.lemmy div dl{ width: 71px; height: 102px; background-position: -409px -383px; }
#cha_top li.ludwig div dl{ width: 83px; height: 108px; background-position: -480px -377px; }

/*************************
	cha_left
*************************/

#cha_left
{
	width: 224px;
	height: 223px;
	top: 272px;
	left: 38px;
}

#cha_left li.mario{ top: 76px; left: 66px; }
#cha_left li.luigi{ top: 0; left: 1px; }
#cha_left li.peach{ top: 5px; left: 131px; }
#cha_left li.daisy{ top: 153px; left: 0; }
#cha_left li.yoshi{ top: 143px; left: 133px; }

#cha_left li.mario div.hover{ background-position: 0 -7px; }
#cha_left li.luigi div.hover{ background-position: -100px -3px; }
#cha_left li.peach div.hover{ background-position: -200px -6px; }
#cha_left li.daisy div.hover{ background-position: -300px -9px; }
#cha_left li.yoshi div.hover{ background-position: -400px 0; }

#cha_left li.mario div dl{ width: 90px; height: 71px; background-position: 0 -7px; }
#cha_left li.luigi div dl{ width: 90px; height: 75px; background-position: -90px -3px; }
#cha_left li.peach div dl{ width: 90px; height: 72px; background-position: -180px -6px; }
#cha_left li.daisy div dl{ width: 90px; height: 69px; background-position: -270px -9px; }
#cha_left li.yoshi div dl{ width: 90px; height: 78px; background-position: -360px 0; }

/*************************
	cha_right
*************************/

#cha_right
{
	width: 211px;
	height: 237px;
	top: 258px;
	left: 711px;
}

#cha_right li.bb_mario{ top: 83px; left: 65px; }
#cha_right li.bb_luigi{ top: 5px; left: 0; }
#cha_right li.bb_peach{ top: 0; left: 130px; }
#cha_right li.bb_daisy{ top: 154px; left: 0; }
#cha_right li.bb_rosetta{ top: 155px; left: 130px; }

#cha_right li.bb_mario div.hover{ background-position: -75px -314px; }
#cha_right li.bb_luigi div.hover{ background-position: -166px -314px; }
#cha_right li.bb_peach div.hover{ background-position: -256px -310px; }
#cha_right li.bb_daisy div.hover{ background-position: -347px -311px; }
#cha_right li.bb_rosetta div.hover{ background-position: -437px -311px; }

#cha_right li.bb_mario div dl{ width: 81px; height: 78px; background-position: -66px -284px; }
#cha_right li.bb_luigi div dl{ width: 80px; height: 78px; background-position: -147px -284px; }
#cha_right li.bb_peach div dl{ width: 80px; height: 81px; background-position: -227px -281px; }
#cha_right li.bb_daisy div dl{ width: 80px; height: 81px; background-position: -307px -281px; }
#cha_right li.bb_rosetta div dl{ width: 80px; height: 81px; background-position: -387px -281px; }


/*************************
	cha_bttm
*************************/

#cha_bttm
{
	width: 906px;
	height: 185px;
	top: 496px;
	left: 20px;
}

#cha_bttm li.kinopio{ top: 116px; left: 246px; }
#cha_bttm li.nokonoko{ top: 120px; left: 587px; }
#cha_bttm li.heiho{ top: 122px; left: 474px; }
#cha_bttm li.jugem{ top: 118px; left: 360px; }
#cha_bttm li.kinopiko{ top: 118px; left: 132px; }
#cha_bttm li.wario{ top: -5px; left: 560px; }
#cha_bttm li.waluigi{ top: -5px; left: 238px; }
#cha_bttm li.rosetta{ top: -9px; left: 722px; }
#cha_bttm li.koopa{ top: -18px; left: 400px; }
#cha_bttm li.donkey{ top: -1px; left: 76px; }
#cha_bttm li.mii{ top: 106px; left: 701px; }
#cha_bttm li.mt_mario{ top: 92px; left: 29px; }
#cha_bttm li.pg_peach{ top: 90px; left: 822px; }

#cha_bttm li.kinopio div.hover{ background-position: 0 -89px; }
#cha_bttm li.nokonoko div.hover{ background-position: -87px -92px; }
#cha_bttm li.heiho div.hover{ background-position: -174px -94px; }
#cha_bttm li.jugem div.hover{ background-position: -261px -90px; }
#cha_bttm li.kinopiko div.hover{ background-position: -348px -90px; }
#cha_bttm li.wario div.hover{ background-position: 0 -175px; }
#cha_bttm li.waluigi div.hover{ background-position: -122px -177px; }
#cha_bttm li.rosetta div.hover{ background-position: -244px -172px; }
#cha_bttm li.koopa div.hover{ background-position: -366px -164px; }
#cha_bttm li.donkey div.hover{ background-position: -488px -180px; }
#cha_bttm li.mii div.hover{ background-position: -527px -316px; }
#cha_bttm li.mt_mario div.hover{ background-position: 0 -302px; }
#cha_bttm li.pg_peach div.hover{ background-position: -498px 0; }

#cha_bttm li.kinopio div dl{ width: 77px; height: 65px; background-position: 0 -78px; }
#cha_bttm li.nokonoko div dl{ width: 77px; height: 61px; background-position: -77px -82px; }
#cha_bttm li.heiho div dl{ width: 77px; height: 59px; background-position: -154px -84px; }
#cha_bttm li.jugem div dl{ width: 77px; height: 63px; background-position: -231px -80px; }
#cha_bttm li.kinopiko div dl{ width: 77px; height: 63px; background-position: -308px -80px; }
#cha_bttm li.wario div dl{ width: 112px; height: 116px; background-position: 0 -156px; }
#cha_bttm li.waluigi div dl{ width: 112px; height: 116px; background-position: -112px -156px; }
#cha_bttm li.rosetta div dl{ width: 112px; height: 120px; background-position: -224px -152px; }
#cha_bttm li.koopa div dl{ width: 112px; height: 129px; background-position: -336px -143px; }
#cha_bttm li.donkey div dl{ width: 112px; height: 112px; background-position: -448px -160px; }
#cha_bttm li.mii div dl{ width: 77px; height: 76px; background-position: -468px -286px; }
#cha_bttm li.mt_mario div dl{ width: 66px; height: 90px; background-position: 0 -272px; }
#cha_bttm li.pg_peach div dl{ width: 66px; height: 94px; background-position: -450px 0; }

/*************************
	map
*************************/

#map_top, #map_left, #map_right, #map_bttm
{
	position: absolute;
	z-index: 3;
}

body#ds #map_top, body#wii #map_top, body#sp #container.lock #map_top, body#tb #container.lock #map_top,
body#ds #map_left, body#wii #map_left, body#sp #container.lock #map_left, body#tb #container.lock #map_left,
body#ds #map_right, body#wii #map_right, body#sp #container.lock #map_right, body#tb #container.lock #map_right,
body#ds #map_bttm, body#wii #map_bttm, body#sp #container.lock #map_bttm, body#tb #container.lock #map_bttm
{
	display: none;
}

#map_top{ top: 139px; left: 46px; }
#map_left{ top: 272px; left: 38px; }
#map_right{ top: 258px; left: 711px; }
#map_bttm{ top: 496px; left: 20px; }

body#ds map, body#wii map, body#sp #container.lock map, body#tb #container.lock map
{
	display: none;
}

/*************************
	modal
*************************/

#modal div.modal_content
{
	width: 1032px;
	height: 662px;
	top: 50%;
	left: 50%;
	margin: -386px 0 0 -516px;
	background: url(../img/character/info_bg.gif) no-repeat 71px 36px;
}

#modal.on.disp_1 div.new7s,
#modal.on.disp_2 div.newgirls
{
	display: block;
}

#modal div.modal_content h3
{
	width: 307px;
	height: 57px;
	background: url(../img/character/info_ttl.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 36px;
	left: 166px;
	z-index: 13;
}

/*************************
	7s
*************************/

#modal div.new7s dl
{
	width: 961px;
	height: 626px;
	margin: 0 0 0 71px;
	position: relative;
	top: 36px;
}

#modal div.new7s dl dt
{
	width: 326px;
	height: 137px;
	background: url(../img/character/7s_txt.png) no-repeat 0 0;
	position: absolute;
	top: 141px;
	left: 89px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 12;
}

#modal div.new7s dl dd
{
	width: 774px;
	height: 599px;
	background: url(../img/character/7s_cha.png) no-repeat 0 0;
	position: absolute;
	top: 27px;
	left: 187px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 11;
}

/*************************
	girls
*************************/

#modal div.newgirls dl
{
	width: 961px;
	height: 626px;
	margin: 0 0 0 71px;
	position: relative;
	top: 36px;
}

#modal div.newgirls dl dt
{
	width: 540px;
	height: 197px;
	background: url(../img/character/girls_txt.png) no-repeat 0 0;
	position: absolute;
	top: 82px;
	left: 88px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 12;
}

#modal div.newgirls dl dd
{
	width: 835px;
	height: 534px;
	background: url(../img/character/girls_cha.png) no-repeat 0 0;
	position: absolute;
	top: 87px;
	left: 79px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 11;
}