@charset "UTF-8";

/* Readjust
--------------------------------------------------------------*/
body{
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	color: #232323;
	background: url(/ex/xy/common/images/bg_body.jpg) no-repeat 50% 0;
	background-attachment: fixed;
	line-height: 1.7;
}
*:first-child+html body{
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* LINK */
a,
a:link {
	text-decoration:underline;
	color: #005599;
}
a:visited {
	text-decoration:underline;
	color:#287ec3;
}
a:active {
	text-decoration:none;
	color:#d11936;
}
a:hover {
	text-decoration:none;
	color:#d11936;
}

/* strong */
strong{
font-weight: bold;
}

/* TOPICS */
#mainArea div.topicsBox{
	width:650px;
	background:url(/ex/xy/common/images/general_btm.png) no-repeat left bottom;
	margin-bottom:30px;
	padding: 0 0 7px;
}
#mainArea div.topicsBox div.btm{
	background:url(/ex/xy/common/images/general_top.png) no-repeat 0 0;
	padding:17px 17px 10px;
}

/* imgHalfLaterR */
#mainArea div.imgHalfLaterR div.img,
#mainArea div.imgHalfLaterR div.text{
width: 320px;
}


/*
 2column 260px
*/
#mainArea div.capUnit260{
margin: 0 30px 20px 55px;
}
#mainArea div.capUnit260 ul li{
float: left;
width: 260px;
margin: 0 20px 0 0;
}


/* Font Color */
.fcAtt01{
color: #d11936 !important;
}
.fcAtt02{
color: #005599 !important;
}
.fcNote{
color: #858585 !important;
}


/* Font Size */
.fsS{
font-size: 12px !important;
}


/* Deco */
.showSmt{
display: none;
}
.important{
color: #e60014;
}
p.nxtBullet, span.nxtBullet, a.nxtBullet{
display:inline-block;
/display:inline;
padding-left: 12px;
background: url(/ex/xy/common/images/arw_gray_r.png) no-repeat 0 3px;
}
a.newWin, span.newWin{
padding-right: 15px;
background: url(/ex/xy/common/images/icn_newwin_blk.png) no-repeat 100% 4%;
}

/* haribotekit */
.haribotekit span.hide{
display: block;
text-indent: -9999px ;
overflow: hidden;
}

/* 2カラム貫通時のキャプション(マージン調整) */
.longCap { position:relative; top:-8px; }


/* LAYOUT
--------------------------------------------------------------*/
.container{
width: 100%;
margin: 0 auto;
padding: 0;
}
#header{
position: fixed;
z-index: 100;
width: 100%;
height: 99px;
text-align: left;
margin: 0 auto;
padding: 0;
background: url(/ex/xy/common/images/bg_header.png) repeat-x 0 0;
}
#contentWrap{
width: 956px;
margin: 0 auto 0;
padding: 104px 0 112px;
}

/* Secondly Content */
#contentWrap.secondlyCont #mainArea{
width: 865px;
margin: 0 0 0 48px;
}

/* Lowest Content */
#contentWrap.lowestCont #mainArea{
float: right;
width: 712px;
padding: 0 0 40px;
background: url(/ex/xy/common/images/bg_elem_white.png) repeat 0 0;
box-shadow: 0 0 4px 1px #FFF;
behavior: url(/ex/xy/common/scripts/PIE.htc);
}

#contentWrap.lowestCont #side{
float: left; >float: none;
width: 216px;
min-height: 250px;
padding: 30px 0 0;
background: url(/ex/xy/common/images/bg_elem_white.png) repeat 0 0;
box-shadow: 0 0 4px 1px #FFF;
box-shadow:0 0\9;
}

#contentWrap.lowestCont #mainArea #content{
width: 650px;
margin: 0 auto;
text-align: left;
}

div#footerWrap{
position: fixed;
left: 0; bottom: 0;
width: 100%;
height: 82px;
padding: 0;
color: #FFF;
background: #333 url(/ex/xy/common/images/bg_ftr.png) repeat-x 0 -160px;
}
div#footer{
position: relative;
width: 956px;
height: 76px;
margin: 0 auto;
}


/* H E A D E R
--------------------------------------------------------------*/
#header #headerInner{
width: 956px;
height: 97px;
margin: 0 auto;
>position: absolute;
}
#header #siteTtl{
float: left;
padding: 12px 0 0;
width: 274px;
}

/* gNav */
#header #gNav{
float: left;
height: 28px;
padding: 22px 0 0 0;
}
#header #gNav li{
float: left;
margin-right: 24px;
}
#header #gNav li a{
display: block;
height: 28px;
background: url(/ex/xy/common/images/gnav.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#header #gNav li.gn01{
width: 71px;
}
#header #gNav li.gn02{
width: 80px;
}
#header #gNav li.gn03{
width: 70px;
}
#header #gNav li.gn04{
width: 61px;
margin-right: 19px;
}
#header #gNav li.gn05{
width: 116px;
margin-right: 17px;
}
#header #gNav li.gn06{
width: 80px;
margin-right: 12px;
}
#header #gNav li.gnNews{
width: 82px;
height: 18px;
margin: 0;
padding: 4px 0 0;
}
#header #gNav li.gn01 a{
background-position: 0 0;
}
#header #gNav li.gn02 a{
background-position: -95px 0;
}
#header #gNav li.gn03 a{
background-position: -199px 0;
}
#header #gNav li.gn04 a{
background-position: -293px 0;
}
#header #gNav li.gn05 a{
background-position: -374px 0;
}
#header #gNav li.gn06 a{
background-position: -507px 0;
}
#header #gNav li.gnNews a{
background: url(/ex/xy/common/images/gnav.png) no-repeat -600px -5px;
}
	/* 	hover */
	#header #gNav li.gn01 a:hover{
	background-position: 0 -55px !important;
	}
	#header #gNav li.gn02 a:hover{
	background-position: -95px -55px !important;
	}
	#header #gNav li.gn03 a:hover{
	background-position: -199px -55px !important;
	}
	#header #gNav li.gn04 a:hover{
	background-position: -293px -55px !important;
	}
	#header #gNav li.gn05 a:hover{
	background-position: -374px -55px !important;
	}
	#header #gNav li.gn06 a:hover{
	background-position: -507px -55px !important;
	}
	#header #gNav li.gnNews a:hover{
	background: url(/ex/xy/common/images/gnav.png) no-repeat -600px -60px !important;
	}
	/* 	Curr */
	#pokemon #header #gNav li.gn01 a{
	background-position: 0 -109px;
	}
	#story #header #gNav li.gn02 a{
	background-position: -95px -109px;
	}
	#character #header #gNav li.gn03 a{
	background-position: -199px -109px;
	}
	#battle #header #gNav li.gn04 a{
	background-position: -293px -109px;
	}
	#system #header #gNav li.gn05 a{
	background-position: -374px -109px;
	}
	#com #header #gNav li.gn06 a{
	background-position: -507px -109px;
	}
	#news #header #gNav li.gnNews a{
	background: url(/ex/xy/common/images/gnav.png) no-repeat -600px -60px;
	}

#header #gNav li.coming{
height: 28px;
background: url(/ex/xy/common/images/gnav.png) no-repeat -293px 0;
text-indent: -9999px;
overflow: hidden;
}

/* Overlay Menu */
#header #olMenu{
display: none;
}

/* C O N T E N T
--------------------------------------------------------------*/
/*
* P A G E I N F O  #pageInfo
*/
#pageInfo{
width: 956px;
position: absolute;
top: 71px;
height: 33px;
clear:both;
z-index:1000;
}
/* breadcrumb */
#pageInfo .breadcrumb{
float: left;
margin: 0 0 0;
padding: 4px 0 0;
width: 590px;
color: #555;
font-size: 11px;
}
#pageInfo .breadcrumb ul{
position: fixed;
z-index: 200;
}
#pageInfo .breadcrumb ul li{
float: left;
margin-right: 3px;
}
#pageInfo .breadcrumb ul li strong{
font-weight: normal;
}

/* shareBtn */
#pageInfo div.shareBtn{
float: right;
width: 360px;
margin: 0 0 0;
}
#pageInfo div.shareBtn .btns{
text-align: left;
}
#pageInfo div.shareBtn .btns ul{
position: fixed;
z-index: 200;
padding: 0;
}
#pageInfo div.shareBtn .btns ul li{
float: left;
width: 120px;
height: 22px;
overflow: hidden;
}

/* ------------------
Secondly Content MAIN
#contentWrap.secondlyCont #mainArea
-------------------- */
/* selectPanel */
#contentWrap.secondlyCont #mainArea ul.selectPanel{

}
#contentWrap.secondlyCont #mainArea ul.selectPanel.glid02{ text-align:center; }
#contentWrap.secondlyCont #mainArea ul.selectPanel li{
display:inline-block;
width: 279px;
height: 219px;
margin: 0 3px 20px 3px;
}
#contentWrap.secondlyCont #mainArea ul.selectPanel li a{
display: block;
width: 279px;
height: 219px;
text-indent: -9999px;
overflow: hidden;
/*
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
*/
zoom:1;
}
#contentWrap.secondlyCont #mainArea ul.selectPanel li a:hover{
background-position: 0 -250px;
}

/*
* M A I N  #mainArea
*/
/* Page Title */
#mainArea h1{
height: 53px;
margin-bottom: 25px;
text-indent: -9999px;
overflow: hidden;
}
/* Page Title in Lowest Cont  */
#contentWrap.lowestCont #mainArea h1{
width: 650px;
height: 53px;
margin: 18px 0 15px -10px;
text-indent: -9999px;
overflow: hidden;
}
/* Header Txt in Lowest Cont  */
#contentWrap.lowestCont #mainArea h2{
width: 650px;
height: 35px;
margin: 0 0 30px;
background: url(/ex/xy/common/images/sttl_01.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#contentWrap.lowestCont #mainArea h3{
margin: 0 0 30px;
padding: 0 0 0 18px;
font-size: 18px;
font-weight: bold;
background: url(/ex/xy/common/images/icn_mb.png) no-repeat 0 .4em;
}
#contentWrap.lowestCont #mainArea h4{
margin: 0 0 30px;
padding: 0 0 9px 0;
font-size: 15px;
font-weight: bold;
border-bottom: 1px dotted #20ab91;
}
#contentWrap.lowestCont #mainArea h5{
margin: 0 0 20px;
font-size: 14px;
font-weight: bold;
}

/* btn_official_movie */
.btn_official_movie a{
width:211px;
height: 35px;
text-indent: -9999px;
display: block;
overflow: hidden;
background: url(/ex/xy/common/images/btn_official_movie.png) no-repeat 0 0;
}
	/* hover */
	.btn_official_movie a:hover{
	background-position: 0 -35px;
	}

/* btn_detail */
.btn_detail a{
width:213px;
height: 34px;
text-indent: -9999px;
display: block;
overflow: hidden;
background: url(/ex/xy/common/images/btn_detail.png) no-repeat 0 0;
}
	/* hover */
	.btn_detail a:hover{
	background-position: 0 bottom;
	}

/* btn_detail2 */
.btn_detail2 a{
width:213px;
height: 34px;
text-indent: -9999px;
display: block;
overflow: hidden;
background: url(/ex/xy/common/images/btn_detail2.png) no-repeat 0 0;
}
	/* hover */
	.btn_detail2 a:hover{
	background-position: 0 bottom;
	}



a.btn_detail3 {
	display:inline-block;
	width:200px; height:34px;
	background: url(/ex/xy/common/images/btn_detail3.png) 0 0 no-repeat;
	overflow:hidden;white-space:nowrap;text-indent:100%;
}
a.btn_detail3:hover {
	background-position:0 bottom;
}




/* Mov Area */
#content .movArea{
min-height: 250px;
}
#content .movArea .loadArea{
width: 400px;
margin: 0 auto;
}
#content .movArea p.playmov{
padding: 0;
}

/* threeColumn キャプション */
#content .threeColumn p.p_note{
clear: both;
margin: 0 0 0 20px;
}

/* nColumnCenter */
#content div.nColumnCenter {
	width:100%;
	overflow: hidden;}
#content div.nColumnCenter ul {
	width: auto;
	margin:0 -10px 10px -10px;
	text-align: center;}
#content div.nColumnCenter ul.wAuto { width:auto; }
#content div.nColumnCenter ul li {
	display:inline;
	margin:0 5px;}
#content div.nColumnCenter ul.marginS li { margin:5px 10px 5px 0px; }
#content div.nColumnCenter ul li div.nColumnCenter,
#content div.nColumnCenter ul li div.nColumnCenter ul { display:inline; }

#content div.nColumnCenter ul li.stepArrow {
display:block; margin:0 5px 0 0; padding-right:68px; float:left;
background:url(/ex/xy/common/images/stepArrowH.png) right 40px no-repeat;
}
#content div.nColumnCenter img { width:auto; }




/* stepArrowMini */
.stepArrowMini { margin:0 auto 10px; overflow:hidden;}
.stepArrowMini ul { margin-right:-6px; margin-bottom:10px;}
.stepArrowMini li {
	display:block; float:left; margin-right:6px;}
.stepArrowMini li.arrow {
	padding-right:29px; background: url(/ex/xy/common/images/miniArrowH.png) no-repeat right center; }
.stepArrowMini li img { width:auto; }
.stepArrowMini li.arrow.posLeft {
	padding:0 0 0 29px; background: url(/ex/xy/common/images/miniArrowH.png) no-repeat left center; }
.stepArrowMini.addPadLeft { padding-left:33px; }





/* 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-right: 0;
}
#mainArea div.w210ThumbList ul li:last-child{
margin-right: 0;
}

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


/* w210 3pane キャプション貫通*/
#mainArea div.w210ThumbList ul li.wSize{
width: 429px;
}
#mainArea div.w210ThumbList ul li.wSize li{
margin-bottom: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-right: 0;
}
#mainArea div.w210ThumbList.glid02 ul li:last-child{
margin-right: 0;
}


/* frame */
#mainArea div.frame {
	padding:40px 0 20px;
	border:1px solid #efefef;
	background:#fff;
}
#mainArea div.frame > .padding { padding:0 55px; }





/*
* S I D E  #side
*/
/* TTL in Lowest Cont  */
#contentWrap.lowestCont #side h3{
height: 24px;
margin: 0 0 0 18px;
text-indent: -9999px;
overflow: hidden;
}

#side #navBlk{
width: 175px;
margin: 0 0 50px 20px;
}
#side #navBlk dl dt{
height: 15px;
margin: 20px 0 18px;
position:relative;
}
#side #navBlk dl dt a{
display: block;
text-indent: -9999px;
overflow: hidden;
}
#side #navBlk dl dt.twoLines{
margin-bottom: 36px;
}
#side #navBlk dl dt.twoLines a{
padding-bottom: 15px;
}
#side #navBlk dl dt.threeLines{
margin-bottom: 54px;
}
#side #navBlk dl dt.threeLines a{
padding-bottom: 33px;
}
#side #navBlk dl dt.fourLines{
margin-bottom: 72px;
}
#side #navBlk dl dt.fourLines a{
padding-bottom: 58px;
}
#side #navBlk dl dd{
height: 15px;
margin: 0 0 10px 10px;
position: relative;
}
#side #navBlk dl dd a{
height: 15px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#side #navBlk dl dt span.new,
#side #navBlk dl dd span.new{
display: block; width:28px; height:13px;
position: absolute; top:-4px; left:136px;
background:url(/ex/xy/common/images/icn_new.png) 0 0 no-repeat;
text-indent: -9999px;

}

/*
 toTop
*/
#contentWrap p.toTop{
text-align: right;
margin: 0;
padding: 20px 0 0;
}
#contentWrap p.toTop span{
padding: 0 0 0 16px;
background: url(/ex/xy/common/images/arw_gray_t.png) no-repeat 0 3px;
}

/* #smartList */
#contentWrap #smartList{
display: none;
}


/* F O O T E R - - - -
--------------------------------------------------------------*/
/* fNav */
#footer ul#fNav{
height: 28px;
margin: 0;
padding: 6px 0 0;
}
#footer ul#fNav li{
float: right;
margin: 0;
}
#footer ul#fNav li a{
display: block;
width: 100%;
height: 23px;
background: url(/ex/xy/common/images/fnav.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#footer ul#fNav li.fnav01{
width: 164px;
margin: 0;
}
#footer ul#fNav li.fnav01 a{
background-position: 0 0;
}
#footer ul#fNav li.fnav01 a:hover{
background-position: 0 -30px;
}
#footer ul#fNav li.fnav02{
width: 158px;
margin: 0 15px 0 0;
}
#footer ul#fNav li.fnav02 a{
background-position: -171px 0;
}
#footer ul#fNav li.fnav03{
width: 41px;
margin: 0 14px 0 0;
}
#footer ul#fNav li.fnav03 a{
background-position: -344px 0;
}
#footer ul#fNav li.fnav04{
width: 60px;
margin: 0 14px 0 0;
}
#footer ul#fNav li.fnav04 a{
background-position: -399px 0;
}
#footer ul#fNav li.fnav03 a:hover,
#footer ul#fNav li.fnav04 a:hover{
filter:alpha(opacity=50);-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}


/* Footer Info */
#footer ul.footerInfo{
margin: 0;
padding: 9px 0 0;
line-height: 1;
}
#footer ul.footerInfo li{
height: 12px;
background: url(/ex/xy/common/images/txt_copyrights.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}

/* Related Link  - relatedLink01 */
#footer ul.relatedLink01{
float: left;
margin: 0;
padding: 0;
color: #DDD;
font-size: 10px;
}
#footer ul.relatedLink01 li{
float: left;
}
#footer ul.relatedLink01 li.rl01-01{
width: 124px;
margin: 0 4px 0 0;
}
#footer ul.relatedLink01 li.rl01-02{
width: 58px;
margin: 0 3px 0 0;
}
#footer ul.relatedLink01 li.rl01-03{
width: 82px;
margin: 0 5px 0 0;
}

/* Related Link  - relatedLink02 */
#footer ul.relatedLink02{
position: absolute;
bottom: 0px;
right: 0;
margin: 0;
}
#footer ul.relatedLink02 li{
float: left;
height: 16px;
}
#footer ul.relatedLink02 li a{
display: block;
height: 16px;
text-indent: -9999px;
overflow: hidden;
}
#footer ul.relatedLink02 li.rl02-01{
width: 186px;
margin: 0 9px 0 0;
}
#footer ul.relatedLink02 li.rl02-01 a{
background: url(/ex/xy/common/images/related_05.png) no-repeat 0 0;
}
#footer ul.relatedLink02 li.rl02-02{
width: 129px;
margin: 0 9px 0 0;
}
#footer ul.relatedLink02 li.rl02-02 a{
background: url(/ex/xy/common/images/related_06.png) no-repeat 0 0;
}
#footer ul.relatedLink02 li.rl02-03{
width: 129px;
}
#footer ul.relatedLink02 li.rl02-03 a{
background: url(/ex/xy/common/images/related_07.png) no-repeat 0 0;
}


/*  */
.footerBanner { display:none; }




#mainArea div.imgRFL .img{
	float:right;
}
#mainArea div.imgRFL .img p{
	margin-left:20px;
}

#mainArea div.imgLFL .img{
	float:left;
}
#mainArea div.imgLFL .img p{
	margin-right:20px;
}

#mainArea div.imgRFL:after,
#mainArea div.imgLFL:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainArea div.imgRFL,
#mainArea div.imgLFL{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainArea div.imgRFL,
html #mainArea div.imgLFL{
	* height:1%;
}
#mainArea div.imgRFL,
#mainArea div.imgLFL{
	display:block;
}
/* */



/*
Modal Cont
*/
#modalCont {
position: absolute;
top: 0; left: 0;
width: 100%;
z-index: 1000;
}
#modalCont .include{
width: 650px;
margin: 0 auto;
}
#modalCont .include .movWrap{
padding: 150px 0 0;
}
#modalCont .include .movWrap p.closeBtn{
width: 80px;
height: 28px;
margin: 20px auto 0;
background: url(/ex/xy/images/btn_cls_topics.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
}
#modalCont p.closeBtn a{
display: block;
}



/* - Adjust iPad -
--------------------------------------------------------------*/
body.iPad #header {
height: 98px;
}


p.sizeS { width:180px; margin-left:auto; margin-right:auto; text-align:left; }
p.sizeM { width:400px; margin-left:auto; margin-right:auto; text-align:left; }
p.sizeL { width:600px; margin-left:auto; margin-right:auto; text-align:left; }