body { 
background-repeat: repeat-y;
background-image: url(./bg.jpg);
font-family:Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana,sans-serif;
font-size:90%;
}

a { text-decoration:none }
a:hover { text-decoration:underline; color:red; }

.box { text-align:center; }

div.main {
text-align:left;
margin: 1em auto 1em auto;
max-width: 720px;
}

div.dota {
width: 100%;
background-color: #222222;
color: white;
padding: 1px 
}

div.dotb {
width: 100%;
background-color: white;
padding: 7px 
}

.topics {
color: #FF0066;
font-weight: bold;
}

/* Responsive stuff */

@media screen and (min-width: 769px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

}

@media screen and (max-width: 768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

}

@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

}

.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
}
	 
.video-container iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
}