@charset "utf-8";

@import "layout.css";


/*-------------------------------------------------------------------------
	header
/*-----------------------------------------------------------------------*/
#header {
	height: 30px;
	padding-top: 20px;
	background-color: #fff;
	border-bottom: solid 1px #8c8c8c;
	position: relative;
	z-index: 3;
}
	#header ul {
		float: left;
	}
	#header ul li {
		float: left;
		margin-right: 18px;
		line-height: 0;
	}
	#header ul li.pokemon {
		padding-top: 2px;
	}
	#header p {
		float: right;
	}

/*-------------------------------------------------------------------------
	title
/*-----------------------------------------------------------------------*/
#title {
	background:url(../img/index/title/bg.gif) repeat center #fff;
	position: relative;
	z-index: 2;
}
	#title h1 {
		width: 1055px;
		margin: 0 auto;
	}
	#title .copy {
		height: 171px;
		background-color: #fff432;
	}
		#title .copy .txt {
			float: left;
			position: absolute;
			top: 20px;
			left: 20px;
		}
        #title .copy .movie {
            float: right;
            position: absolute;
            top: -40px;
            right: 12px;
        }
		#title .copy .tvcm {
			float: right;
			position: absolute;
			top: -38px;
			right: -6px;
		}
			#title .copy .movie span,
			#title .copy .tvcm span {
				position: absolute;
				top: -6px;
				right: 13px;
				z-index: 2;
			}

/*-------------------------------------------------------------------------
	soft_detail
/*-----------------------------------------------------------------------*/


#soft_detail {
	padding-bottom: 40px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
	#soft_detail .info {
		padding-top: 20px;
		text-align: center;
	}
	#soft_detail .sbox {
		width: 463px;
		display: table-cell;
		vertical-align: top;
	}
	#soft_detail .sbox.first {
		padding-right: 34px;
	}
		#soft_detail .sbox h3 {
			padding-top: 24px;
		}
		#soft_detail .sbox .icon,
		#soft_detail .sbox .package {
			width: 100px;
			float: left;
			margin: 0 26px 0 16px;
		}
		#soft_detail .sbox .package {
			width: 150px;
		}
		#soft_detail .sbox .detail {
			height: 238px;
			padding: 16px 0 20px 0;
		}
		    #soft_detail .sbox .detail ul {
		    	float: left;
		    	padding-bottom: 70px;
		    	position: relative;
		    }
		    	#soft_detail .sbox .detail ul li {
		    		margin-bottom: 4px;
		    	}
			    	#soft_detail .sbox .detail ul .pdf {
			    		margin-top: 14px;
			    	}
		    	#soft_detail .sbox .detail ul li.basicinfo {
		    		position: absolute;
		    		bottom: 0;
		    	}

		#soft_detail .sbox .detail02 {
			padding-left: 16px;
			background: url(../img/index/line.gif) repeat-x top;
		}

		#soft_detail .sbox .detail02 .func {
			width: 224px;
			padding-top: 12px;
			display: table-cell;
			vertical-align: top;
		}
			#soft_detail .sbox .detail02 .cero {
				width: 37px;
				padding: 4px 5px 0 0;
				display: table-cell;
				vertical-align: top;
			}
			#soft_detail .sbox .detail02 .network {
				width: 53px;
				display: table-cell;
				vertical-align: top;
			}
				#soft_detail .sbox .detail02 ul li {
					margin-top: 10px;
				}

			#soft_detail .sbox .detail02 dl {
				padding-top: 16px;
			}
				#soft_detail .sbox .detail02 dl dt {
					color: #e2171c;
					font-weight: bold;
				}
				#soft_detail .sbox .detail02 dl dd ul li {
					padding-left: 1.2em;
					background: url(../img/index/package/icon_disc01.gif) no-repeat 0 3px; 
				}
				#soft_detail .sbox .detail02 dl dd ul li.notes {
					color: #ff5d5f;
					background: url(../img/index/package/icon_disc02.gif) no-repeat 0 3px; 
				}
					#soft_detail .sbox .detail02 dl dd ul li a {
						color: #ff5d5f;
						text-decoration: underline; 
					}
					#soft_detail .sbox .detail02 dl dd ul li a:hover {
						text-decoration: none; 
					}
					#soft_detail .sbox .detail02 dl dd .annotation {
						margin-top: 16px;
						font-size: 88%;
					}
						#soft_detail .sbox .detail02 dl dd .annotation li {
							margin-top: 0px;
							padding-left: 1.5em;
							text-indent: -1.5em;
							background: none;
						}

		#soft_detail .sbox .bnr {
			width: 214px;
			display: table-cell;
		}
			#soft_detail .sbox .bnr ul li {
				margin-bottom: 14px;
			}
			#soft_detail .sbox .bnr .qr {
				margin-bottom: 0;
			}
			#soft_detail .sbox .bnr .card {
				margin-bottom: 0;
				position: relative;;
			}
			#soft_detail .sbox .bnr .card span {
				position: absolute;
				top: 22px;
				right: 13px;
				z-index: 2;
			}



.correspondence {
	padding-top: 32px;
}


/*-------------------------------------------------------------------------
	Contents
/*-----------------------------------------------------------------------*/
.contents {
	padding-bottom: 36px;
	background: url(../img/index/contents/shadow.png) repeat-x left top;
	position: relative;
	z-index: 2;
}
	.contents .wrap p {
		width: 928px;
		margin-left: -23px;
		padding: 0 16px;
	}
		.contents .wrap .battle {
			padding-top: 20px;
		}
		.contents .wrap .pokemon {
			margin-top: -40px;
			position: relative;
		}
			.contents .wrap .pokemon .btn {
				width: 306px;
				display: block;
				position: absolute;
				top: 240px;
				left: 620px;
			}
		.contents .wrap .mii,
		.contents .wrap .pokedia {
			margin-top: 44px;
		}
		.contents .wrap .notes {
			margin-left: 23px;
			padding: 4px 0px 0 0;
			text-align: right;
		}
		.contents .wrap .official {
			margin: 12px 0 0 0;
			text-align: center;
		}

#background {
	position: fixed;
	z-index: -1;
}

	#background p {
		position:absolute;
		left:0;
		top: -40px;
		text-align:center;
	}

		#background p img {
			opacity: 0;
			position:relative;
		}
/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/

#footer {
	position: relative;
	z-index: 3;
	background-color: #fff;
}

	#footer .line {
		background-color: #e6e6e6;
	}
		#footer .line .copyright {
			padding-top: 6px;
			width: 483px;
			float: left;
		}
		#footer .line .btn {
			width: 220px;
			float: right;
		}
		#footer ul li {
			float: left;
		}
	#footer .wrap {
		width: 928px;
		padding: 16px 16px;
	}


/*-------------------------------------------------------------------------
	Tablet
/*-----------------------------------------------------------------------*/

.tablet {
	width: 1024px;
	overflow: hidden;
}