#container{position: absolute; width:100%; height: 100%; z-index: 1; top: 0px; left:0px;background-color:#ffffff; overflow:hidden; min-width:320px; min-height:430px;}
#title{position: absolute; width: 200px; height: 81px; z-index: 1; top: 25px; left: 50%; margin-left:-100px; text-align: center; font-size:16px;}
.photo{position: absolute; width: 120px; height: 85px; z-index: 3; left: 50%; margin-left:-60px; background-repeat:no-repeat;}
.photo:hover{cursor:pointer;} 
#photo01{ top: 161px; background-image:url('サンプル小写真01.png');}
#photo02{ top: 316px; background-image:url('サンプル小写真02.png');}
.shade{position: absolute; width: 0px; height: 100%; z-index: 10; top: 0px; background-color:#000000;opacity:0.8;}
#shader{ right:0px;}
#shadel{ left:0px; }
#photobox{ display:none; position: absolute; width: 100px; height: 100px; z-index: 11; top: 217px; left: 170px; background-repeat:no-repeat;background-size:contain;}
#closebtn{position: absolute; width: 31px; height: 32px; z-index: 1; top: -33px; left:50%; margin-left:-15.5px; background-image:url('クローズボタン画像.png');}
#closebtn:hover{ cursor:pointer;}