@charset "Shift_JIS";

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


/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	overflow:hidden;
	height:436px;
	margin-bottom:35px;
	background-image:url(../img/index/title/bg.jpg);
}

.ds #title {
	background-image:url(../img/index/title/bg_ds.jpg);
}

	#title h5,
	#title .copy,
	#title .bird,
	#title .character,
	#title #title-navi {
		display:none;
		position:absolute;
		left:0;
		width:100%;
		text-align:center;
	}

	#title h5 {
		position:relative;
		top:85px;
		z-index:1;
	}
	
	#title .copy {
		top:25px;
	}
	
	#title .bird {
		top:75px;
	}
	
		#title .bird li {
			position:absolute;
		}
		
		#title .bird .no0 {
			left:60px;
			top:30px;
		}
		
		#title .bird .no1 {
			left:115px;
			top:0;
		}
		
		#title .bird .no2 {
			left:600px;
			top:20px;
		}
		
	#title .character {
		top:240px;
	}
	
		#title .character li {
			position:absolute;
		}
		
		#title .character .no0 {
			left:590px;
			top:26px;
		}
		
		#title .character .no1 {
			left:668px;
			top:70px;
		}
		
		#title .character .no2 {
			left:530px;
			top:64px;
		}
		
		#title .character .no3 {
			left:22px;
			top:0;
		}
		
		#title .character .no4 {
			left:100px;
			top:20px;
		}

	#title #title-navi {
		display:block;
		left:79px;
		bottom:5px;
		width:auto;
		z-index:2;
	}
	
		#title #title-navi li {
			width:194px;
			height:96px;
		}
		
			#title #title-navi li a {
			}
			
				#title #title-navi li a .obj {
					right:24px;
					bottom:20px;
				}
				
		#title #title-navi li .new {
			position:absolute;
			right:-40px;
			top:15px;
		}
		
	#title .cloud,
	#title .cloud li {
		position:absolute;
		left:0;
		top:0;
	}
	
	.ds #title .cloud {
		display:none;
	}
	
/*-------------------------------------------------------------------------
	Soft Detail
/*-----------------------------------------------------------------------*/
#licensee_main .soft_detail {
	position:relative;
	margin-bottom:10px;
}

	#licensee_main .soft_detail .info_top {
		position:relative;
		padding-bottom:11px !important;
	}
	
	#licensee_main .soft_detail .info_bottom {
	}
	
		#licensee_main .soft_detail .info_bottom p {
			display:inline;
		}
		
		#licensee_main .soft_detail .info_bottom .banner {
	float:left;
		}

		#licensee_main .soft_detail .info_bottom .news {
		float:left;
		padding-top:16px;
		padding-left:5px;
		}

#licensee_main .soft_detail .info_bottom .news a:link {
	color: #EB4632;
	text-decoration:none;
}

#licensee_main .soft_detail .info_bottom .news a:hover {
	color: #EB4632;
	text-decoration:underline;
}
		
#licensee_main .soft_detail .info_bottom .news a:visited {
	color: #EB4632;
	text-decoration:none;
}

		#licensee_main .soft_detail .info_bottom .txt {
			position:relative;
			top:10px;
			float:right;
		}
	
	#licensee_main .soft_detail .network {
		position:absolute;
		right:0;
		top:54px;
		width:38px;
		height:53px;
	}

/*-------------------------------------------------------------------------
	About
/*-----------------------------------------------------------------------*/
#about {
	position:relative;
}

	#about .moviePlayer {
		position:absolute;
		left:390px;
		top:40px;
	}
	
/*-------------------------------------------------------------------------
	Character
/*-----------------------------------------------------------------------*/
#character {
}

	#character .txt,
	#character .navi {
		position:absolute;
	}

	#character .txt {
		left:130px;
		top:124px;
	}
	
		#character .txt li {
			display:none;
			position:absolute;
			left:0;
			top:0;
		}
		
		#character .txt li:first-child {
			display:block;
		}

	#character .navi {
		left:384px;
		top:30px;
		width:350px;
	}
	
		#character .navi li {
			display:inline;
			float:left;
			width:112px;
			margin:0 20px 20px 0;
		}
		
		#character .navi .no2 {
			margin-left:24px;
		}
		
			#character .navi li .img {
				display:block;
				width:112px;
				height:96px;
				text-align:center;
			}
			
				#character .navi li .img img {
					position:relative;
				}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.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%;
}