@charset "UTF-8";

/* -------------------------------------------------------------- */
/* PARTS MODULES - Global - */
/* -------------------------------------------------------------- */

/* H E A D E R - - - -
--------------------------------------------------------------*/
#header p.dl_3ds{
float: none;
display: block;
width: 226px;
height: auto;
margin: 0 0 0 10px;
}
#header p.dl_3ds img{
max-width: 100%;
height: auto;
}
#header p.tpc,
#header p.nin{
display: none;
}

/* Btn Menu Blk */
#header p.btnMenuBlk{
display: none !important;
position: absolute;
top:7px;
right: 10px;
width: 80px;
height: 32px;
}
#header p.btnMenuBlk a{
display: block;
height: 25px;
padding: 7px 0 0 21px;
border: 1px solid #555;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);

background: #4a4a4a url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px;
background: url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -moz-linear-gradient(top,  #4a4a4a 0%, #000 100%);
background: url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#000));
background: url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -webkit-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -o-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, -ms-linear-gradient(top,  #4a4a4a 0%,#000 100%);
background: url(/ex/pokedex/ja/common/images/arw_sml_wht_down.png) no-repeat 6px 11px, linear-gradient(top,  #4a4a4a 0%,#000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000',GradientType=0 );
}


/* h2 */
h2.haribotekit {width:280px !important; height:auto !important; margin:0 -10px 10px !important;
background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#fafafa));
border-bottom:1px solid #cccccc !important;
padding:10px;
}
h2.haribotekit .panel { display:none; }
#howto.detail_iphone h2.haribotekit { height:auto; }
h2.haribotekit .panel { background:transparent; }


.backtotop { position:absolute; right:0; margin-top:15px; }
.backtotop a {
	display:block;
	width:111px; height:46px;
	background:url(/ex/pokedex/ja/common/images/btn_top.gif) no-repeat 0 0;
}
.backtotop a img { display:none; }

/* C O N T E N T S - - - -
--------------------------------------------------------------*/
/*
 M A I N
*/
#mainArea p.smlSiteTtl{
padding-top: 10px;
text-align: center;
}


/*
 S I D E
*/
#side h3{
display: none;
}

/* gnav */
#content #side ul.gnav{
width: auto;
height: auto;
padding: 0;
background:#111;
}

#content #side ul.gnav li { line-height:1.5em; }
#content #side ul.gnav li .panel{
background: url(/ex/pokedex/ja/common/images/smallview_gnav.png) 0 0 no-repeat;
}




#content #side ul.gnav li .haribotekit { margin-bottom:10px; }


#content #side ul.gnav .gn01 .panel,
#content #side ul.gnav .gn02 .panel,
#content #side ul.gnav .gn03 .panel { background:transparent;  }

#content #side ul.gnav .gn01,
#content #side ul.gnav .gn02,
#content #side ul.gnav .gn03 {
width:100% !important;
margin: 10px 0 20px;
padding: 4px 0;
color: #FFF;
font-weight:bold;
text-align: center;
font-style: italic;
border-top: 2px solid #2C2E2F !important;
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 */
}

#content #side ul.gnav .gn01 .panel{background-position: center -0px;}
#content #side ul.gnav .gn02 .panel{background-position: center -332px;}
#content #side ul.gnav .gn03 .panel{background-position: center -487px;}

#content #side ul.gnav ul.s { width:300px; margin:0 auto; }
#content #side ul.gnav ul.tx { width:97%; margin:0 auto; }

#content #side ul.gnav .under01  {  width:300px; height:62px; }
#content #side ul.gnav .under02  {  width:300px; height:62px; }
#content #side ul.gnav .under03  {  width:300px; height:62px; }
#content #side ul.gnav .under04  {  width:300px; height:62px; }

/* nav def */
#content #side ul.gnav .under01 .panel { background-position:left     0px; width:300px; height:62px; }
#content #side ul.gnav .under02 .panel { background-position:left   -72px; width:300px; height:62px; }
#content #side ul.gnav .under03 .panel { background-position:left  -144px; width:300px; height:62px; }
#content #side ul.gnav .under04 .panel { background-position:left  -216px; width:300px; height:62px; }
#content #side ul.gnav .under05 .panel,
#content #side ul.gnav .under06 .panel,
#content #side ul.gnav .under07 .panel,
#content #side ul.gnav .under08 .panel { background:transparent;  }

/* nav current */
#introduction.index     #content #side ul.gnav .under01 .panel { background-position:right     0px;}
#introduction.volume    #content #side ul.gnav .under02 .panel { background-position:right   -72px;}
#introduction.search    #content #side ul.gnav .under03 .panel { background-position:right  -144px;}
#introduction.universal #content #side ul.gnav .under04 .panel { background-position:right  -216px;}
#howto.index_ipad       #content #side ul.gnav .under05 .panel { background-position:right  -378px;}
#howto.index_iphone     #content #side ul.gnav .under06 .panel { background-position:right  -433px;}
#purchase.index         #content #side ul.gnav .under07 .panel { background-position:right  -532px;}
#faq.index              #content #side ul.gnav .under08 .panel { background-position:right  -587px;}



#content #side ul.gnav .under05 ,
#content #side ul.gnav .under06 ,
#content #side ul.gnav .under07 ,
#content #side ul.gnav .under08 {
width: 97% !important;
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);
}



/* F O O T E R - - - -
--------------------------------------------------------------*/
/* layout */
#footer .copies{
float: none;
width: auto;
font-size: 12px;
}
#footer .etc{
float: none;
width: auto;
}

#footer .shareBtn{
width: auto;
height: auto;
}

/* ftrLink */
#footer ul.ftrLink{
margin-bottom: 10px;
}
#footer ul.ftrLink li{
height: auto;
}
#footer ul.ftrLink li a{
display: block;
height: auto;
padding: 11px 7px;
border: 1px solid #111;
color: #000;
background: url(/ex/pokedex/ja/common/images/arw_sml_blk_right.png) no-repeat 97% 50%;
text-decoration: none;
}
#footer ul.ftrLink li:first-child a{
border-bottom: none;
}
#footer ul.ftrLink li.officialOnry { border-bottom:1px solid; }
#footer ul.ftrLink li a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/* coNav */
#footer div.coNav{

}
#footer div.coNav p{
float: right;
margin-left: 10px;
display: inline;
}
#footer div.coNav p.nin{
width: 55px;
display:none;
}
#footer div.coNav p.tpc{
width: 158px;
display:none;
}

#footer div.coNav p img{
max-width: 100%;
height: auto;
}

/* Œ¾Œê‘I‘ð */
#footerWrap {
padding-bottom: 0;
background: #CECDCD url(/ex/pokedex/ja/images/bg_choose_sml.png) repeat-x 0 0;
}
#footer .footerBar{
height: auto;
margin-bottom: 20px;
}
#footer dl.choose_lang{
width: 300px;
height: auto;
margin: 0 auto;
padding-top: 0;
}
#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);
}
#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;
}
#footer dl.choose_lang dd .hide{
text-indent: 0;
}
#footer dl.choose_lang dd a{
display: block;
color: #333;
text-align: center;
text-decoration: none;
}
#footer dl.choose_lang dd.cl01,
#footer dl.choose_lang dd.cl04{
border: none !important;
}
#footer dl.choose_lang dd.cl04{
clear: both;
}
#footer dl.choose_lang dd.cl01,
#footer dl.choose_lang dd.cl02,
#footer dl.choose_lang dd.cl03,
#footer dl.choose_lang dd.cl04,
#footer dl.choose_lang dd.cl05,
#footer dl.choose_lang dd.cl06{
width: 95px;
}
#footer dl.choose_lang dd.cl01 .panel,
#footer dl.choose_lang dd.cl02 .panel,
#footer dl.choose_lang dd.cl03 .panel,
#footer dl.choose_lang dd.cl04 .panel,
#footer dl.choose_lang dd.cl05 .panel,
#footer dl.choose_lang dd.cl06 .panel{
display: none;
background: none;
}


/*--------------------------------------------------------------*/
/* - PAGE: introduction -
/* -------------------------------------------------------------- */
/* h1 */
#introduction h1.haribotekit {width:300px; height:60px; margin:0 !important; }
#introduction h1.haribotekit .panel { background:url(/ex/pokedex/ja/introduction/images/smallview_h1.png) no-repeat 0 0; }
#introduction.index     h1 .panel { background-position:0     0px;}
#introduction.volume    h1 .panel { background-position:0   -60px;}
#introduction.search    h1 .panel { background-position:0  -120px;}
#introduction.universal h1 .panel { background-position:0  -180px;}

/* search.html */
#introduction.search .haribotekit.img01 { width:280px; height:210px; }
#introduction.search .haribotekit.img01 .panel { background:url(/ex/pokedex/ja/introduction/images/pic_search_screenshot06_s.jpg) 0 0 no-repeat;
-webkit-background-size:contain;
background-size:contain;
}


/*--------------------------------------------------------------*/
/* - PAGE: howto -
/* -------------------------------------------------------------- */
/* h1 */
#howto h1.haribotekit {width:300px; height:60px; margin:0 !important; }
#howto h1.haribotekit .panel { background:url(/ex/pokedex/ja/howto/images/smallview_h1.png) no-repeat 0 0; }
#howto.index_ipad       h1 .panel { background-position:0     0px;}
#howto.index_iphone     h1 .panel { background-position:0  -60px;}



/*--------------------------------------------------------------*/
/* - PAGE: purchase -
/* -------------------------------------------------------------- */
/* h1 */
#purchase h1.haribotekit {width:300px; height:60px; margin:0 !important; }
#purchase h1.haribotekit .panel { background:url(/ex/pokedex/ja/purchase/images/smallview_h1.png) no-repeat 0 0; }
#purchase.index       h1 .panel { background-position:0     0px;}

#purchase .anchor {
display:block; width:auto; height:auto;
background:#000;
padding:9px;
text-align:center;
margin:10px 0;
-webkit-border-radius:10px;
border-radius:10px;
}
#purchase .anchor ul li {
display:inline; margin:0;
}
#purchase .anchor ul li img { margin:5px 0 }

/*--------------------------------------------------------------*/
/* - PAGE: faq -
/* -------------------------------------------------------------- */
/* h1 */
#faq.index        h1.haribotekit,
#faq.dl_attention h1.haribotekit {width:300px; height:60px;  }
#faq.index        h1.haribotekit .panel,
#faq.dl_attention h1.haribotekit .panel { background:url(/ex/pokedex/ja/faq/images/smallview_h1.png) no-repeat 0 0; }
#faq.index        h1 .panel,
#faq.dl_attention h1 .panel { background-position:0     0px;}


#faq .inquiry {
	background:#000;
	-webkit-border-radius:5px;
	padding:10px 20px;
}
#faq .inquiry a {
	display:block; width:auto; height:auto;
	background:transparent;
	white-space:normal;
	overflow:visible;
	text-indent:0;

	display:block;
	padding:10px;
	text-decoration:none; font-weight:bold; color:#fff;
	-webkit-border-radius:5px;
	background:#494849;
	background: -webkit-linear-gradient(#fafafa, #c5c5c5);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#c5c5c5));
	-webkit-box-shadow: inset 0 0 2px #aaa;
	color:#000;
}










.smp_mt{margin-top:15px; }