|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> |
|
|
<head> |
|
|
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> |
|
|
<meta http-equiv="Pragma" content="no-cache"> |
|
|
<meta http-equiv="cache-control" content="no-cache"> |
|
|
<meta http-equiv="expires" content="0"> |
|
|
|
|
|
<meta http-equiv="Content-Style-Type" content="text/css" /> |
|
|
<meta http-equiv="Content-Script-Type" content="text/javascript" /> |
|
|
<meta name="copyright" content="Copyright XSERVER Inc." /> |
|
|
<meta name="robots" content="INDEX,FOLLOW" /> |
|
|
<title>メカニズム探究会</title> |
|
|
<style type="text/css"> |
|
|
|
|
|
* { |
|
|
margin : 0 ; |
|
|
padding : 0 ; |
|
|
font-size : 100% ; |
|
|
} |
|
|
|
|
|
body { |
|
|
font-size : 75% ; |
|
|
text-align : center ; |
|
|
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ; |
|
|
line-height : 1.4 ; |
|
|
} |
|
|
|
|
|
#container { |
|
|
width : 540px ; |
|
|
margin : 15px auto 30px ; |
|
|
} |
|
|
|
|
|
#container #header { |
|
|
width : 540px ; |
|
|
height : 52px ; |
|
|
background : url(default_page.png?date=210428) 0 0 no-repeat ; |
|
|
} |
|
|
|
|
|
#container #header a { |
|
|
display : block ; |
|
|
text-indent : -500em ; |
|
|
overflow : hidden ; |
|
|
width : 292px ; |
|
|
height : 40px ; |
|
|
margin : 0 auto ; |
|
|
} |
|
|
|
|
|
#container dl#contents { |
|
|
height : 108px ; |
|
|
margin-bottom : 8px ; |
|
|
background : url(default_page.png?date=210428) left bottom no-repeat ; |
|
|
} |
|
|
|
|
|
dl#contents dt { |
|
|
width : 540px ; |
|
|
text-align : center ; |
|
|
line-height : 30px ; |
|
|
height : 30px ; |
|
|
font-weight : bold ; |
|
|
font-size : 115% ; |
|
|
} |
|
|
|
|
|
dl#contents dd { |
|
|
text-align : left ; |
|
|
padding : 8px 12px ; |
|
|
position : relative ; |
|
|
} |
|
|
|
|
|
dl#contents dd #message { |
|
|
position : absolute ; |
|
|
top : 50px ; |
|
|
left : 30px ; |
|
|
} |
|
|
|
|
|
address { |
|
|
font-style : normal ; |
|
|
} |
|
|
|
|
|
</style> |
|
|
</head> |
<body>
<style>
.example img{
max-width: 100%;
height: auto;
}
</style>
<style>
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
</style>
<div class="example">
<img src="http://www.md-lab.info/lp/md/1-1.jpg" alt="">
<a href="https://lin.ee/VYM8fIG" target="_blank" ><img src="http://www.md-lab.info/lp/md/br.jpg" alt=""></a>
<img src="http://www.md-lab.info/lp/md/2.jpg" alt="">
<img src="http://www.md-lab.info/lp/md/3.jpg" alt="">
<img src="http://www.md-lab.info/lp/md/4-1.jpg" alt="">
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/_OpnlG19dOI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<img src="http://www.md-lab.info/lp/md/4-2.jpg" alt="">
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/2xLlg0M81LI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<img src="http://www.md-lab.info/lp/md/5-1.jpg" alt="">
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/_3U0-7y-LZI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</br>
</br>
<img src="http://www.md-lab.info/lp/md/5-2.jpg" alt="">
<a href="https://lin.ee/VYM8fIG" target="_blank" ><img src="http://www.md-lab.info/lp/md/br.jpg" alt=""></a>
</div>
</body>
</html>