/* BASIC css start */
#main { position: relative; }
#main .visual-banner { zoom: 1; overflow: hidden; }
#main .visual-banner .visual { float: left; width: 836px; }
#main .visual-banner .banner { float: right; width: 256px; }
#main .visual-banner .banner h2 { margin: 15px 0 0 12px; }
#main .visual-banner .banner h2 a { color: #9fc2bc; font-family: Tahoma; font-size: 14px; font-weight: bold; }
#main .visual-banner .banner h2 a em { color: #bebebe; }
#main .visual-banner .banner .dsc { margin: 15px 0 0 12px; }
#main .visual-banner .banner .notice, .mdPrd
#main .visual-banner .banner .attendance { width: 254px; height: 157px; margin-bottom: 5px; border: 1px solid #e4e4e4; }
#main .visual-banner .banner .notice li { width: 100%; overflow: hidden; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-banner .banner .notice li a { line-height: 18px; color: #828282; }
#main .visual-banner .banner .attendance { background: url(/images/d3/peppermint/dsc_attendance_h94.gif) no-repeat 135px 55px; color: #959595; }
#main .visual-banner .banner .attendance a.go { display: block; margin-top: 10px; color: #abb2e2; font-size: 11px; letter-spacing: -1px; }
#main #stepBanner,
#main #mainBanner,
#main #headline,
#main #moveProduct { position: relative; margin-top: 20px; }
#main .md-wrap { margin-top: 5px; padding: 12px 24px; border: 1px solid #e4e4e4; }
#main .md-wrap .hd { text-align: center; color: #7e6b61; font-size: 16px; font-weight: bold; }
#main .md-wrap .item-list { padding-bottom: 0; }
#main .md-wrap .item-list .item { width: 158px; margin-top: 15px; }
#main .md-wrap .item-list .item .thumb { width: 140px; height: 140px; border: 1px solid #d8d8d8; }
#main .md-wrap .item-list .item .info { width: 140px; }

/* BASIC css end */

