.key {
	background-color:#000000; border:solid 2px #f5f5f5; width:500px;
	padding: 3px 8px 3px 8px; border-radius: 5px;
}
.quote {
	padding: 0 0 0 30px;
}
.headline {
	border-bottom:solid 2px #cccccc;
	padding:0 0 6px 0px; border-radius: 0px 0 0 0px;
}
.headline-b {
	border-bottom:solid 2px #cccccc; margin: 40px 0 0 0;
	padding:0 0 6px 0px; border-radius: 0px 0 0 0px;
}

.note_img01 {
	width: 320px; height: 200px; margin: 5px 0 5px 0;
}

.dos {
	border: solid 2px #f7f7f7; border-radius: 5px; width: 400px; padding: 2px 2px 2px 4px;
}
.img1 {
	margin: 3px 0 3px 0;
}
.img2 {
	margin: 6px 0 3px 0;
}
.img3 {
	margin: 3px 0 3px 0; vertical-align: middle;
}
.img4 {
	margin: 12px 0 3px 0;
}
.img5 {
	margin: 3px 0 6px 0; vertical-align: middle;
}
.font1 {
	 color: #ff8d2c;
}
.font2 {
	 color: #ff2c2c;
}
.tbl1 {
	margin: 10px 0 0 20px;
}
.td1 {
	white-space: pre;  color: #ff8d2c; border-bottom: dotted 1px #ff8d2c; padding: 0 20px 0 0px;
}
.td2 {
	padding: 0 0px 0 3px;
}
.td3 {
	background-color: #fc3c08; width: 20px;
}
.td4 {
	text-align: center; padding: 0 10px 0 10px;
}
.td5 {
	background-color: #4c5878; width: 22px; height: 21px;
}
.td6 {
	 color: #ff8d2c; border-bottom: dotted 1px #ff8d2c; padding: 0 5px 0 5px;
}
.td7 {
	 color: #ff8d2c; padding: 0 5px 0 5px;
}
.td8 {
	text-align: center; padding: 0 3px 0 3px;
}
.td10 {
	padding: 0 0px 0 3px; font-size: 12px;
}
.td11 {
	padding: 0 5px 0 5px; text-align: center; border: dotted 1px #e4e4e4;
}
@media screen and (max-width: 400px) {
	.note_img01 { width: 200px; height: 125px; }
	.dos { width: auto;}
}