@charset "utf-8";
/* CSS Document */

.speaker {
	width: 80%;
	margin-bottom: 15px;
}

h5 {
	color: #555;
	font-weight: bold;
	padding: 10px 10px 10px 0;
	line-height: 1.4em;
	font-size: 16px;
	margin:0;
}

.speaker1,
.speaker3 {
	float: left;
	width: 45%;
}
.speaker2,
.speaker4 {
	float: right;
	width: 45%;
}

.imgBOX {
	width: 100%;
}
.imgBOX img {
	width: 80%;
}
#speaker .atten {
	padding-left: 1em;
}



@media screen and (max-width: 1000px)  { 
.speaker {
	width: 100%;
	margin-bottom: 0;
}

.speaker1,
.speaker3 {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
.speaker2,
.speaker4 {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}

.imgBOX img {
	width: 100%;
}

}