@charset "Shift_JIS";

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


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

	#title h5 {
		left:0;
		bottom:0;
		background:url(../img/index/title/logo/off.png) no-repeat left top;
	}

	#title #title-navi {
	}
	
		#title #title-navi li {
			margin-right:10px;
		}
		
	#title .copy {
		display:none;
		position:relative;
		top:-5px;
		width:100%;
		text-align:center;
		z-index:0;
	}
		
	#title .obj {
		display:none;
		position:absolute;
		z-index:1;
	}
	
	#title .obj.fixed {
		display:block;
	}
	
		#title .obj img {
			position:relative;
		}
		
	#title #title-obj001 {
		left:156px;
		top:105px;
	}
	
	#title #title-obj002 {
		left:190px;
		top:212px;
	}
	
	#title #title-obj003 {
		left:0;
		bottom:0;
	}
	
	#title #title-obj004 {
		left:-20px;
		top:206px;
	}
	
	#title #title-obj005 {
		left:104px;
		top:360px;
	}
	
	#title #title-obj006 {
		left:136px;
		top:246px;
	}
	
	#title #title-obj007 {
		left:-20px;
		top:30px;
	}
	
	#title #title-obj008 {
		left:0;
		top:80px;
	}
	
	#title #title-obj009 {
		left:245px;
		top:365px;
	}
	
	#title #title-obj010 {
		left:284px;
		top:260px;
	}
	
	#title #title-obj011 {
		left:412px;
		top:365px;
	}
	
	#title #title-obj012 {
		left:646px;
		top:260px;
	}
		
	#title #title-obj013 {
		left:415px;
		top:270px;
	}
	
	#title #title-obj014 {
		left:665px;
		top:205px;
	}
	
	#title #title-obj015 {
		left:355px;
		top:100px;
	}
	
	#title #title-obj016 {
		left:395px;
		top:185px;
	}
	
	#title #title-obj017 {
		left:470px;
		top:340px;
	}
	
	#title #title-obj018 {
		left:564px;
		top:320px;
	}
	
	#title #title-obj019 {
		left:532px;
		top:90px;
	}
	
/*-------------------------------------------------------------------------
	Banner
/*-----------------------------------------------------------------------*/
#banner {
    margin-bottom:10px;
}

	#banner li {
	    float:left;
}
	#banner #interview {
	    float:right;
}
	
/*-------------------------------------------------------------------------
	Soft Detail
/*-----------------------------------------------------------------------*/
#licensee_main .soft_detail {
	margin-bottom:20px;
}

	#licensee_main .soft_detail #news {
		position:relative;
		width:472px;
	}
	
		#licensee_main .soft_detail #news em {
			display:inline-block;
			height:22px;
			padding-left:90px;
			background:url(../img/index/news/icon.gif) no-repeat left center;
			color:#eb4632;
			font-size:10px;
			font-style:normal;
			line-height:22px;
		}
	
		#licensee_main .soft_detail #news a {
			position:absolute;
			right: 130px;
			top: 4px;
		}

/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
}

	#summary .moviePlayerButton {
		position:absolute;
		left:382px;
		top:200px;
	}

/*-------------------------------------------------------------------------
	Operation
/*-----------------------------------------------------------------------*/
#operation {
}

	#operation .moviePlayer {
		position:absolute;
		left:370px;
		top:40px;
	}

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