/* CSS Document */
#gallery ul#photos{
  /* 画像の幅 */
  --width: 800px;/* 単位付きのプロパティ値 */
  /* 表示ページ数 */
  --count: 16;/* 整数値 */
}
img{ border:none;}

#galleryBox{ width:900px; margin:0 auto; padding:5px 0; position:relative; }

li { list-style-type:none;}

#gallery {position:relative ;width:800px; height:970px;overflow:hidden; margin:0 auto; border:5px solid #BBE1EA; text-align:right;}
#gallery ul#photos{
  width: var(--width);/* 参照にはvar()を使う */
  width:calc(var(--count) * var(--width));/*全ページの幅*/
  position:relative;
  top:0;
  overflow:hidden;
  padding:0;
  margin:0;
}
#gallery ul#photos li{float:left; width:800px; height:970px;}

ul#navigation li.prev{position:absolute;left:0px;top:5px;z-index:2; cursor:pointer;}
ul#navigation li.next{position:absolute;right:0px;top:5px;z-index:2; cursor:pointer;}

#gallery li.top{z-index:1}

#control { overflow:hidden; width:810px; margin:0 auto; padding-top:10px;}
#control li{
	float:left;
	/* width:60px; */
	width: 85px;
	padding:0 5px;
	text-align:center;
	border:1px solid #ccc;
	cursor:pointer;
}

p#btn_pdf{ padding:0 0 20px; text-align:center;}