@charset "utf-8";

@import "layout.css";

/*-------------------------------------------------------------------------
	title
/*-----------------------------------------------------------------------*/
#title {
	background:url(../img/index/title/bg_stripe.gif) 0 0 repeat;
	padding:0 0 32px 0;
}

	#title .main {
		background:url(../img/index/title/bg_ico.png) center top no-repeat;
	}

	#title .contents {
		position:relative;
	}

	#title ul.logo {
		float:left;
		padding:20px 0 0 0;
	}

		#title ul.logo li {
			float:left;
			margin:0 10px 0 0;
		}

	#title p.txt_3ds {
		float:right;
		padding:20px 0 0 0;
	}

	#title h1 {
		position:absolute;
		top:165px;
		left:98px;
	}

	#title .img_3ds {
		float:right;
		margin:20px 0 20px 0;
	}

#pokemon {
}

	.pokemon {
		position:absolute;
		top:0px;
		left:0px;
	}

			.pokemon  li img {
				position:relative;
			}

	#pokemon01 {
		top:69px;
		left:5px;
	}
	#pokemon02 {
		top:48px;
		left:92px;
	}
	#pokemon03 {
		top:102px;
		left:183px;
	}
	#pokemon04 {
		top:40px;
		left:253px;
	}
	#pokemon05 {
		top:81px;
		left:395px;
	}
	#pokemon06 {
		top:52px;
		left:468px;
	}
	#pokemon07 {
		top:86px;
		left:515px;
	}
	#pokemon08 {
		top:180px;
		left:531px;
	}
	#pokemon09 {
		top:279px;
		left:530px;
	}
	#pokemon10 {
		top:335px;
		left:460px;
	}
	#pokemon11 {
		top:293px;
		left:420px;
	}
	#pokemon12 {
		top:357px;
		left:390px;
	}
	#pokemon13 {
		top:323px;
		left:298px;
	}
	#pokemon14 {
		top:351px;
		left:228px;
	}
	#pokemon15 {
		top:358px;
		left:148px;
	}
	#pokemon16 {
		top:291px;
		left:116px;
	}

	#pokemon17 {
		top:306px;
		left:0px;
	}

	#pokemon18 {
		top:257px;
		left:28px;
	}

	#pokemon19 {
		top:165px;
		left:23px;
	}

#title #soft_detail {
	background:#FFF;
	clear:both;
	padding:20px 15px 16px 15px;
	font-size: 80%;
}

	#title #soft_detail .left {
		float:left;
		width:710px;
	}

	#title #soft_detail .left p.ico_pokemon {
	}

	#title #soft_detail .left table {
		font-weight:bold;
		background:url(../img/index/title/soft_detail/border.gif) left bottom repeat-x;
		padding:0 0 10px 0;
		font-size:120%;
	}

		#title #soft_detail .left table th {
			text-align:left;
			padding:3px 15px 12px 3px;
			vertical-align:top;
		}

			#title #soft_detail .left table th span {
				color:#ff7d00;
			}

		#title #soft_detail .left table td {
			padding:3px 15px 12px 3px;
			vertical-align:top;
		}

	#title #soft_detail .left .icon {
		float: left;
		width: 100px;
		margin:0 10px 0 0;
	}
	    #title #soft_detail .left .icon .cero {
			width: 38px;
			margin:20px 42px 0 30px;
	    }
	    #title #soft_detail .left .icon .network {
			width: 38px;
			margin:12px 42px 0 30px;
	    }

	#title #soft_detail .left .detail {
		float: left;
		margin:0;
	}
	#title #soft_detail .left .detail .basicinfo {
		text-align: center;
		margin-top: 15px;
	}

		#title #soft_detail .left ul.correspondence li {
			float:left;
			margin:0 45px 0 0;
			font-size:140%;
		}

	#title #soft_detail .left ul.pdf {
		width: 600px;
		margin:15px 0 0 0;
	}

		#title #soft_detail .left ul.pdf li {
			float:left;
			margin:0 62px 0 0;
		}

			#title #soft_detail .left ul.pdf li.btn_pdf {
				padding:15px 0 0 0;
			}

	#title #soft_detail .right {
		float:right;
	}

		#title #soft_detail .right ul {
		}

			#title #soft_detail .right ul li {
				margin:0 0 15px 0;
				position: relative;
			}
				#title #soft_detail .right ul li.qr {
					margin:0 0 3px 0;
				}
				#title #soft_detail .right ul li.last {
					margin:0 0 0 0;
				}
				#title #soft_detail .right ul li span {
					position: absolute;
					top: -5px;
					right: 0;
					z-index: 2;
				}

	#title #info {
		margin: 32px 0 0 12px;
		font-size: 15px;
		display: inline-block;
	}


/*-------------------------------------------------------------------------
	catch
/*-----------------------------------------------------------------------*/

#catch {
	background:#ffb543;
	padding:15px 0 20px 0;
}

	#catch  .contents {
		position:relative;
	}

	#catch p.free {
		position:absolute;
		top:-25px;
		left:570px;
	}

	#catch ul li {
			position:absolute;
			display:none;
		}

			#catch ul li.character01 {
				top:0;
				left:0;
			}

			#catch ul li.character02 {
				top:40px;
				left:850px;
			}

	#catch dl {
		margin:0 0 0 125px;
	}

		#catch dl dt {
			margin:0 0 10px 0;
		}

/*-------------------------------------------------------------------------
	play
/*-----------------------------------------------------------------------*/

#play {
	background:url(../img/index/common/bg.png) 0 0 repeat #fff8a0;
	padding:70px 0 30px 0;
}

	#play .title {
		background:url(../img/index/play/title/bg.png) 0 0 no-repeat;
		position:relative;
		height:88px;
	}

		#play .title p.txt_001 {
			position:absolute;
			top:-50px;
			left:112px;
		}

		#play .title h2 {
			padding:32px 0 0 135px;
		}

		#play .title ul li {
			position:absolute;
			display:none;
		}

			#play .title ul li.character01 {
				top:-15px;
				left:15px;
			}

			#play .title ul li.character02 {
				top:20px;
				left:704px;
			}

			#play .title ul li.character03 {
				top:-35px;
				left:794px;
			}

	#play .left {
		float:left;
		position:relative;
		margin:12px 0 0 0;
	}

		#play .left dl {
		}

			#play .left dl dt {
				position:absolute;
				top:0;
				left:0;
			}

			#play .left dl dd {
				margin:60px 0 0 0;
			}

	#play .right {
		float:right;
		background:url(../img/index/play/bg.png) 0 0 no-repeat;
		width:440px;
		height:593px;
		padding:0 10px 0 16px;
		margin:12px 0 0 0;
		position:relative;
	}

		#play .right ul {
			margin:-16px 0 0 0;
		}

			#play .right ul li {
				margin:0 0 16px 0;
			}

				#play .right ul li.last {
					margin:0 0 0 0;
				}

			#play .right ul li.character01 {
				position:absolute;
				top:254px;
				left:352px;
			}

/*-------------------------------------------------------------------------
	character
/*-----------------------------------------------------------------------*/

#character {
	background:url(../img/index/common/bg.png) 0 0 repeat #c8f5fa;
	padding:45px 0 30px 0;
}

	#character .left {
		float:left;
	}

		#character .left .title {
			background:url(../img/index/character/left/bg.png) 0 0 no-repeat;
			width:456px;
			height:88px;
			position:relative;
		}

			#character .left .title ul li {
				padding:0 0 0 5px;
				position:absolute;
				top:-15px;
				left:10px;
				display:none;
			}

			#character .left h2 {
				padding:30px 0 0 120px;
			}

		#character .left .txt {
			clear:both;
			margin:20px 0 0 18px;
		}

	#character .right {
		float:right;
		margin:0 20px 0 0;
	}

		#character .right .title {
			background:url(../img/index/character/right/bg.png) 0 0 no-repeat;
			width:456px;
			height:88px;
			position:relative;
		}

			#character .right .title ul li {
				padding:0 0 0 5px;
				position:absolute;
				top:-15px;
				left:10px;
				display:none;
			}

			#character .right h2 {
				padding:30px 0 0 120px;
			}

		#character .right .txt {
			clear:both;
			margin:20px 0 0 18px;
		}


/*-------------------------------------------------------------------------
	item
/*-----------------------------------------------------------------------*/

#item {
	background:url(../img/index/common/bg.png) 0 0 repeat #ffe7ff;
	padding:45px 0 80px 0;
}

	#item .title {
		background:url(../img/index/item/title/bg.png) 0 0 no-repeat;
		position:relative;
		height:88px;
	}

		#item .title h2 {
			padding:25px 0 0 30px;
		}

		#item .title ul li {
			position:absolute;
			display:none;
		}

			#item .title ul li.character01 {
				top:30px;
				left:590px;
			}

			#item .title ul li.character02 {
				top:-38px;
				left:675px;
			}

			#item .title ul li.character03 {
				top:12px;
				left:814px;
			}

	#item .txt001 {
		margin:20px 0 0 20px;
	}

	#item .txt002 {
		margin:20px 0 0 20px;
	}

	#item .btn {
		text-align:center;
		margin:30px 0 0 0;
	}

	#item #use {
		background:url(../img/index/item/use/bg.png) 0 0 no-repeat;
		height:493px;
		margin:60px 0 0 0;
		position:relative;
	}

		#item #use h3 {
			position:absolute;
			top:-25px;
			left:42px;
		}

		#item #use p.txt_use001 {
			margin:0 0 0 400px;
			padding:45px 0 0 0;
		}

		#item #use p.item {
			margin:15px 0 0 40px;
		}

		#item #use p.txt_use002 {
			margin:20px 0 0 142px;
		}

		#item #use ul li {
			position:absolute;
			display:none;
		}

			#item #use ul li.character01 {
				top:-20px;
				left:882px;
			}

			#item #use ul li.character02 {
				top:360px;
				left:46px;
			}

			#item #use ul li.character03 {
				top:380px;
				left:856px;
			}

			#item #use ul li.character04 {
				top:475px;
				left:780px;
			}

	#item p.copyright {
		float:left;
		margin:20px 0 0 0;
	}

	#item p.btn_pokemongames {
		float:right;
		margin:20px 40px 0 0;
	}

/*-------------------------------------------------------------------------
	footer
/*-----------------------------------------------------------------------*/

#footer {
	background:url(../img/index/footer/bg.png) 0 0 repeat-x;
	height:120px;
	margin:-50px 0 0 0;
	clear:both;
}

	#footer ul {
		padding:70px 0 0 0;
	}

		#footer ul li {
			font-weight:bold;
			float:left;
			color:#FFF;
			font-size:120%;
		}

			#footer ul li a {
				color:#FFF;
			}

			#footer ul li a:hover {
				text-decoration:underline;
			}