@charset "Shift_JIS";

@import "layout.css";
@import "../../../../css/thickboxcstm.css";


/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	position:relative;
	margin-bottom:10px;
	background:url(../img/index/title/main/bg_main.png) left top no-repeat;
	height:491px;
	overflow:hidden;
}
	#title .logo {
		position:absolute;
		top:69px;
		left:62px;
		width:397px;
		height:259px;
		line-height:259px;
		text-align:center;
	}
		#title .logo img {
			width:0;
			height:auto;
		}
	#title .txt {
		position:absolute;
		top:14px;
		left:135px;
	}
	.noscript #title .logo img {
		width:auto;
	}
	.noscript #title .txt {
		top:14px;
		left:135px;
	}
	
	#title .char {
	}
		#title .char li {
			position:absolute;
		}
		#title .char li.onpu {
			display:none;
		}
		
		#title #onpu01 {
			top:10px;
			left:11px;
		}
		#title #onpu02 {
			top:39px;
			left:75px;
		}
		#title #onpu03 {
			top:150px;
			left:28px;
		}
		#title #onpu04 {
			top:215px;
			left:3px;
		}
		#title #onpu05 {
			top:168px;
			left:142px;
		}
		#title #onpu06 {
			top:65px;
			left:405px;
		}
		#title #onpu07 {
			top:111px;
			left:436px;
		}
		#title #onpu08 {
			top:199px;
			left:417px;
		}
		#title #onpu09 {
			top:58px;
			left:555px;
		}
		#title #onpu10 {
			top:30px;
			left:616px;
		}
		#title #onpu11 {
			top:203px;
			left:661px;
		}
		#title #onpu12 {
			top:346px;
			left:301px;
		}
		#title #onpu13 {
			top:366px;
			left:366px;
		}
		#title #onpu14 {
			top:431px;
			left:350px;
		}
		#title #onpu15 {
			top:346px;
			left:529px;
		}
		#title #onpu16 {
			top:409px;
			left:563px;
		}
		#title #char01 {
			top:600px;
			left:320px;
		}
		#title #char02 {
			top:246px;
			left:-500px;
		}
		
		/* NoScript */
		.noscript #title #onpu01 {
			top:10px;
			left:11px;
		}
		.noscript #title #onpu02 {
			top:39px;
			left:75px;
		}
		.noscript #title #onpu03 {
			top:150px;
			left:28px;
		}
		.noscript #title #onpu04 {
			top:215px;
			left:3px;
		}
		.noscript #title #onpu05 {
			top:168px;
			left:142px;
		}
		.noscript #title #onpu06 {
			top:65px;
			left:405px;
		}
		.noscript #title #onpu07 {
			top:111px;
			left:436px;
		}
		.noscript #title #onpu08 {
			top:199px;
			left:417px;
		}
		.noscript #title #onpu09 {
			top:58px;
			left:555px;
		}
		.noscript #title #onpu10 {
			top:30px;
			left:616px;
		}
		.noscript #title #onpu11 {
			top:203px;
			left:661px;
		}
		.noscript #title #onpu12 {
			top:346px;
			left:301px;
		}
		.noscript #title #onpu13 {
			top:366px;
			left:366px;
		}
		.noscript #title #onpu14 {
			top:431px;
			left:350px;
		}
		.noscript #title #onpu15 {
			top:346px;
			left:529px;
		}
		.noscript #title #onpu16 {
			top:409px;
			left:563px;
		}
		.noscript #title #char01 {
			top:251px;
			left:320px;
		}
		.noscript #title #char02 {
			top:246px;
			left:0px;
		}
	
	#title .btn {
		position:absolute;
		top:110px;
		right:0px;
		display:none;
	}
	.noscript #title .btn {
		display:block;
	}

/*-------------------------------------------------------------------------
	About
/*-----------------------------------------------------------------------*/
#about {
	background:url(../img/index/title/bg_about.jpg) left 10px no-repeat;
	height:130px;
	margin-bottom:10px;
}
	#about .inner {
		padding:10px 15px;
	}
		#about .inner p {
			float:left;
			width:410px;
			margin-top:5px;
			position:relative;
		}
		#about .inner .img {
			float:right;
			display:inline;
		}
		
.figthers {
	margin-bottom:10px;
}

/*-------------------------------------------------------------------------
	Soft Detail
/*-----------------------------------------------------------------------*/
#licensee_main .soft_detail {
	position:relative;
	padding-bottom:0px;
	margin-bottom:15px;
}

	#licensee_main .soft_detail .info_top {
		position: relative;
	}
	
		#licensee_main .soft_detail .info_top table {
			float: left;
			display: inline;
			width:380px !important;
		}
		
		#licensee_main .soft_detail .info_top .cero {
			right:0px !important;
			top:0px !important;
		}
		#licensee_main .soft_detail .network {
			position:absolute;
			right:0;
			top:54px;
			width:38px;
			height:53px;
		}
	
	#licensee_main .soft_detail .column1 {
		padding-left:10px;
		width:485px;
	}
		#licensee_main .soft_detail .column1 .info_top {
			width:auto;
			margin-bottom:8px;
		}
	#licensee_main .soft_detail .column2 {
		float:right;
		display:inline;
		padding-left:0px;
		padding-right:10px;
	}
	#licensee_main .soft_detail .info_bottom {
	}
		#licensee_main .soft_detail th {
			vertical-align:top;
			padding-left:10px;
			padding-bottom:7px;
		}
		#licensee_main .soft_detail th.ttl {
			text-indent:-5px;
			padding-right:8px;
		}
		#licensee_main .soft_detail td {
			font-size:11px !important;
			vertical-align:top;
			padding-bottom:7px;
			padding-right:8px;
		}
		#licensee_main .soft_detail .info_bottom .option {
		}
		
			#licensee_main .soft_detail .info_bottom .option p {
				display:inline;
				float:left;
				margin-right:32px;
			}
			
			#licensee_main .soft_detail .info_bottom .option .pass {
				margin-right:0;
				margin-top: 4px;
			}
			
			#licensee_main .soft_detail .info_bottom .option .question {
				position:relative;
				top:12px;
			}
			
/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
}

#contents {
	background:url(../img/index/contents/bg_contents.gif) left top;
}
	#contents .wrap {
		padding:20px 20px 30px;
	}

.jumptitle {
	position:relative;
}
	.jumptitle p {
		text-align:center;
		position:absolute;
		width:100%;
		top:140px;
		left:0;
	}
	
	.jumptitle .scritem {
	}
		.jumptitle .scritem li {
			position:absolute;
			display:none;
		}
		.jumptitle .scritem .scrimg01 {
			top:95px;
			left:19px;
		}
		.jumptitle .scritem .scrimg02 {
			top:6px;
			left:29px;
		}
		.jumptitle .scritem .scrimg03 {
			top:12px;
			left:92px;
		}
		.jumptitle .scritem .scrimg04 {
			top:11px;
			right:63px;
		}
		.jumptitle .scritem .scrimg05 {
			top:49px;
			right:4px;
		}
		.noscript .jumptitle .scritem .scrimg01,
		.noscript .jumptitle .scritem .scrimg02,
		.noscript .jumptitle .scritem .scrimg03,
		.noscript .jumptitle .scritem .scrimg04,
		.noscript .jumptitle .scritem .scrimg05 {
			display:block;
		}
	
/*-------------------------------------------------------------------------
	Rule
/*-----------------------------------------------------------------------*/
#rule {
}
	#rule .box {
		width:350px;
		height:463px;
		float:left;
		display:inline;
		background:url(../img/index/contents/rule/bg_radius.png) left top no-repeat;
	}
		#rule .box dl {
			padding:35px;
			padding-left:30px;
		}
		#rule .box dt {
			margin-bottom:10px;
			text-align:center;
		}
		#rule .box dd {
			text-align:center;
		}
		#rule .box .img {
			position:absolute;
			bottom:35px;
			left:0;
		}
		#rule .box .img02 {
			margin-top:-10px;
		}
		#rule .scritem {
		}
			#rule .scritem li {
				position:absolute;
			}
				#rule .scritem li img {
					width:0;
					height:auto;
				}
				.noscript #rule .scritem li img {
					width:100%;
				}
			#rule .scritem .scrimg01 {
				bottom:127px;
				left:-2px;
				width:106px;
			}
			#rule .scritem .scrimg02 {
				bottom:170px;
				left:64px;
				width:130px;
			}
			#rule .scritem .scrimg03 {
				bottom:208px;
				left:147px;
				width:164px;
			}
			
		
/*-------------------------------------------------------------------------
	DEDEDE Z
/*-----------------------------------------------------------------------*/
#dededeZ {
	width:670px;
	margin:0 auto 30px;
}
	#dededeZ .area {
		background:url(../img/index/contents/z/bg_z.png) left top no-repeat;
		padding:0 25px 25px;
		height:1481px;
	}
	#dededeZ .point {
		margin-bottom:5px;
	}
		#dededeZ .point .descr {
			margin-left:8px;
			margin-bottom:7px;
		}
		#dededeZ .point .bgm {
			text-align:center;
		}
	
	#point02 .inner {
	}
	#point02 .trap {
		float:left;
		display:inline;
		margin-left:20px;
		margin-bottom:20px;
	}
	#point02 #trap03, #point02 #trap04 {
		margin-bottom:10px;
	}

	.float .descr {
		float:left;
		display:inline;
		margin-top:-8px;
	}
	.float .img {
		float:right;
		display:inline;
		margin-top:-8px;
		margin-right:20px;
	}
	
/*-------------------------------------------------------------------------
	triple DX
/*-----------------------------------------------------------------------*/
#tripleDX {
	background:url(../img/index/contents/dx/bg_tripledx.png) left top no-repeat;
	height:710px;
	width:670px;
	margin:0 auto;
}
	#tripleDX .inner {
		padding:10px 15px 25px;
	}
	#tripleDX .ttl {
		padding-top:20px;
		padding-left:20px;
	}
		#tripleDX .ttl h4 {
			width:481px;
			float:left;
			position:relative;
			margin-top:5px;
		}
			#tripleDX .ttl h4 span {
				display:block;
				position:absolute;
				top:0;
				left:0;
			}
		#tripleDX .ttl .thumb {
			float:left;
		}
	#tripleDX h5 {
		margin-bottom:10px;
	}
	#tripleDX p.special {
		margin-left:20px;
	}
	#tripleDX ul {
		margin:5px 0 20px 10px;
	}
	#tripleDX li {
		float:left;
		display:inline;
		margin-left:23px;
	}
	#tripleDX .attention {
		width:618px;
		margin-left:10px;
	}
		#tripleDX .attention .inner {
			padding:5px 45px;
			border-left:3px solid #ff3c91;
			border-right:3px solid #ff3c91;
		}
			#tripleDX .attention .inner .txt {
				margin-bottom:20px;
			}



.sp h3 img {
	width:100%;
	height:auto;
}


#licensee_main .soft_detail .column1 div.info_top{
	border-bottom: none;
	margin-bottom: 14px;
	padding-bottom:0px;
}