/* CSS Document */
body{width: 100%;margin: 0;padding: 0;}
h1{font-size:12px;color:#999999;}
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
video{width:720; height: auto;margin: 0 auto 0 auto;}

#caption {position: fixed;width: auto;height: 20px; bottom:70px;right:1%;margin-top:0;margin-left:0;text-align:right;color:black;font-size:100%;font-weight: bold;line-height: 1em;}
#navi{position: fixed;bottom: 0;left: 0;width: 100%;height:auto;margin: 0;padding: 10px; text-align:left;color:white;font-size:12px;background-color:rgba(0,0,0,0.50); -moz-box-sizing: border-box;box-sizing: border-box;}
h1 {left:0;width: auto; height: auto; text-align:left;margin: 0;padding: 0; color:white;font-size:12px;line-height:12px;float:left;}
p #p1{height:50px;width:100%;text-align:left;color:white;font-size:12px;}

#goTop{text-align:left;left:1%;margin-left: 20px; float:left;color:white;font-size:12px;}
#goTop a{color:white;font-size:12px;text-decoration: none;}

#naviBtn{text-align:right;right:1%;margin-right: 20px; float:right;color:white;font-size:12px;}
#naviBtn a{color:white;font-size:12px;text-decoration: none;}
.clear{clear:both;width:100%;}
*:focus{outline:none;}

/* iPhone　------------------------------------------------------ */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
body{width: 100%;margin: 0;padding: 0;}
img{width: 96%; height: auto;margin: 0 2% 0 2%;}
video{width: 96%; height: auto;margin: 0 2% 0 2%;}

#wrapper #pjs{width:100%;height:auto;}
#navi{position: fixed;bottom: 0;left: 0;right:0; width:100%;height:auto;margin: 0;padding:10px; text-align:left;color:white;font-size:100%;background-color:rgba(0,0,0,0.50); -moz-box-sizing: border-box;box-sizing: border-box;}

}