/* BASIC css start */
#main { position: relative; }
#main .visual-banner { zoom: 1; overflow: hidden; width:840px; }
#main .visual-banner .wrap { float: left; width: 600px; }
#main .visual-banner .edu { float: left; width: 240px;  height:170px;}
#main .visual-banner .as {	float: left;width: 240px;}
#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,
#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; }

.wrap {width:590px;}
#brandVisual { position:relative;width:590px; overflow:hidden;height:330px;}
#brandVisual ul { position:relative; float:left; width:100%; height:330px;}
#brandVisual li { position:absolute; width:590px;height:330px;}
#brandVisual li a {display:block;text-indent:10px; left:490px; top:305px; position:relative; font-size:14px;}
#brandVisual li a span {background-color:#121212; color:#FFFFFF;}
#brandVisual .visual_0 {left:0px; background:url("/design/imusicb255/main/main_tk-m10.jpg") 50% 0 no-repeat;}
#brandVisual .visual_1 {left: 100%;  background:url("/design/imusicb255/newimg/main_v_03.png") 50% 0 no-repeat;}
#brandVisual .visual_2 {left: 200%; background:url("/design/imusicb255/newimg/main_v_04.png") 50% 0 no-repeat;}

#buttonList {width:590px;}
#buttonList:after {content:""; display:block; clear:both;}
#buttonList li{ background:url("/design/imusicb255/newimg/btnVisual.png") 0 -16px no-repeat; width:14px; height:15px; float:left; position:relative; left:2%; top:-20px; overflow:hidden; margin:0 5px; cursor:pointer;}
#buttonList li.on { background-position:0 0;}
#buttonList li a {display:block;text-indent:-9999px}
/* BASIC css end */