div.PhotoBox {
			float: left;
			position: relative;
			overflow: hidden;
			margin: 0;				/* 隣接写真との余白量 */
			width: 49%;				/* 写真の横幅 */
			height: 100%;				/* 写真の高さ */
		}
		div.PhotoBox div.SlideBox {
			position: absolute;
			top:100%;
			left: 0px;				/* 写真の高さに合わせる */
			width: 100%;				/* 写真の横幅に合わせる */
			height: 50%;				/* スライドして重ねる領域の高さ */
			background-color: #0174DF;		/* スライドして重ねる領域の背景色 */
			color: white;				/* スライドして重ねる領域の文字色 */
								/* スライドして重ねる領域の透明度 */

			display:-webkit-box;/*--- Androidブラウザ用 ---*/
			display:-ms-flexbox;/*--- IE10 ---*/
			display: -webkit-flex;/*--- safari（PC）用 ---*/
			display:flex;
			
			-webkit-box-pack:center;/*--- Androidブラウザ用 ---*/
			-ms-flex-pack:center;/*--- IE10 ---*/
			-webkit-justify-content:center;/*--- safari（PC）用 ---*/
			justify-content: center;

			-webkit-box-align:center;/*--- Androidブラウザ用 ---*/
			-ms-flex-align:center;/*--- IE10 ---*/
			-webkit-align-items:center;/*--- safari（PC）用 ---*/
			align-items: center;

			text-align:center;
		}
		div.PhotoBox div.SlideBox p.Caption {
			font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
			font-weight: bold;  /* 文字の太さ */
			font-size: 90%;		/* 文字サイズ */
			margin: 0.5em;		/* 周囲の余白量 */

		}
		div.PhotoBox div.SlideBox p.Caption a,
		div.PhotoBox div.SlideBox p.Caption a:hover{
			color:#ffffff;
		}