@charset "Shift_JIS";

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


/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/

#title {
	position:relative;
	margin-bottom:20px;
	width:740px;
	height:500px;
}

	#title ul {
	}
	
		#title ul li {
			position:absolute;
			top:420px;
		}
		
		#title ul li.parent {
			z-index:10;
		}
		
			#title ul li a {
				display:block;
				overflow:hidden;
				text-indent:-9999em;
			}
		
			#title ul li.red {
				left:151px;
			}
			
				#title ul li.red a {
					height:60px;
					width:124px;
					background:url(../img/index/title/navi/red_off.png) no-repeat left top;
					overflow:hidden;
				}
			
				#title ul li.red a:hover {
					background:url(../img/index/title/navi/red_on.png) no-repeat left top;
				}
				
			#title ul li.monster {
				left:254px;
			}
			
				#title ul li.monster a {
					width:124px;
					height:63px;
					background:url(../img/index/title/navi/monster_off.png) no-repeat left top;
				}
			
				#title ul li.monster a:hover {
					background:url(../img/index/title/navi/monster_on.png) no-repeat left top;
					z-index:100;
				}
				
			#title ul li.west {
				left:360px;
			}
			
				#title ul li.west a {
					width:125px;
					height:63px;
					background:url(../img/index/title/navi/west_off.png) no-repeat left top;
				}
			
				#title ul li.west a:hover {
					background:url(../img/index/title/navi/west_on.png) no-repeat left top;
				}
				
			#title ul li.riss {
				left:463px;
			}
			
				#title ul li.riss a {
					width:138px;
					height:63px;
					background:url(../img/index/title/navi/riss_off.png) no-repeat left top;
				}
			
				#title ul li.riss a:hover {
					background:url(../img/index/title/navi/riss_on.png) no-repeat left top;
				}
		
		#title #thickbox-button {
			position:absolute;
			left:495px;
			top:28px;
			z-index:10;
			}

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/

#story {
	position:relative;
}

	#story .movie .moviePlayer {
		width:315px;
		height:240px;
		position:absolute;
		left:367px;
		top:148px;
	}

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