/* BASIC css start */
#main .visual { zoom: 1; overflow: hidden; margin-top: 20px; margin-bottom: 10px; width:1100px; height:370px; }

#main .visual .main-left { width:720px; 370px; margin-right: 10px; float:left;  }

#main .visual .main-right { width:370px; height:370px; float:right; }

#main .visual .main-right ul { width:370px; 370px; padding:0px;}
#main .visual .main-right ul li { float:left;  }
#main .visual .main-right .not01 { padding:0 10px 10px 0; }
#main .visual .main-right .not02 { padding:0 0px 10px 0; }
#main .visual .main-right .not03 { padding:0px 10px 0 0; }
#main .visual .main-right .not04 { padding:0px; width:180px; height:180px; background: url('/design/eycho190/DJ_skin/4main.jpg') no-repeat;}

#main .visual .main-right .not03 ul{ width:180px; height:180px; }
#main .visual .main-right .not03 ul li { width:180px; height:90px;clear:both; }
#main .visual .main-right .not03 ul li:nth-child(2) img { margin-top:7px;}

#main .visual .main-right .not04 .tit { padding:0px; width:180px; height:92px;}
#main .visual .main-right .not04 .notice-list { padding:0 0 0 17px; width:145px; height:88px;}
#main .visual .main-right .not04 .notice-list li { padding:0px 0 2px 0; width:145px; font-weight:none;  }
#main .visual .main-right .not04 .notice-list li a { color:#828282; font-size:11px; font-weight:none; }


#main .visual:after { content: ""; display: block; clear: both; }
#main .visual .symbol { float: left; }
#main .visual .notice,
#main .visual .attendance { float: right; }
#main .visual .symbol { width: 560px; }
#main .visual .notice,
#main .visual .attendance { width: 200px; }
#main .visual .notice { margin-bottom: 28px; }
#main .visual .notice h2 { margin-bottom: 15px; }
#main .visual .notice .notice-list li { margin-bottom: 5px; }
#main .main-banner, 
#main .move-banner, 
#main .headline-banner,
#main .step-banner { margin-bottom: 10px; }



















/* BASIC css end */