@charset "Shift_JIS";

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


/*-------------------------------------------------------------------------
	Change Device
/*-----------------------------------------------------------------------*/
/*.sp .pc,
.sp #header,
.sp #topicpath,
.sp #footer,
.sp #secondary {
	display:none;
}

body.sp {
	background:none;
}*/

div.sp {
	display:none;
}
/*.sp .sp {
	display:block;
}

.sp #container {
	width:100%;
	max-width:640px;
}
.sp #primary {
	width:auto;
	float:none;
}*/


/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	position:relative;
	margin-bottom:10px;
	width:740px;
	height:491px;
	overflow:hidden;
	background-color:#03126d;
}
#main-image {
	background:url(../img/index/title/main/bg_main.png) left top no-repeat;
	height:491px;
	display:none;
}
#mainbg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background-color:#FFF;
}
#mainbg.none {
	display:none;
}
.noscript #main-image {
	display:block;
}
	#title .logo {
		position:absolute;
		top:305px;
		left:370px;
		width:0;
		height:0;
		text-align:center;
	}
		#title .logo img {
			width:0;
			height:auto;
		}
	#title p {
		position:absolute;
		top:-50px;
		left:140px;
	}
	#title #lightning {
		position:absolute;
		top:0;
		left:0;
		display:none;
	}
	
	#title li {
		position:absolute;
		display:none;
	}
	.noscript #title li {
		display:block;
	}
	
	#title #char01 {
		top:-330px;
		left:-250px;
	}
	#title #char02 {
		top:400px;
		left:-300px;
	}
	#title #char03 {
		top:500px;
		left:190px;
	}
	#title #char04 {
		top:230px;
		left:750px;
	}
	#title #char05 {
		top:-220px;
		left:604px;
	}
	
	.noscript #title #char01 {
		top:-90px;
		left:-20px;
	}
	.noscript #title #char02 {
		top:257px;
		left:-45px;
	}
	.noscript #title #char03 {
		top:303px;
		left:190px;
	}
	.noscript #title #char04 {
		top:188px;
		left:485px;
	}
	.noscript #title #char05 {
		top:-42px;
		left:464px;
	}
	
	.noscript #title .logo {
		top:54px;
		left:184px;
	}
		.noscript #title .logo img {
			width:auto;
		}
	.noscript #title p {
		top:10px;
		left:140px;
	}
	.noscript #title #lightning {
		display:block;
	}
	
	#title .btn {
		position:absolute;
		bottom:0px;
		right:0px;
		display:none;
	}
	.noscript #title .btn {
		display:block;
	}

/*-------------------------------------------------------------------------
	About
/*-----------------------------------------------------------------------*/
#about {
	background:url(../img/index/title/bg_about.gif) left 10px no-repeat;
	height:130px;
	margin-bottom:10px;
}
	#about .inner {
		padding:10px 15px;
	}
		#about .inner p {
			float:left;
			display:inline;
			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:6px;
	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 .icon {
			margin-left:-5px;
			margin-right:5px;
		}
		#licensee_main .soft_detail .info_top .cero {
			right:-7px !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:7px;
			padding-bottom:7px;
		}
		#licensee_main .soft_detail th.ttl {
			text-indent:-5px;
			padding-right:8px;
		}
		#licensee_main .soft_detail td {
			font-size:10px !important;
			vertical-align:top;
			padding-bottom:7px;
			padding-right:0px;
		}
		#licensee_main .soft_detail td.txt {
			text-indent:-0.5em;
		}
		#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: -2px;
			}
			
			#licensee_main .soft_detail .info_bottom .option .question {
				position:relative;
				top:12px;
			}
			#licensee_main .soft_detail .intro {
				margin-left:1px;
			}
			
/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/

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

.battletitle {
	padding-top:40px;
	margin-bottom:-10px;
}
	.battletitle h3 {
		text-align:center;
	}
	.battletitle .battle {
		padding:15px 15px 15px 35px;
	}
	.battletitle p {
		float:left;
		padding-top:35px;
	}
	.battletitle .img {
		float:right;
	}
	.copylist {
		text-align:center;
	}
	
/*-------------------------------------------------------------------------
	Rule
/*-----------------------------------------------------------------------*/
#battle {
	margin-bottom:10px;
}
	#battle .box {
		width:361px;
		height:390px;
		float:left;
		display:inline;
		background:url(../img/index/contents/battle/bg_radius.png) left top no-repeat;
	}
		#battle .box dl {
			padding:35px;
			padding-left:37px;
		}
		#battle .box dt {
			margin-bottom:10px;
			text-align:center;
		}
		#battle .box dd {
			text-align:center;
		}
		#battle #battle01 {
			margin-right:-20px;
			margin-left:-2px;
		}
			#battle #battle02 .img {
				margin-top:20px;
				margin-bottom:13px;
			}
		
/*-------------------------------------------------------------------------
	DEDEDE Z
/*-----------------------------------------------------------------------*/
#fightersZ {
	width:670px;
	margin:0 auto 20px;
}
	#fightersZ .area {
		background:url(../img/index/contents/z/bg_z.png) left top repeat-y;
		padding:0 25px 10px;
	}
	#fightersZ .point {
	}
		#fightersZ .point .descr {
			margin-left:8px;
			margin-bottom:7px;
		}
		#fightersZ .point .bgm {
			text-align:center;
		}

#point01 {
	padding-bottom:10px;
}
	#point01 .inner {
		position:relative;
		height:276px;
	}
		#point01 p {
		}
		#point01 .img {
			position:absolute;
			top:-5px;
			right:5px;
		}
		#point01 li {
			position:absolute;
		}
		#point01 .char01 {
			top:160px;
			left:-50px;
			display:none;
		}
		#point01 .char02 {
			top:145px;
			left:115px;
			display:none;
		}
		.noscript #point01 .char01 {
			display:block;
		}
		.noscript #point01 .char02 {
			display:block;
		}
		
#singlePlay {
	margin-top:10px;
}
	#singlePlay h4 {
		text-align:center;
		margin-bottom:10px;
	}
	#singlePlay .box,
	#point02 .box {
		float:left;
		margin-left:20px;
	}
	.float .descr {
		float:left;
	}
	.float .img {
		float:left;
	}
	#point02.float .img {
		margin-bottom:5px;
	}
	
#point02 .txtP02 {
	margin-top:5px;
	margin-left:15px;
	margin-bottom:-5px;
}


#point03 {
	position:relative;
}
	#point03 .img {
		margin-left:5px;
	}
	
	#point03 .minichar {
		position:absolute;
		bottom:-5px;
		left:15px;
	}
		#point03 .minichar .char01 {
			position:absolute;
			bottom:0px;
			left:0px;
			display:none;
		}
		#point03 .minichar .char02 {
			position:absolute;
			bottom:0px;
			left:170px;
			display:none;
		}
		.noscript #point03 .minichar .char01 {
			display:block;
		}
		.noscript #point03 .minichar .char02 {
			display:block;
		}

#slide {
	width:279px;
	height:268px;
	background:url(../img/index/contents/z/bg_point03.png) left top no-repeat;
}
	#slide .inner {
		padding:18px 7px;
	}
	#slide .slide {
		position:relative;
	}
		#slide .slide li {
			position:absolute;
			top:0;
			left:0;
			display:none;
		}
		#slide .slide li.current {
			display:block;
		}
	#slide .slideNav {
		position:absolute;
		top:238px;
		left:75px;
	}
		#slide .slideNav li {
			float:left;
			cursor:pointer;
			margin-left:5px;
			width:20px;
			height:18px;
			background:url(../img/index/contents/z/slide/nav_ov.gif) left top no-repeat;
		}
		#slide .slideNav li.current {
			text-indent:-9999px;
		}

/*-------------------------------------------------------------------------
	triple DX
/*-----------------------------------------------------------------------*/
#tripleDX {
	background:url(../img/index/contents/dx/bg_tripledx.png) left top no-repeat;
	height:947px;
	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 {
	}
	#tripleDX p {
		margin-left:25px;
		margin-bottom:15px;
	}
	#tripleDX ul {
		margin:5px 0 20px -5px;
	}
	#tripleDX li {
		float:left;
		display:inline;
		margin-left:15px;
	}
	#tripleDX .box {
		margin-bottom:15px;
	}
		#tripleDX p {
			float:left;
			margin-top:10px;
		}
		#tripleDX .img {
			float:left;
			margin-left:35px;
		}
	#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 p {
				float:none;
				margin:0;
			}
			#tripleDX .attention .inner .txt {
				margin-bottom:20px;
			}



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