@charset "utf-8";

/* DIYへ戻る */
#id001{ top :20px;left : 820px; position : absolute; }

/* logo1.gif */
#id002{margin: 20px 20px 20px 20px;}

/* wallppr011.gif */
#id003{margin: 20px  20px 20px 20px;} 

/* text */
#id004{margin: -370px 20px 20px 100px;
	width:650px; height:240px;}

/*-- エレベータの動作の動画(1) --*/

.div1{ 	margin-top:170px; margin-left:20px; width: 850px; height:1000px;
			border: black 1px solid; /*境界線の指定*/ }

/* 動画タイトル位置 */
.div1-1{ 
		margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
		width: 700px; /* flex コンテナの横幅を指定する */
		height: 60px; /* flex コンテナの高さを指定する */
		border:2px solid #006DD9; /* flex コンテナの境界線を実線で指定する */
	}		
/* タイトル領域 */
.div1-2{
		display: inline-flex; /* 要素をインライン用のflexコンテナとして定義する */
		justify-content: center;/* flexアイテムの上下中央を指定する */
		align-items: center; /* flexアイテムの左右中央を指定する */
		width: 696px; /* flex コンテナの横幅を指定する */
		height: 56px; /* flex コンテナの高さを指定する */
		border:2px solid #006DD9; /* flex コンテナの境界線を実線で指定する */
		background-color: lime;
	}
/* タイトル文字 */
.div1-3{
		font-family: sans-serif; 
		font-size: 20px; 
		color:black; 
		font-weight: bold; 
	}

/* 動画表示領域 */
.div2{ display: flex;
				justify-content: space-around;;
				margin-top:150px;  width: 850px; height:900px; 
				margin:  0 auto;            /* 中央寄せ */ }

/* 個別動画グループ */
.div3{ position : relative; 
				top:10px; left:0px; width:360px; height:500px; }

/* 日付バックイメージ */								
.img3-1{ position : absolute; 
				 width:170px; height:42px }
/* 日付 */
.div3-2{ position : absolute; 
				 top: 10px; left:10px;width:150px; height:100px;
				 font-family: sans-serif; font-size: 15px; color:white; }

/* 動画 */
.video4{ position : absolute; 
				top:50px; left:0px; width:360px; height:640px; }

/* 吹き出し領域 */
.div5{ position : absolute; 
				top:700px; left:0px; width:360px; height:160px; }
/* 吹き出しイメージ */				 
.img5-1{ position : absolute; 
				 width:360px; height:160px }
/* 吹き出し文字 */
.div5-2{ position : absolute; 
				 top: 10px; left:120px;width:200px; height:100px;
				 font-family: sans-serif; font-size: 18px; color:black; }




/*-- エレベータの動作のしくみの画像 --*/

/* IMG_4463.JPG */
#id010{margin: 420px  20px 20px 20px;}

/* balloon2.gif */
#id011{margin: -500px  20px 20px 720px;}

/* text */
#id012{margin: -250px  20px 20px 840px;
	width:200px; height:100px;}

/*-- 部屋側からの画像 --*/

/* IMG_4732.JPG */
#id013{margin: 420px  20px 20px 20px;}

/* balloon2.gif */
#id014{margin: -500px  20px 20px 720px;}

/* text */
#id015{margin: -250px  20px 450px 840px;
	width:200px; height:100px;}


/* text */
#id016{margin: 20px  20px 20px 820px;