@charset "UTF-8";
/*
battle.css
pokemon.co.jp/ex/xy/battle/
#battle
*/

/*
 Title h1
*/
#battle h1{
width: 168px;
height: 50px;
background: url(/ex/xy/battle/images/ttl_battle.png) no-repeat 0 0;
}
#battle.battle_01 h1{
background-position: 0 -50px;
}
#battle.battle_02 h1{
background-position: 0 -100px;
}
#battle.battle_03 h1{
background-position: 0 -150px; height:80px !important;
}
#battle.battle_04 h1{
background-position: 0 -240px; height:80px !important;
}
#battle.battle_05 h1{
background-position: 0 -325px;
}
#battle.battle_06 h1{
background-position: 0 -364px;
}
#battle.battle_07 h1{
background-position: 0 -425px; height:80px !important;
}
#battle.battle_08 h1{
background-position: 0 -505px; height:80px !important;
}

/*sttl_battle*/
#battle.battle_01 #mainArea h2,
#battle.battle_02 #mainArea h2,
#battle.battle_04 #mainArea h2,
#battle.battle_05 #mainArea h2,
#battle.battle_07 #mainArea h2,
#battle.battle_08 #mainArea h2{
width: 650px;
height: 35px;
background: url(/ex/xy/battle/images/sttl_battle.png) no-repeat 0 0;
}
#battle.battle_01 #mainArea h2.sttl_01{
background-position: 0 0;
}
#battle.battle_01 #mainArea h2.sttl_02{
height: 67px;
background-position: 0 -35px;
}
#battle.battle_01 #mainArea h2.sttl_03{
background-position: 0 -102px;
}
#battle.battle_01 #mainArea h2.sttl_04{
height: 67px;
background-position: 0 -137px;
}
#battle.battle_01 #mainArea h2.sttl_05{
background-position: 0 -483px;
}
#battle.battle_02 #mainArea h2.sttl_05{
height: 67px;
background-position: 0 -205px;
}
#battle.battle_02 #mainArea h2.sttl_06{
background-position: 0 -273px;
}
#battle.battle_02 #mainArea h2.sttl_07{
background-position: 0 -308px;
}
#battle.battle_04 #mainArea h2.sttl_01{
background-position: 0 -343px;
}
#battle.battle_04 #mainArea h2.sttl_02{
background-position: 0 -378px;
}
#battle.battle_05 #mainArea h2.sttl_01{
background-position: 0 -413px; height:67px!important;
}
#battle.battle_07 #mainArea h2.sttl_01{
background-position: 0 -518px;
}
#battle.battle_07 #mainArea h2.sttl_02{
background-position: 0 -553px;
}
#battle.battle_07 #mainArea h2.sttl_03{
background-position: 0 -588px;
}
#battle.battle_08 #mainArea h2.sttl_01{
background-position: 0 -626px; height:67px!important;
}
/*
 Index Select Panel
*/
/* 各パネル設定 */
#battle.index ul.selectPanel li.sp01 a{
background: url(/ex/xy/battle/images/btn_panel_01.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp02 a{
background: url(/ex/xy/battle/images/btn_panel_02.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp03 a{
background: url(/ex/xy/battle/images/btn_panel_03.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp04 a{
background: url(/ex/xy/battle/images/btn_panel_04.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp05 a{
background: url(/ex/xy/battle/images/btn_panel_05.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp06 a{
background: url(/ex/xy/battle/images/btn_panel_06.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp07 a{
background: url(/ex/xy/battle/images/btn_panel_07.png) no-repeat 0 0;
}
#battle.index ul.selectPanel li.sp08 a{
background: url(/ex/xy/battle/images/btn_panel_08.png) no-repeat 0 0;
}

/* w210 3pane */
#mainArea div.w210ThumbList{
}

#mainArea div.w210ThumbList ul li{
width: 210px;
float: left;
margin: 0 9px 10px 0;
padding: 0;
display: inline;
}
#mainArea div.w210ThumbList ul li.last{
margin: 0 0 10px;
}
#mainArea div.w210ThumbList ul li:last-child{
margin: 0 0 10px;
}

#mainArea div.w210ThumbList ul li img{
margin: 0;
padding: 0;
}

/* w210 2pane */
#mainArea div.w210ThumbList.glid02{
width: 430px;
margin: 0 auto;
}
#mainArea div.w210ThumbList.glid02 ul li{
width: 210px;
float: left;
margin: 0 10px 10px 0;
}
#mainArea div.w210ThumbList.glid02 ul li.last{
margin: 0 0 10px 0;
}
#mainArea div.w210ThumbList.glid02 ul li:last-child{
margin: 0 0 10px 0;
}

#battle div.pokeGlid2Col{
margin-bottom: 20px;
}
#battle div.pokeGlid2Col .pokeImg{
float: left;
width: 280px;
}
#battle div.pokeGlid2Col .pokeData{
float: left;
width: 255px;
padding: 110px 0 0 0;
}



/*
* S I D E  #side
*/
/* TTL in Lowest Cont  */
#battle #contentWrap.lowestCont #side h3{
height: 24px;
margin: 0 0 0 18px;
background: url(/ex/xy/battle/images/side_ttl.png) no-repeat 0 0;
}

/* 3rd layer */
#side #navBlk dl dt.ln01 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -19px;
}
#side #navBlk dl dt.ln02 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -50px;
}
#side #navBlk dl dt.ln03 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -80px;
}
#side #navBlk dl dt.ln04 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -129px;
}
#side #navBlk dl dt.ln05 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -178px;
}
#side #navBlk dl dt.ln06 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -225px;
}
#side #navBlk dl dt.ln07 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -260px;
}
#side #navBlk dl dt.ln08 a{
background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat 0 -310px;
}

	/* hover */
	#side #navBlk dl dt.ln01 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -19px !important;
	}
	#side #navBlk dl dt.ln02 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -50px;
	}
	#side #navBlk dl dt.ln03 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -80px;
	}
	#side #navBlk dl dt.ln04 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -129px;
	}
	#side #navBlk dl dt.ln05 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -178px;
	}
	#side #navBlk dl dt.ln06 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -225px;
	}
	#side #navBlk dl dt.ln07 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -260px;
	}
	#side #navBlk dl dt.ln08 a:hover{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -180px -310px;
	}

	/* Curr */
	#battle.battle_01 #side #navBlk dl dt.ln01 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -19px;
	}
	#battle.battle_02 #side #navBlk dl dt.ln02 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -50px;
	}
	#battle.battle_03 #side #navBlk dl dt.ln03 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -80px;
	}
	#battle.battle_04 #side #navBlk dl dt.ln04 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -129px;
	}
	#battle.battle_05 #side #navBlk dl dt.ln05 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -178px;
	}
	#battle.battle_06 #side #navBlk dl dt.ln06 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -225px;
	}
	#battle.battle_07 #side #navBlk dl dt.ln07 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -260px;
	}
	#battle.battle_08 #side #navBlk dl dt.ln08 a{
	background: url(/ex/xy/battle/images/lnav_battle.png) no-repeat -360px -310px;
	}


/* 03.html */
#battle.battle_03 .nColumnCenter .stepArrow {
background-position: right center;
}
/* 04.html */
#battle.battle_04 div.pokeGlid2Col .pokeImg {
width:310px;}
#battle.battle_04 div.stepArrowMini.w490 {
width:490px; margin-left:auto; margin-right:auto; }


/* 05.html */
#battle.battle_05 a.btn_battle_05_01,
#battle.battle_05 a.btn_battle_05_02 {
	background:url(/ex/xy/battle/images/btn_battle_05.png) 0 0 no-repeat;
	display:inline-block; width:240px; height:34px; white-space:nowrap; text-indent:100%; overflow:hidden; margin-top:5px;
}
#battle.battle_05 a.btn_battle_05_01 { background-position:top left; }
#battle.battle_05 a.btn_battle_05_02 { background-position:top right; }
#battle.battle_05 a.btn_battle_05_01:hover { background-position:bottom left; }
#battle.battle_05 a.btn_battle_05_02:hover { background-position:bottom right; }

/* 06.html */
#battle.battle_06 .nColumnCenter li { margin-left:0; }

#battle .stepArrowMini.ajust>ul>li>img { width:183px!important; height:112px!important; }
#battle .stepArrowMini.ajust>ul>li>img { max-width:183px\9; }


/* side navi new mark */
#battle #side #navBlk       span.new { top:3px; }
#battle #side #navBlk    dt span.new { top:5px; }
#battle #side #navBlk .ln01 span.new { left:0px; }
#battle #side #navBlk .ln02 span.new { left:0px; }
#battle #side #navBlk .ln03 span.new { left:0px; }
#battle #side #navBlk .ln04 span.new { left:92px; top:22px; }
#battle #side #navBlk .ln05 span.new { left:100px; top:22px; }
#battle #side #navBlk .ln06 span.new { left:12px; top:22px; }
#battle #side #navBlk .ln07 span.new { left:152px; top:22px; }
#battle #side #navBlk .ln08 span.new { left:155px; top:22px; }


/* stepArrowMini */
.w600 { width:600px; margin-left:auto; margin-right:auto;}
.w455 { width:455px; margin-left:auto; margin-right:auto;}
.w475 { width:475px; margin-left:auto; margin-right:auto;}
.w405 { width:405px; margin-left:auto; margin-right:auto;}
.w585 { width:585px; margin-left:auto; margin-right:auto;}
.w621 { width:621px; margin-left:auto; margin-right:auto;}
.w590 { width:590px; margin-left:auto; margin-right:auto;}
.w486 { width:486px; margin-left:auto; margin-right:auto;}
.w360 { width:360px; margin-left:auto; margin-right:auto;}
.w650 { width:650px; margin-left:auto; margin-right:auto;}
.w245 { width:245px; margin-left:auto; margin-right:auto;}