@charset "Shift_JIS";

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

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

	#operation ul {
		position:absolute;
		left:80px;
		top:274px;
		margin-right:-108px;
	}
	
		#operation ul .moviePlayer {
			display:inline;
			float:left;
			width:131px;
			margin-right:100px;
		}
		
			#operation ul .moviePlayer .arrow {
				background-image:url(../../../files/img/common/main/movie/arrow/mini_off.png);
			}
			
			#operation ul .moviePlayer .arrow:hover {
				background-image:url(../../../files/img/common/main/movie/arrow/mini_on.png);
			}
			
	#operation .character {
		left:10px;
		bottom:0;
	}

/*-------------------------------------------------------------------------
	Demo
/*-----------------------------------------------------------------------*/
#demo {
	height:330px;
	background:#b8f6ff;
}

	#demo ul {
	}
	
		#demo ul li {
			display:inline;
			float:left;
			width:370px;
		}
		
			#demo ul li .title {
				margin-bottom:5px;
			}
			
			#demo ul li .moviePlayer {
				left:33px;
			}
			
/*-------------------------------------------------------------------------
	Etc
/*-----------------------------------------------------------------------*/
#etc {
}

	#etc .character.no0 {
		left:40px;
		bottom:220px;
	}
	
	#etc .character.no1 {
		left:116px;
		bottom:200px;
	}