@charset "utf-8";

@import "layout.css";


body {
	background: url(../img/index/bg_ptn.gif) center center;
}
#update {
	background: none;
}


/*-------------------------------------------------------------------------
	header
/*-----------------------------------------------------------------------*/
#header {
	height: 30px;
	padding-top: 20px;
	background-color: #fff;
	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 {
	height: 673px;
	background:url(../img/index/title/bg.jpg) 0 0 repeat-x;
	overflow: hidden;
	position: relative;
}
	#title .wrap {
	}
	#title h1,
	#title .download,
	#title .goods,
	#title .youtube,
	#title .background {
		position: absolute;
		z-index: 1
	}
	#title .download {
		top: 84px;
		left: 0;
	}
	#title .goods {
		top: 64px;
		right: 0;
	}
	#title .youtube {
		top: 382px;
		left: 281px;
	}
	#title h1 {
		top: 32px;
		left: 172px;
	}
	#title .background {
		top: 14px;
		left: -306px;
		z-index: 0;
	}
	#title .copy {
		height: 171px;
		background-color: #fff432;
	}
		#title .copy .txt {
			float: left;
			position: absolute;
			top: -29px;
			left: 6px;

		}
		#title .copy .youtube {
			float: right;
			position: absolute;
			top: -38px;
			right: 12px;
		}

/*-------------------------------------------------------------------------
	info
/*-----------------------------------------------------------------------*/
#info {
	background: #fff;
}
	#info .wrap {
		padding: 20px 0 10px 10px;
		background: url(../img/index/info/bg.gif) no-repeat 10px bottom;
	}
		#info iframe {
			width: 884px;
			padding: 4px 18px;
			border-left: 4px solid #ff9600;
			border-right: 4px solid #ff9600;
			overflow: hidden;
		}

		#infoInner {
			height: 50px;
			width: 92%;
			background: #fff;
			color: #6b521f;
			font-size: 120%;
			font-weight: 800;
			overflow: hidden;
		}
			#infoInner dl {
				width: 100%;
			}
				#infoInner dt {
					float: left;
					width: 7em;
				}
				#infoInner dd {
					width: 768px;
					padding-left: 7em;
				}
				.tablet #infoInner dd {
					width: auto;
					padding-left: 7em;
				}
					#infoInner dd a {
						color: #6b521f;
						text-decoration: underline;
					}
					#infoInner dd a:hover {
						color: #7f652f;
						text-decoration: none;
					}
.pc .noscript #infoInner {
	height: 48px;
	overflow: scroll;
	overflow-x: hidden;
}

/*-------------------------------------------------------------------------
	soft_detail
/*-----------------------------------------------------------------------*/
#soft_detail {
	background-color: #fff;
	position: relative;
	z-index: 2;
}
	#soft_detail .wrap {
		padding: 16px 0;
	}
		#soft_detail .box {
			width: 700px;
			float: left;
		}
			#soft_detail .box .icon {
				width: 100px;
				float: left;
				margin-right: 26px;
			}
				#soft_detail .box .icon .cero {
					width: 37px;
					float: left;
					margin: 22px 5px 0 5px;
				}
				#soft_detail .box .icon .network {
					width: 53px;
					float: left;
					margin-top: 18px;
				}
			#soft_detail .box .detail {
				width: 566px;
				float: left;
			}
				#soft_detail .box .detail .sec1 {
					padding-bottom: 12px;
				}
				#soft_detail .box .detail .sec2 {
				}
					#soft_detail .box .detail .sec2 ul {
						width: 100%;
						margin-top: 20px;
					}
						#soft_detail .box .detail .sec2 ul li {
							float: left;
						}
						#soft_detail .box .detail .sec2 ul .surechigai {
							margin-right: 80px;
						}
						#soft_detail .box .detail .sec2 ul .about {
							margin-top: 5px;
							float: right;
						}
							#soft_detail .box .detail .sec2 ul .about img {
								padding-bottom: 4px;
							}
						#soft_detail .box .detail .sec2 ul .pdf img {
							padding-top: 0;
						}
						#soft_detail .box .detail .sec2 ul .guardian {
							float: right;
						}
						#soft_detail .box .detail .sec2 ul .theme {
							margin-top: 8px;
						}
						#soft_detail .box .detail .sec2 ul .internet {
							float: left;
							margin: 4px 0 0 0;
							clear: both;
						}

					#soft_detail .box .detail .sec2 .line2 {
						margin-top: 24px;
					}

				#soft_detail .box .detail .line {
					background: url(../img/index/soft_detail/line.gif) repeat-x bottom;
				}
			    #soft_detail .box .detail ul {
			    	float: left;
			    }
			    	#soft_detail .box .detail ul li {
			    		line-height: 0;
			    		margin-bottom: 8px;
			    	}
			    #soft_detail .box .detail .txt01 {
			    	margin-right: 60px;
			    }
	#soft_detail .bnr {
		width: 160px;
		float: right;
		margin-right: 27px;
		margin-top: 14px;
	}
		#soft_detail .bnr ul li {
			margin-bottom: 14px;
		}

/*-------------------------------------------------------------------------
	Contents
/*-----------------------------------------------------------------------*/
.contents {
	height: 4248px;
	background: url(../img/index/bg.gif) no-repeat center top;
}
	.contents .wrap {
		text-align: center;
	}

	.contents .sec01 {
		padding-top: 32px;
	}
		.contents .sec01 h2 {
			margin-left: -8px;
		}
		.contents .sec01 .txt01 {
			margin: -16px 0 0 -120px;
		}
		.contents .sec01 .process {
			margin-top: -80px;
		}
		.contents .sec01 .txt02 {
			margin-top: 28px;
		}

	.contents .sec02 {
		padding-top: 140px;
	}
		.contents .sec02 h2 {
			margin-left: 52px;
		}
		.contents .sec02 .txt01 {
			margin: -40px 0 0 -108px;
		}
		.contents .sec02 .course {
			margin-top: 20px;
			position: relative;
		}
			.contents .sec02 .course li {
				margin: 20px 16px 0 16px;
				float: left;
			}
			.contents .sec02 .course .num01 {
			}
			.contents .sec02 .course .num02 {
				margin-top: 24px;
			}
			.contents .sec02 .course .num03 {
			}
			.contents .sec02 .course .num04 {
			}
			.contents .sec02 .course .price {
				position: absolute;
				top: 400px;
				left: 0;
				bottom: 0;
				right: 0;
			}
		.contents .sec02 .note {
			margin: 16px 0 0 -8px;
		}

	.contents .sec03 {
		padding-top: 128px;
	}
		.contents .sec03 h2 {
			margin-left: 8px;
		}
		.contents .sec03 .txt01 {
			margin-top: 16px;
		}
		.contents .sec03 .txt02 {
			margin: 44px 0 0 -28px;
		}

	.contents .bnr {
		padding: 88px 0 0 16px;
	}
		.contents .bnr ul li {
			float: left;
			margin-right: 16px;
		}
			.contents .bnr dd {
				height: 177px;
				padding-left: 30px;
				background: url(../img/index/btn/bg.png) no-repeat;
			}
				.contents .bnr p {
					text-align: center;
				}
				.contents .bnr dd ul .threeDS {
					height: 144px;
					border-right: solid 2px #32aaff;
				}
					.contents .bnr dd ul .threeDS p {
						margin-left: -32px;
					}
				.contents .bnr dd ul li {
					margin-top: 10px;
				}
				.contents .bnr dd ul li a {
					display: block;
				}
				.contents .bnr dd ul .logo01 {
					margin: 32px 4px 0 0;
				}
				.contents .bnr dd ul .logo02 {
					margin: 20px 24px 0 0;
				}
				.contents .bnr dd ul .logo03 {
					margin: 12px 0 0 10px;
				}


/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/

#footer {
	position: relative;
	z-index: 3;
	background-color: #fff;
}
	#footer ul {
		padding: 0 16px;
	}
		#footer ul li {
			float: left;
		}
		#footer ul .is {
			float: right;
		}
	#footer .wrap {
		padding: 16px 0;
	}