body{margin: 0;word-break:break-all;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; } 
 #container{width:100%; height: 100%; z-index: 1; top: 0px; left:0px;background-color:#ffffff; overflow:hidden; min-width:320px; min-height:430px;
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
 }
 #title{ width: 200px; height: 81px; z-index: 1; text-align: center; font-size: 1em; margin:20px 0 20px 0;
    -webkit-order: 0; -ms-flex-order: 0; order: 0;
    -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
 }
 .photo{width: 120px; height: 85px; z-index: 3; background-repeat:no-repeat; margin:15px 0 15px 0;}
 .photo:hover{cursor:pointer;}
 #photo01{ background-image: url('../images/sam0001.png');
     -webkit-order: 1; -ms-flex-order: 1; order: 1;
    -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;

 }
 #photo02{background-image:url('../images/sam0002.png');
     -webkit-order: 2; -ms-flex-order: 2; order: 2;
    -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;

 }
 .shade{position: absolute; width: 0px; height: 100%; z-index: 10; top: 0px; background-color:#000000;opacity:0.7;}
 #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('../../../images/close.png');}
  #closebtn:hover{ cursor:pointer;}

.rtunbtn{ border: 1px solid #d5af00; padding:5px 15px 5px 15px; background-color:#ffd89b;font-size:1em; margin-top:30px;
	   -webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
       -o-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
       -ms-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
       border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;
    -webkit-order: 3; -ms-flex-order: 3; order: 3;
    -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;

}
.rtunbtn a{ text-decoration:none;}
.rtunbtn:hover, .rtunbtn:focus, .rtunbtn:active { cursor:pointer;}
.rtunbtn:hover a{color:#ff0000;}