@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
html{
background: #CECDCD;
}
#home #mainWrap{
width: 100%;
height: auto;
padding: 0;
background: #000 url(/ex/pokedex/ja/images/bg_main_sml.jpg) no-repeat 50% 0;
}
#home #mainWrap #header{
display: block;
width: auto;
height: auto;
margin: 0 auto 20px;
padding: 400px 0 0;
position: relative;
}
#home #mainWrap #navBlk{
width: auto;
margin: 0 auto;
position: relative;
}
#home #mainWrap div.archi{
width: auto;
margin: 0 auto;
padding: 10px;
position: static;
background: #272727;
}

#home #contentWrap{
padding-bottom: 0;
/* background: #2D2E2F; */
}

#home #content{
width: auto;
margin: 0 auto;
padding: 20px 0 0;
background: #2C2E2F;
}
#home #contentBtmWrap{
padding: 20px 0;
/* background: #000; */
}
#home #footerWrap{
padding-bottom: 0;
background: #CECDCD url(/ex/pokedex/ja/images/bg_choose_sml.png) repeat-x 0 0;
}
#home #footer{
width: auto;
/* margin: 0 auto; */
padding-top: 0;
color: #000;
}

/* - HEADER - 
--------------------------------------------------------------*/
#home #mainWrap .headBar{
padding: 0;
text-align: left;
}
#home #mainWrap .headBar p.tpc{
float: none;
width: auto;
height: auto;
margin: 0;
}

/*
 title Unit
*/
#home #mainWrap #header .titleUnit{
position: static;
min-height: inherit;
}
/* h1 */
#home #header .titleUnit h1{
width: auto;
height: auto;
margin: 0;
text-indent: -9999px;
overflow: hidden;
display: none;
}
/* h2 */
#home #header .titleUnit h2{
display: none;
margin: 0 0 5px 3px;
}
/* target */
#home #header .titleUnit p.target{
margin: 0 auto 10px;
text-align: center;
width:300px; height:85px;
display:block;
}
#home #header .titleUnit p.target .panel{
background-position:bottom left;
}
/* btnMov */
#home #header .titleUnit p.btnMov{
position: static;
width: 300px;
height: auto;
margin: 0px auto 15px;
}
#home #header .titleUnit p.btnMov a{
display: block;
height: 40px;
text-indent: -9999px;
overflow: hidden;
}
#home #header .titleUnit p.btnMov .panel{
background:url(/ex/pokedex/ja/images/btn_playmov_sml.png) 0 0 no-repeat;
}
#home #header .titleUnit p.btnMov a:hover .panel{
background-position:left bottom;
}

/* notice */
#home #header p.notice{
position: static;
width: auto;
margin: 0 10px;
color: #999;
font-size: 12px;
text-align: left;
}


/* gnav */
#home #mainWrap #navBlk h3{
margin-bottom: 10px;
padding: 4px 0;
color: #FFF;
text-align: center;
font-style: italic;
border-top: 2px solid #2C2E2F;
background: #171717; /* Old browsers */
background: -moz-linear-gradient(top,  #171717 0%, #616161 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#616161)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #171717 0%,#616161 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #171717 0%,#616161 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #171717 0%,#616161 100%); /* IE10+ */
background: linear-gradient(to bottom,  #171717 0%,#616161 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#616161',GradientType=0 ); /* IE6-9 */
}

#home #mainWrap #navBlk ul.gnav{
margin: 0 auto 15px;
}
#home #mainWrap #navBlk ul.gnav li{
float: none;
width: 300px;
height: 63px;
margin: 0 auto 10px;
}
#home #mainWrap #navBlk ul.gnav li.gn04{
margin: 0 auto 10px;
}
#home #mainWrap #navBlk ul.gnav li a{
width: 100%;
height: 63px;
text-indent: -9999px;
overflow: hidden;
}
#home #mainWrap #navBlk ul.gnav li.gn01 .panel{
background: url(/ex/pokedex/ja/images/btn_feature_sml.png) no-repeat 0 0;
}
#home #mainWrap #navBlk ul.gnav li.gn02 .panel{
background: url(/ex/pokedex/ja/images/btn_feature_sml.png) no-repeat 0 -73px;
}
#home #mainWrap #navBlk ul.gnav li.gn03 .panel{
background: url(/ex/pokedex/ja/images/btn_feature_sml.png) no-repeat 0 -143px;
}
#home #mainWrap #navBlk ul.gnav li.gn04 .panel{
background: url(/ex/pokedex/ja/images/btn_feature_sml.png) no-repeat 0 -213px;
}
	/* 	hover */
	#home #mainWrap #navBlk ul.gnav li.gn01 a:hover .panel{
	background-position: 0 0;
	}
	#home #mainWrap #navBlk ul.gnav li.gn02 a:hover .panel{
	background-position: 0 -73px;
	}
	#home #mainWrap #navBlk ul.gnav li.gn03 a:hover .panel{
	background-position: 0 -143px;
	}
	#home #mainWrap #navBlk ul.gnav li.gn04 a:hover .panel{
	background-position: 0 -213px;
	}

/* subnav */
#home #mainWrap #navBlk div.subnavWrap{
padding: 0;
background: none;
}
#home #mainWrap #navBlk div.subnavWrap ul{
width: auto;
float: none;
margin: 0 10px 10px;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav02{
margin: 0 10px 10px;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li,
#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li{
float: none;
width: auto;
height: 46px;
margin: 0 0 10px;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li.sn02,
#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li.sn04{
margin-right: 0;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li a,
#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li a{
width: 97%;
height: 35px;
padding: 11px 0 0 3%;
color: #111;
border-radius: 4px;
background: #fcfcfc; /* Old browsers */
background: url(/ex/pokedex/ja/images/arw_list_sml.png) no-repeat 97% 50%, -moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 20%, #afafaf 100%); /* FF3.6+ */
background: url(/ex/pokedex/ja/images/arw_list_sml.png) no-repeat 97% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(20%,#ffffff), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */
background: url(/ex/pokedex/ja/images/arw_list_sml.png) no-repeat 97% 50%, -webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 20%,#afafaf 100%); /* Chrome10+,Safari5.1+ */
background: url(/ex/pokedex/ja/images/arw_list_sml.png) no-repeat 97% 50%, -o-linear-gradient(top,  #fbfbfb 0%,#ffffff 20%,#afafaf 100%); /* Opera 11.10+ */
background: url(/ex/pokedex/ja/images/arw_list_sml.png) no-repeat 97% 50%, -ms-linear-gradient(top,  #fbfbfb 0%,#ffffff 20%,#afafaf 100%); /* IE10+ */
background: url(/ex/pokedex/ja/images/arw_list_sml.png) no-repeat 97% 50%, linear-gradient(to bottom,  #fbfbfb 0%,#ffffff 20%,#afafaf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
text-decoration: none;

text-shadow: 0 1px 0 rgba(255,255,255,0.8);
box-shadow: inset 0px 0px 2px 2px rgba(255,255,255,0.5);
}
#home #mainWrap #navBlk div.subnavWrap ul li .panel{
display: none !important;
}

/* archi */
#home #mainWrap div.archi div.primary{
float: none;
width: 300px;
margin: 0 auto 10px;
padding-left: 0;
}
#home #mainWrap div.archi div.secondary{
float: none;
clear: both;
width: 300px;
margin: 0 auto 10px;
}
#home #mainWrap div.archi div.primary p{
margin-bottom: 10px;
}
#home #mainWrap div.archi div.primary h3{
width: 300px;
height: 50px;
margin: 0 auto 10px;
text-indent: -9999px;
overflow: hidden;
background: url(/ex/pokedex/ja/images/sttl_archi.png) no-repeat 0 0;
background-size:contain;
}
#home #mainWrap div.archi div.primary h4{
font-size: 15px;
margin-bottom: 5px;
}
#home #mainWrap div.archi div.primary div.row .clm{
float: left;
width: 220px;
font-size: 12px;
margin-bottom: 10px;
}
#home #mainWrap div.archi div.primary div.row .clm p.notice{
color: #CCC;
}
#home #mainWrap div.archi div.primary div.row .clm.left{
width: 80px;
}
#home #mainWrap div.archi div.primary div.row .clm.left p{
width: 70px;
}
#home #mainWrap div.archi div.primary div.row .clm.left p img{
min-width: 100%;
height: auto;
}
/* addition */
#home #mainWrap div.archi div.secondary .addition{
height: auto;
margin: 0 auto;
background: none;
}
#home #mainWrap div.archi div.secondary .addition h5{
margin-bottom: 0;
padding: 8px 10px 10px;
font-size: 14px;
background: #545454;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#home #mainWrap div.archi div.secondary .addition ul{
padding-bottom: 5px;
background: none;
}
#home #mainWrap div.archi div.secondary .addition ul li{
padding: 7px 10px;
background: #4B4B4B;
}
#home #mainWrap div.archi div.secondary .addition ul li.even{
background: #545454;
}
#home #mainWrap div.archi div.secondary .addition ul li img{
float: left;
vertical-align: middle;
margin-right: 12px;
}
#home #mainWrap div.archi div.secondary .addition ul li div.itemname{
width: 202px;
float: right;
}
#home #mainWrap div.archi div.secondary .addition ul li span.tit{
display: block;
float: none;
width: auto;
padding-top: 0;
}
#home #mainWrap div.archi div.secondary .addition ul li span.pri{
display: inherit;
float: none;
padding-top: 0;
}


/* - content - 
--------------------------------------------------------------*/
/*
 news
*/
#home #content .news{
margin: 0 10px;
}
#home #content .news h3{
width: 300px;
height: 35px;
background: url(/ex/pokedex/ja/images/sttl_news_sml.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#home #content .news h3 .panel{
display: none;
}
#home #content .newsList{
margin-bottom: 16px;
padding: 10px;
background: none;
background: #DDDDDD;
}
#home #content .newsList dl dt{
clear: both;
float: none;
margin-bottom: 5px;
padding-left: 20px;
background: url(/ex/pokedex/ja/images/icn_newslist.png) no-repeat 0 2px;
}
#home #content .newsList dl dd{
margin-bottom: 10px;
margin-left: 0;
}

/* prm */
#home #content .prm{
width: 100%;
margin-bottom: 10px;
}
#home #content .prm ul{
margin: 0 10px;
}
#home #content .prm ul li{
float: none;
text-align: center;
}
#home #content .prm ul li.first{
margin: 0;
}

/* 
game Detail ----------*/
#home #contentBtmWrap .gameDetail {
width: auto;
margin: 0 10px;
padding: 0;
color: #FFF;
}
#home #contentBtmWrap .gameDetail h3{
float: none;
width: auto;
margin-bottom: 10px;
padding-top: 0;
font-size: 14px;
}
/* ul */
#home #contentBtmWrap .gameDetail .detailBlk{
float: none;
height: auto;
border-left: none;
padding-left: 0;
line-height: 1.6;
font-size: 12px;
}
#home #contentBtmWrap .gameDetail .detailBlk ul{
float: none;
width: auto;
margin: 0 0 10px;
}

/* appNotice */
#home #contentBtmWrap div.appNotice{
width: auto;
margin: 0 10px;
padding: 10px;
border: 1px solid #666;
color: #FFF;
}
#home #contentBtmWrap div.appNotice h4{
margin-bottom: 10px;
font-size: 14px;
}
#home #contentBtmWrap div.appNotice ul{
margin: 0 5px 0 26px;
font-size: 11px;
}
#home #contentBtmWrap div.appNotice ul li{
margin-bottom: 5px;
list-style-type: square;
}


/* - FOOTER - 
--------------------------------------------------------------*/
#home #footer .footerBar{
height: auto;
margin-bottom: 20px;
}
#home #footer dl.choose_lang{
width: 300px;
height: auto;
margin: 0 auto;
padding-top: 0;
}
#home #footer dl.choose_lang dt{
float: none;
width: auto;
margin-bottom: 15px;
padding-top: 4px;
text-indent: 0;
overflow: hidden;
background: none;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255, 0.8);
}
#home #footer dl.choose_lang dd{
float: left;
margin-bottom: 5px;
text-indent: 0;
height: 30px;
color: #333;
text-align: center;
border-left: 1px solid #BFBFBF !important;
}
#home #footer dl.choose_lang dd .hide{
text-indent: 0;
}
#home #footer dl.choose_lang dd a{
display: block;
color: #333;
text-align: center;
text-decoration: none;
}
#home #footer dl.choose_lang dd.cl01,
#home #footer dl.choose_lang dd.cl04{
border: none !important;
}
#home #footer dl.choose_lang dd.cl04{
clear: both;
}
#home #footer dl.choose_lang dd.cl01,
#home #footer dl.choose_lang dd.cl02,
#home #footer dl.choose_lang dd.cl03,
#home #footer dl.choose_lang dd.cl04,
#home #footer dl.choose_lang dd.cl05,
#home #footer dl.choose_lang dd.cl06{
width: 95px;
}
#home #footer dl.choose_lang dd.cl01 .panel,
#home #footer dl.choose_lang dd.cl02 .panel,
#home #footer dl.choose_lang dd.cl03 .panel,
#home #footer dl.choose_lang dd.cl04 .panel,
#home #footer dl.choose_lang dd.cl05 .panel,
#home #footer dl.choose_lang dd.cl06 .panel{
display: none;
background: none;
}






/* shareBtn */
#home #content .shareBtn{
padding: 10px 10px 0;
background: #000;
}