@charset "shift_jis";

/* 基本設定
---------------------------------------------------------*/
html,body {
height: 100%;
background: #f2f2f2;
}
html {
  overflow-y: scroll;
}
a {
	text-decoration: none;
}
.cboth{
margin:0;
padding:0;
line-height:0;
font-size:0px;
clear:both;
}
#wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: auto;
	background: url(../images/bg_pokemon-ball2.gif) 112% bottom no-repeat;
}
#subWrapper {
  width: 100%;
  padding-bottom: 67px;
  text-align: center;
}

/*マージン制御*/
.m10{
margin-top:10px;
}
.m20{
margin-top:20px;
}
.m30{
margin-top:30px;
}

/* #header
---------------------------------------------------------*/
#header {
	position: relative;
	z-index: 1;
	height: 72px;
}
#logoNintendo {
	position: absolute;
	left: 8px;
	top: 30px;
}
#logoDs {
	position: absolute;
	right: 6px;
	top: 30px;
	width: 147px;
	height: 20px;
}


/* #footer
---------------------------------------------------------*/
#footer {
	position: relative;
	z-index: 1;
	padding: 26px 0 42px 0;
	text-align: center;
}
* html #footer {
	position:fixed;
	z-index: 1;
	padding: 26px 0 42px 0;
	text-align: center;
}
#footer div.inner {
	margin: 0 auto;
	width: 768px;
}
#footer .globalNavi li {
	display: inline;
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px #646464 solid;
	font-size: 85%;
	font-weight: 800;
	line-height: 1.2;
	color: #646464;
}
#footer .globalNavi li.last {
	border: none;
}
#footer .globalNavi li a {
	font-weight: 400;
	color: #646464;
}
#footer .globalNavi li a:hover,
#footer .globalNavi li a:active {
	text-decoration: underline;
}


/* #container
---------------------------------------------------------*/
#container {
	position: relative;
	margin: 0 auto;
	width: 768px;
	text-align: left;
}
div.bgPokemonBall {
	position: absolute;
	z-index: 0;
	width: 551px;
	background: url(../images/bg_pokemon-ball.gif) 0 0 no-repeat;
}
#bgPokemonBallTop {
	left: -230px;
	top: -235px;
	height: 551px;
}
#bgPokemonBallBottom {
	left: 550px;
	bottom: -90px;
	height: 390;
}


/* #body
---------------------------------------------------------*/
#body {
	position: relative;
	z-index: 2;
	zoom: 1;
}
#body:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

/* #contents
---------------------------------------------------------*/
#contents {
	position: relative;
	z-index: 3;
	float: right;
	width: 518px;
}

#contents div.wrapper {
	position: relative;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0px;
}

#contentsHeader {
	padding: 9px 10px 0;
	background: url(../images/bg_contents-header.gif) 0 0 no-repeat;
}

#contentsHeadertitle {
	padding: 3px 13px 0 15px;
	background: url(../images/bg_contents-header.gif) 0 0 no-repeat;
	text-align:left;
}

#contentsBody {
	padding: 0;
	width: 520px;
	background: url(../images/bg_contents-body.gif) 0 0 repeat-y;
}
body.flash #contentsBody {
	height: 356px;
}

#contentsBody .body{
margin:0 0 0 3px;
padding:0;
width:512px;
}
#contentsBody .body ul#package{
margin:35px 0 0 0;
padding:0;
}
#contentsBody .body ul#package li{
margin:0;
padding:0;
float:left;
}
#contentsBody .body p.game{
margin:25px 0 0 0;
padding:0;
}

/* 追加 */


ul.thickimg{
margin:10px 0 0 0;
padding:0 22px 0 22px;
list-style-type:none;
}
ul.thickimg li{
margin:17px 0 0 0;
padding:0 15px 0 0;
float:left;
line-height:0;
font-size:0px;
}
ul.thickimg li.turn{
margin:17px 0 0 0;
padding:0;
float:left;
line-height:0;
font-size:0px;
}


/* 主人公とパートナー */
#character div#mainStage {
  position: relative;
  width: 498px;
  height: 256px;
  background: url(../images/character_bg_main-stage.jpg) 0 0 no-repeat;
}
#character div#mainStage img#large {
  position: absolute;
  z-index: 1;
  left: 36px;
  top: 8px;
}
#character div#mainStage p.buttonSeq {
  position:  absolute;
  top: 103px;
  z-index: 2;
  width: 47px;
  height: 47px;
}
#character div#mainStage p.buttonSeq a {
	display: block;
	width: 47px;
  height: 47px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#character div#mainStage p.buttonSeq a:hover,
#character div#mainStage p.buttonSeq a:active {
	background-position: 0 -47px;
}
#character div#mainStage p.buttonSeq span {
	display: none;
}
#character div#mainStage p#prev {
  left: 18px;
}
#character div#mainStage p#next {
  right: 18px;
}
#character div#mainStage p#prev a {
	background-image: url(../images/character_button-l.gif);
}
#character div#mainStage p#next a {
	background-image: url(../images/character_button-r.gif);
}
#character div#mainStage p.buttonSeq a.disabled {
	filter: alpha(opacity=40);
  opacity:0.4;
	cursor: default;
}
#character div#mainStage p.buttonSeq a.disabled:hover,
#character div#mainStage p.buttonSeq a.disabled:active {
	background-position: 0 0;
}

/* 新たなエピソード */
#episode #contents h2,
#episode #contents p.desc {
	float: right;
	width: 155px;
}
#episode #contents img.screen {
	float: left;
	width: 343px;
}

/* #pokemon
---------------------------------------------------------*/
#pokemon {
	position: absolute;
	z-index: 2;
}

/* ストーリー（Flashなし） */
#story #pokemon {
	right: 34px;
	top: 18px;
}

/* ポケモンとは？ */
#introduction #pokemon {
	right: 50px;
	top: 12px;
}

/* 主人公とパートナー */
#character #pokemon {
	right: 41px;
	top: 15px;
}

/* 新たなエピソード */
#episode #pokemon {
	right: 10px;
	top: 15px;
}

/* 通信で助けを求める */
#wi-fi #pokemon {
	right: 29px;
	top: 16px;
}


/* #sideNavi
---------------------------------------------------------*/
#sideNavi {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	padding: 3px 0 0 7px;
	width: 250px;
	height: 529px;
	background: url(../images/side_bg.gif) 0 0 no-repeat;
	line-height:0;
	font-size:0px;
}
#sideNavi div.inner {
margin:0;
padding: 10px 1px 0px 10px;
background: #fff;
}
#sideNavi .logo {
	margin-bottom: 6px;
}
#sideNavi .globalNavi {
	margin-bottom: 10px;
}
#sideNavi .globalNavi li {
margin:2px 0 0 0;
line-height: 0;
font-size:0px;
}
#sideNavi div.section h3 {
padding:0 0 4px 0;
}
#sideNavi div.section .body {
margin:0;
padding:0 0 0 1px;
text-align: left;
}

* html #sideNavi div.section .body {
margin:0;
padding:0 0 0 1px;
text-align:left;
}

/* トップページ */
#top #sideNavi {
	background: none;
}
#top #sideNavi div.inner {
	background: none;
}

#top #sideNavi div.section .body {
margin:0;
padding:0 0 0 1px;
text-align: left;
}


/* #pokemonGamesMenu
---------------------------------------------------------*/
#pokemonGamesMenu {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 74px;
}
#pokemonGamesMenu div.wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	background: url(../images/games_bg_shadow.gif) 0 14px repeat-x;
}
#pokemonGamesMenu h2 {
	margin: 0 auto;
	width: 765px;
	text-align: left;
}
#pokemonGamesMenu div.body {
	background: #fff;
}
#pokemonGamesMenu div.body .inner {
	position: relative;
	margin: 0 auto;
	padding: 17px 0;
	width: 765px;
	text-align: left;
}
#pokemonGamesMenu p.more {
	position: absolute;
	right: 0;
	top: 22px;
	width: 188px;
	height: 9px;
}
#gamesNavi {
	width: 100%;
	height: 29px;
}
#gamesNavi ul{
	margin: 0 auto;
	width: 765px;
	background: url(../images/border_dotted-v.gif) 0 0 repeat-y;
	zoom: 1;
}
* html #gamesNavi ul{
	margin: 0 auto;
	width: 800px;
	background: url(../images/border_dotted-v.gif) 0 0 repeat-y;
	zoom: 1;
}
#gamesNavi ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
#gamesNavi li {
	float: left;
	width: 153px;
	height: 28px;
	list-style: none;
	line-height: 0;
	background: url(../images/border_dotted-v.gif) 100% 0 repeat-y;
}
#gamesNavi li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
	background-position: 5px 0;
	background-repeat: no-repeat;
}
#gamesNavi li a:hover,
#gamesNavi li a:active {
	background-position: 5px -29px;
}
#gamesNavi li.top a {
	background-image: url(../images/games_navi_top.gif);
}
#gamesNavi li.about a {
	background-image: url(../images/games_navi_about.gif);
}
#gamesNavi li.story a {
	background-image: url(../images/games_navi_story.gif);
}
#gamesNavi li.software a {
	background-image: url(../images/games_navi_software.gif);
}
#gamesNavi li.history a {
	background-image: url(../images/games_navi_history.gif);
}
#gamesNavi li.disabled a {
	filter: alpha(opacity=40);
	opacity:0.4;
	cursor: default;
}
#gamesNavi li.disabled a:hover,
#gamesNavi li.disabled a:active {
	filter: alpha(opacity=40);
	opacity:0.4;
	background-position: 5px 0;
}



/* トップページ
---------------------------------------------------------*/
#top #wrapper {
	position: relative;
	background: url(../images/bg_pokemon-ball.gif) 150% 118% no-repeat;
}
#top #wrapper #mainImage{
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	margin:0 10px 0 0;
	padding:0;
}
#top #wrapper #buttonNew {
	position: absolute;
	left: 15px;
	bottom: 7;
	z-index: 2;
}

#top #footer {
	padding-bottom: 26px;
}
#top #body {
	height: 518px;
	background: url(../images/top_bg_contents.gif) 0 0 no-repeat;
}
#top #contents {
	padding: 10px 0 0 10px;
	width: 508px;
}



/* #topics
---------------------------------------------------------*/
#topics {
	margin: 6px 0 0 -1px;
}
#topics a {
	color: #666;
}
#topics a:hover {
	text-decoration: underline;
}
#topics h2{
	float: left;
	width: 128px;
	height: 33px;
}
#topics div.body {
	float: left;
	padding-left: 10px;
	width: 640px;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;
	color: #646464;
	background: url(../images/top_bg_topics.gif) 0 0 no-repeat;
}


/* #productInfo
---------------------------------------------------------*/
#productInfo{
clear:both;
margin:9px 0 0 2px;
padding:0;
}
#productInfo div.body {
	padding: 0 30px 20px 25px;
	width:709px;
	height: 289px;
	background: url(../images/top_bg_product-info.gif) 0 0 no-repeat;
}
#productInfo div.body p{
margin:0;
padding:0;
display:block;
width:714px;
}
#productInfo img {
line-height:0;
font-size:0px;
}
#productInfo div.codicil {
	margin-top: 9px;
	padding-top: 18px;
	text-align: left;
	background: url(../images/border_dotted.gif) 0 0 repeat-x;
}
#productInfo div.codicil p {
	margin-bottom: 7px;
}
#logoWiFi {
margin:0 5px 5px 0;
padding:0;
}
#logoCERO {
margin:0 0 5px 0;
padding:0;
}


/* #copyright
---------------------------------------------------------*/
#copyright {
	margin-bottom: 24px;
	text-align: center;
}
#copyright p {
	margin-bottom: 5px;
}


/* 新要素
---------------------------------------------------------*/
body#new {
	padding-top: 33px;
	background: #fef6de;
}
#new #wrapper {
	text-align: center;
	background: none;
}
#new #container {
	margin: 0 auto;
	width: 538px;
}
#new #container h1 {
	margin-bottom: 22px;
}
#new div.section {
	zoom: 1;
}
#new div.section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

#new div.section {
	margin-bottom: 9px;
}
#new div.floated {
	position: relative;
}
#new div.floated p.desc {
	float: left;
	width: 222px;
}
#new div.floated img.screen {
	position: absolute;
	right: 0;
	top: 0;
}
#new #footer {
	padding: 10px 0;
	text-align: right;
}
#titleimg{
margin:0 5px 0 5px;
}



#tabmenu{
margin:0 11px 0 11px;
padding:0 0 3px 0;
background-image:url(../images/basis_tab_bg_top.gif);
background-position:bottom;
background-repeat:no-repeat;
width:498px;
}
#tabmenu ul#tab{
margin:0 10px 0 10px;
padding:20px 0 0 0;
list-style-type:none;
}
#tabmenu ul#tab li{
margin:0 4px 0 0;
padding:0 0 6px 0;
float:left;
line-height:0;
font-size:0px;
}
#tabmenu ul#tab li.last{
margin:0;
padding:0 0 6px 0;
float:left;
line-height:0;
font-size:0px;
}
#tabmenubottom{
margin:0 11px 0 11px;
padding:9px 0 0 0;
background-image:url(../images/basis_tab_bg_bottom.gif);
background-position:top;
background-repeat:no-repeat;
width:498px;
}
#tabmenubottom ul#tab{
margin:0 10px 0 10px;
padding:0;
list-style-type:none;
}
#tabmenubottom ul#tab li{
margin:0 4px 0 0;
padding:0 0 6px 0;
float:left;
line-height:0;
font-size:0px;
}
#tabmenubottom ul#tab li.last{
margin:0;
padding:0 0 6px 0;
float:left;
line-height:0;
font-size:0px;
}
#pagemove{
background-image:url(../images/basis_arrow_dotline.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0;
width:498px;
}
#pagemove p.backbtn{
margin:10px 0 0 0;
padding:0 0 0 14px;
float:left;
}
#pagemove p.nextbtn{
margin:10px 0 0 0;
padding:0 14px 0 0;
float:right;
}

#tabbox{
margin:0 7px 0 11px;
padding:0;
}


p.caraL{
margin:0;
padding:0;
float:left;
line-height:0;
font-size:0px;
width:318px;
}
p.caraR{
margin:0;
padding:0;
float:right;
line-height:0;
font-size:0px;
width:194px;
}
p.pokeimgL{
margin:0;
padding:0;
float:left;
line-height:0;
font-size:0px;
width:224px;
}
p.textR{
margin:0;
padding:0;
float:right;
line-height:0;
font-size:0px;
width:288px;
}
p.pdfbtn{
background-image:url(../images/basis_tab_bg_repeat.gif);
background-position:0 0;
background-repeat:repeat-y;
margin:0;
padding:0 22px 0 0;
text-align:right;
font-size:12px;
line-height:1.2;
}
p.pdfbtn img{
margin:-5px 5px 0 0;
padding:0;
vertical-align:middle;
}
p.caraL{
margin:0;
padding:0;
float:left;
line-height:0;
font-size:0px;
width:318px;
}

#contentsFooter {
padding:0;
background: url(../images/bg_contents-footer.gif) 0 100% no-repeat;
clear:both;
}
#contentsFooter div.moveTop {
margin: 0 15px 0 10px;
padding:37px 0 12px 0;
text-align:right;
}

#contentsFooter2 {
padding: 0 15px 0 10px;
background: url(../images/bg_contents-footer.gif) 0 100% no-repeat;
clear:both;
}
#contentsFooter2 div.moveTop {
margin:0;
padding:12px 0 12px 0;
text-align: right;
}



/*=================================================
add header
=================================================*/
#add_header{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 54px;
	background-image: url(../images/bg_add_header.png);
	background-repeat: repeat-x;
	text-align: center;
	z-index: 100;
}

#add_header #wrap{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#add_header #wrap .add_btn{
	width: 580px;
	margin: 0 auto;
	padding-top: 10px;
}

#add_header #wrap .add_btn a img{
	border: none;
}