@charset "Shift_JIS";

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


/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	position:relative;
	width:740px;
	height:590px;
	margin-bottom:15px;
	background-color:#c1b9b8;
}

	#title #main-image {
		position: relative;
		overflow: hidden;
	}
	#title #main-image h5,
	#title #main-image p {
		position: absolute;
	}
		#title #main-image h5 {
			top: 5px;
			left: 1200px;
		}
		#title #main-image p {
			top: 30px;
			left: -300px;
		}
		
		.noscript #title #main-image h5 {
			top: 5px;
			left: 425px;
		}
		.noscript #title #main-image p {
			top: 30px;
			left: 7px;
		}
	
		#title h5 a {
			display:inline-block;
			padding:14px 25px 9px 25px;
		}
		
	#title .navi {
		position:absolute;
		left:183px;
		top:458px;
	}
	
		#title .navi li {
			display:inline;
			float:left;
			margin:0;
		}

	#title .btn {
		position: absolute;
	}
	#title .btn.update {
		left:185px;
		top:500px;
	}
	#title .btn.tool {
		left:15px;
		top:460px;
	}
	#title .btn.movie {
		left:15px;
		top:348px;
	}
	#title .btn.trial {
		left:15px;
		top:475px;
	}
	#title .btn.event01 {
		left:595px;
		top:283px;
	}
	
	#title .news {
		position: absolute;
		left: 18px;
		top: 547px;
	}
		#title .news dt {
			float: left;
			display: inline;
			width: 91px;
			margin-top: 2px;
			margin-right: 10px;
		}
		#title .news dd {
			font-size: 12px;
			float: left;
			display: inline;
			width: 588px;
			height: 32px;
			line-height: 35px;
			padding: 0px 10px;
			background: url(../img/index/title/news/bg.png) left top no-repeat;
		}
			#title .news dd a {
				color: #ff9600;
				text-decoration: underline;
			}
				#title .news dd a:hover {
					color: #78D200;
				}

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

	#licensee_main .soft_detail .info_top {
		position: relative;
	}
	
		#licensee_main .soft_detail .info_top table {
			float: left;
			display: inline;
			width:334px !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 .info_bottom {
	}
		#licensee_main .soft_detail td {
			font-size: 95%;
		}
		#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 {
}

	#main-content .contents {
		position: relative;
	}
	
		#main-content .contents li {
			display:inline;
			float:left;
			position:relative;
		}
		
			#main-content .contents li .btn {
				position:absolute;
			}
			
			#main-content .contents li.make .btn {
				left:50px;
				top:460px;
			}
			
			#main-content .contents li.play .btn {
				left:240px;
				top:165px;
			}
			
			#main-content .contents li.link .btn {
				left:5px;
				top:190px;
			}
		
	#main-content .add {
		height:172px;
		background:url(../img/index/main/add/bg.jpg) no-repeat center top;
	}
	
		#main-content .add .btn {
			position:absolute;
			left:96px;
			top:0;
		}
		
#main-content div#character {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
	#character p {
		position: absolute;
	}
	#character #char01 {
		top: 0px;
		left: 488px;
		z-index: 2;
		width: 253px;
		overflow-x: hidden;
	}
	#character #char02 {
		top: 122px;
		left: 308px;
		z-index: 4;
	}
	#character #char03 {
		top: 364px;
		left: 557px;
		z-index: 3;
	}
	#character #char04 {
		top: 418px;
		left: 365px;
		z-index: 1;
	}
	
	
	#scene {
		background:url(../img/index/scene/bg.jpg) no-repeat center top;
		height: 244px;
		text-align: center;
		position: relative;
	}
		#scene .inner {
			background:url(../img/index/scene/box.png) no-repeat left top;
			width: 620px;
			height: 196px;
			margin: 0px auto;
			padding: 18px 25px 0px;
		}
			#scene .txt {
				width: 365px;
				float: left;
				display: inline;
				margin-right: 15px;
			}
			#scene .btn {
				width: 238px;
				float: left;
				display: inline;
				margin-top: 13px;
			}
			.wii #scene .btn,
			.ds #scene .btn,
			.noscript #scene .btn {
				position: relative;
				left: -15px;
				margin-top: 0px;
			}

#lightbox-content.movie.intro {
	padding: 180px 145px 120px 150px;
	background:url(../img/index/main/lightbox/bg_intro.png) no-repeat center center;
}
	.movie.intro #lightbox-close {
		right:90px;
		top:50px;
	}
#lightbox-content.photo {
	background:url(../img/index/main/lightbox/bg_satsuei.png) no-repeat center center;
}

.orange_btn {
	position: relative;
	width: 212px;
	height: 60px;
	font-size: 16px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	height: 56px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn img {
	position: absolute;
	right: 6px;
}
.orange_btn:hover img{
	right: 4px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}