@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
body{
background: #000 url(/ex/pokedex/ja/images/bg_main_top.png) repeat-x 0 0;
}
#home #mainWrap{
width: 100%;
height: auto;
padding-bottom: 30px;
color: #FFF;
background: url(/ex/pokedex/ja/images/bg_main.jpg) no-repeat 50% 0;
}
#home #mainWrap #header{
width: 916px;
height: 536px;
margin: 0 auto;
padding: 0;
position: relative;
}
#home #mainWrap #navBlk{
width: 900px;
margin: 0 auto 30px;
position: relative;
}
#home #mainWrap div.archi{
width: 860px;
margin: 0 auto;
padding: 20px;
position: relative;
background: #272727;
}

#home #contentWrap{
padding-bottom: 0;
background: #2D2E2F;
}
#home #content{
width: 820px;
margin: 0 auto;
padding: 20px 0;
}
#home #contentBtmWrap{
padding-bottom: 20px;
background:  #000;
}
#home #footerWrap{
padding-bottom: 0;
background: #B5B5B5;
}
#home #footer{
width: 820px;
margin: 0 auto;
padding: 0 0 0;
color: #000;
}

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

/*
 title Unit
*/
#home #mainWrap #header .titleUnit{
position: absolute;
top: 90px;
left: 0px;
width: 100%;
min-height: 422px;
}
/* h1 */
#home #header .titleUnit h1{
width: 451px;
height: 127px;
margin: 20px 0 65px 0;
text-indent: -9999px;
overflow: hidden;
}
#home #header .titleUnit h1 .panel{
background: url(/ex/pokedex/ja/images/logo_main.png) no-repeat 0 0;
}
/* h2 */
#home #header .titleUnit h2{
margin: 0 0 5px 3px;
}
/* target */
#home #header .titleUnit p.target{
margin: 0 0 0 10px;
width:340px;height:65px;
}
#home #header .titleUnit p.target .panel{
background:url(/ex/pokedex/ja/images/img_target.png) 0 0 no-repeat;
}
/* btnMov */
#home #header .titleUnit p.btnMov{
position: absolute;
right: 8px;
bottom: 0;
width: 222px;
height: 42px;
}
#home #header .titleUnit p.btnMov a{
display: block;
height: 42px;
text-indent: -9999px;
overflow: hidden;
}
#home #header .titleUnit p.btnMov .panel{
background:url(/ex/pokedex/ja/images/btn_playmov.png) 0 0 no-repeat;
}
#home #header .titleUnit p.btnMov a:hover .panel{
background-position:left bottom;
}

/* notice */
#home #header p.notice{
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
color: #999;
font-size: 11px;
text-align: right;
}

/* gnav */
#home #mainWrap #navBlk ul.gnav{
margin-bottom: 15px;
}
#home #mainWrap #navBlk ul.gnav li{
float: left;
width: 220px;
height: 100px;
margin-right: 6px;
}
#home #mainWrap #navBlk ul.gnav li.gn04{
margin-right: 0;
}
#home #mainWrap #navBlk ul.gnav li a{
width: 100%;
height: 100px;
text-indent: -9999px;
overflow: hidden;
}
#home #mainWrap #navBlk ul.gnav li.gn01 .panel{
background: url(/ex/pokedex/ja/images/btn_feature.png) no-repeat 0 0;
}
#home #mainWrap #navBlk ul.gnav li.gn02 .panel{
background: url(/ex/pokedex/ja/images/btn_feature.png) no-repeat -226px 0;
}
#home #mainWrap #navBlk ul.gnav li.gn03 .panel{
background: url(/ex/pokedex/ja/images/btn_feature.png) no-repeat -452px 0;
}
#home #mainWrap #navBlk ul.gnav li.gn04 .panel{
background: url(/ex/pokedex/ja/images/btn_feature.png) no-repeat -678px 0;
}
	/* 	hover */
	#home #mainWrap #navBlk ul.gnav li.gn01 a:hover .panel{
	background-position: 0 -150px;
	}
	#home #mainWrap #navBlk ul.gnav li.gn02 a:hover .panel{
	background-position: -226px -150px;
	}
	#home #mainWrap #navBlk ul.gnav li.gn03 a:hover .panel{
	background-position: -452px -150px;
	}
	#home #mainWrap #navBlk ul.gnav li.gn04 a:hover .panel{
	background-position: -678px -150px;
	}

/* subnav */
#home #mainWrap #navBlk div.subnavWrap{
padding: 7px;
background: url(/ex/pokedex/ja/images/bg_btn_info.png) no-repeat 0 0;
}
#home #mainWrap #navBlk div.subnavWrap ul{
width: 439px;
float: left;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav02{
margin-left: 7px;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li,
#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li{
float: left;
width: 216px;
height: 70px;
margin-right: 7px;
}
#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: 216px;
height: 70px;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li.sn01 .panel{
background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat 0 0;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li.sn02 .panel{
background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat -223px 0;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li.sn03 .panel{
background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat -447px 0;
}
#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li.sn04 .panel{
background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat -670px 0;
}
	#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li.sn01 a:hover .panel{
	background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat 0 -100px;
	}
	#home #mainWrap #navBlk div.subnavWrap ul.subnav01 li.sn02 a:hover .panel{
	background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat -223px -100px;
	}
	#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li.sn03 a:hover .panel{
	background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat -447px -100px;
	}
	#home #mainWrap #navBlk div.subnavWrap ul.subnav02 li.sn04 a:hover .panel{
	background: url(/ex/pokedex/ja/images/btn_info.png) no-repeat -670px -100px;
	}

/* archi */
#home #mainWrap div.archi div.primary{
float: left;
width: 420px;
padding-left: 15px;
}
#home #mainWrap div.archi div.secondary{
float: right;
width: 382px;
}
#home #mainWrap div.archi div.primary p{
margin-bottom: 10px;
}
#home #mainWrap div.archi div.primary h3{
width: 405px;
height: 75px;
margin-bottom: 20px;
text-indent: -9999px;
overflow: hidden;
background: url(/ex/pokedex/ja/images/sttl_archi.png) no-repeat 0 0;
}
#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: 205px;
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: 195px;
}
#home #mainWrap div.archi div.secondary .addition{
height: 328px;
background: url(/ex/pokedex/ja/images/bg_archi.png) no-repeat 0 0;
}
#home #mainWrap div.archi div.secondary .addition h5{
margin-bottom: 10px;
padding: 12px 20px 4px;
font-size: 14px;
}
#home #mainWrap div.archi div.secondary .addition ul{
padding-bottom: 5px;
background: url(/ex/pokedex/ja/images/bg_archi.png) no-repeat left bottom;
}
#home #mainWrap div.archi div.secondary .addition ul li{
padding: 7px 20px;
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: 15px;
}
#home #mainWrap div.archi div.secondary .addition ul li span.tit{
display: block;
float: left;
width: 180px;
padding-top: 12px;
}
#home #mainWrap div.archi div.secondary .addition ul li span.pri{
display: block;
float: left;
padding-top: 22px;
font-size:85%;
}


/* - content - 
--------------------------------------------------------------*/
/*
 news
*/
#home #content .news h3{
width: 820px;
height: 35px;
}
#home #content .news h3 .panel{
height: 35px;
background: url(/ex/pokedex/ja/images/sttl_news.png) no-repeat 0 0;
}
#home #content .newsList{
margin-bottom: 16px;
padding: 15px;
background: #DDDDDD url(/ex/pokedex/ja/images/bg_newslist.png) no-repeat 0 bottom;
}
#home #content .newsList dl dt{
clear: both;
float: left;
margin-bottom: 10px;
padding-left: 25px;
background: url(/ex/pokedex/ja/images/icn_newslist.png) no-repeat 0 0;
}
#home #content .newsList dl dd{
margin-bottom: 10px;
margin-left: 115px;
}

/* prm */
#home #content .prm ul li{
float: left;
}
#home #content .prm ul li.first{
margin-right: 20px;
}


/* 
game Detail ----------*/
#home #contentBtmWrap .gameDetail {
width: 820px;
margin: 0 auto;
padding: 15px 0;
color: #FFF;
}
#home #contentBtmWrap .gameDetail h3{
float: left;
width: 185px;
padding-top: 30px;
font-size: 14px;
}
/* ul */
#home #contentBtmWrap .gameDetail .detailBlk{
float: left;
height: auto;
border-left: 1px solid #666;
line-height: 1.6;
font-size: 11px;
}
#home #contentBtmWrap .gameDetail ul{
float: left;
width: 295px;
margin: 0 0 3px 20px;
}
#home #contentBtmWrap .gameDetail ul li{
margin-bottom: 3px;
}




/* - FOOTER - 
--------------------------------------------------------------*/
#home #footer .footerBar{
height: 43px;
margin-bottom: 20px;
}
#home #footer dl.choose_lang{
width: 724px;
height: 22px;
margin: 0 auto;
padding-top: 10px;
}
#home #footer dl.choose_lang dt{
float: left;
width: 177px;
text-indent: -9999px;
overflow: hidden;
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat 0 0;
}
#home #footer dl.choose_lang dd{
float: left;
height: 22px;
}
#home #footer dl.choose_lang dd.cl01{
width: 76px;
}
#home #footer dl.choose_lang dd.cl02{
width: 89px;
}
#home #footer dl.choose_lang dd.cl03{
width: 99px;
}
#home #footer dl.choose_lang dd.cl04{
width: 90px;
}
#home #footer dl.choose_lang dd.cl05{
width: 98px;
}
#home #footer dl.choose_lang dd.cl06{
width: 95px;
}
#home #footer dl.choose_lang dd.cl01 .panel{
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat -177px 0;
}
#home #footer dl.choose_lang dd.cl02 .panel{
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat -253px 0;
}
#home #footer dl.choose_lang dd.cl03 .panel{
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat -342px 0;
}
#home #footer dl.choose_lang dd.cl04 .panel{
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat -441px 0;
}
#home #footer dl.choose_lang dd.cl05 .panel{
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat -531px 0;
}
#home #footer dl.choose_lang dd.cl06 .panel{
background: url(/ex/pokedex/ja/images/btn_choose.png) no-repeat -629px 0;
}
#home #footer dl.choose_lang dd a:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}




/* - SMALL LAYOUT SETTING max-width: 580px - 
--------------------------------------------------------------*/
@media screen and (max-width: 580px) {
	#home #content h1 .panel{
	background: none;
	}
}


/* Modal Style 
/*--------------------------------------------------------------*/
/*
div#modalCont div.include{
margin: 0 auto 20px;
padding-top: 380px;
width: 640px;
height: 360px;
}
div#modalCont p.closeBtn{
width: 30px;
margin: 0 auto 20px;
text-align: center;
}
div#modalCont p.closeBtn a{
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
background: url(/ex/pokedex/ja/common/images/btn_close.png) no-repeat 0 0 ;
}
*/