div.patterns a { display: block; text-decoration: none; float: left; font-size: 15px; text-align: center; background-color: white; width: 200px; }

/* 1. pattern */
div.pattern_1 { padding: 3px; border: 1px solid black; }
div.pattern_1 div.title { border-bottom: 1px solid black; font-weight: bold; font-family: Times; }
div.pattern_1 div.body { margin: 5px; font-family: Arial; font-weight: 400; overflow: hidden; }

/* 2. pattern */
div.pattern_2 { border: 2px solid #A79A95; }
div.pattern_2 div.title { background-color: #D6CFCC; font-weight: bold; font-family: Arial; }
div.pattern_2 div.body { margin: 5px; font-family: Arial; font-weight: 400; overflow: hidden; }

/* 3. pattern */
div.pattern_3 { border: 4px solid #D6CFCC; position: relative; }
div.pattern_3 div.ba { position: absolute; bottom: 0px; left: 0px; background-image: url('/_image/classified/ba.gif'); width: 18px; height: 18px; }
div.pattern_3 div.bf { position: absolute; top: 0px; left: 0px; background-image: url('/_image/classified/bf.gif'); width: 18px; height: 18px;  }
div.pattern_3 div.ja { position: absolute; bottom: 0px; right: 0px; background-image: url('/_image/classified/ja.gif'); width: 18px; height: 18px;  }
div.pattern_3 div.jf { position: absolute; top: 0px; right: 0px; background-image: url('/_image/classified/jf.gif'); width: 18px; height: 18px;  }
div.pattern_3 div.title { font-weight: bold; font-family: Arial; }
div.pattern_3 div.body { margin: 5px; padding-bottom: 10px; font-family: Arial; font-weight: 400; overflow: hidden; }

/* 4. pattern */
div.pattern_4 {  }
div.pattern_4 div.title { font-style: italic; font-weight: bold; font-family: Times; }
div.pattern_4 div.body { margin: 5px; font-family: Times; font-weight: 400; overflow: hidden; }