DT { font-size:100%; font-weight:bold; }
H1, .text { clear:left; }
IMG#LevelUp { padding:12px 0em 6px 0.5em; }
@media all and (max-width:400px) {
.text { clear:both; }
IMG#LevelUp { padding:12px 0em 6px 0em; }
}
H4 { color:#754345; }
.first1, .first2 { color:#66533B; font-size:120%; text-align:center; min-width:18em; }
.first1 { float:left; clear:left; padding-top:1.5em; }
.first2 { float:right; clear:right; padding-bottom:1.5em; }
@media all and (max-width:680px) {
.first1, .first2 { padding-top:0.5em; padding-bottom:0.5em; }
}
@media all and (max-width:400px) {
.first1, .first2 { min-width:100%; float:none; clear:both; }
}
TABLE.grid { border-top:1px solid #fff; border-left:1px solid #fff; }
TABLE.grid TH { border-bottom:1px solid #fff; border-right:1px solid #fff; background-color:#CCB0B0; }
TABLE.grid TD { border-bottom:1px solid #fff; border-right:1px solid #fff; background-color:#DCC9C9; }
.normal { font-weight:normal; }
DIV.inset { float:right; clear:right; margin:10px 0px 10px 10px; background-color:#DED7C9; border:1px solid #7C6B4E; border-radius:8px; }
DIV.inset IMG { overflow:hidden; }
@media all and (max-width:680px) {
H4, DL { clear:right; }
DIV.inset { display:none; }
}