body { text-align: center; margin: 0px; padding: 0px; background: #000; }
ul { list-style: none; }
img { borde: 0px none; }
#bases { width: 1200px; margin: 0px auto; padding: 0px; }
.clear { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; clear: both; height: 0px; width: 0px; }

#header { margin: 0px; padding: 0px; height: 110px; width: 100%; }
#head1 { margin: 0px; padding: 0px; height: 110px; width: 140px; float: left; }
#head1 a { background: url(../i/head1.jpg) no-repeat left top; display: block; height: 110px; width: 140px; }
#head2 { margin: 0px; padding: 0px; height: 110px; width: 1060px; background: url(../i/head2.jpg) no-repeat left top; float: left; text-align: right; }
#head_com { margin: 44px 0px 0px 980px; padding: 0px; height: 16px; width: 80px; }
#head_com a { background: url(../i/b_header_company.jpg) no-repeat left top; display: block; margin: 0px; padding: 0px; height: 16px; width: 80px; }
#head_blog { margin: 0px 0px 0px 980px; padding: 0px; height: 16px; width: 80px; }
#head_blog a { background: url(../i/b_header_blog.jpg) no-repeat left top; display: block; margin: 0px; padding: 0px; height: 16px; width: 80px; }

#mb { height: 40px; width: 1200px; margin: 0px; padding: 0px; }

#mb_concept { margin: 0px; padding: 0px; height: 40px; width: 136px; float: left; }
#mb_court { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_gallery { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_history { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_sp { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_workflow { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_voice { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_staff { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_webuser { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; }
#mb_comingsoon { margin: 0px; padding: 0px; height: 40px; width: 133px; float: left; display: block; background: url(../i/MB/MB_comingsoon.gif) no-repeat left top; }

#mb_concept a { display: block; background: url(../i/MB/MB_concept.gif) no-repeat left top; height: 40px; width: 136px; }
#mb_court a { display: block; background: url(../i/MB/MB_court.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_gallery a { display: block; background: url(../i/MB/MB_gallery.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_history a { display: block; background: url(../i/MB/MB_history.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_sp a { display: block; background: url(../i/MB/MB_sp.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_workflow a { display: block; background: url(../i/MB/MB_workflow.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_voice a { display: block; background: url(../i/MB/MB_voice.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_staff a { display: block; background: url(../i/MB/MB_staff.gif) no-repeat left top; height: 40px; width: 133px; }
#mb_webuser a { display: block; background: url(../i/MB/MB_webuser.gif) no-repeat left top; height: 40px; width: 133px; }

#mb_concept a:hover { display: block; background: url(../i/MB/MB_concept.gif) no-repeat left -40px; height: 40px; width: 136px; }
#mb_court a:hover { display: block; background: url(../i/MB/MB_court.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_gallery a:hover { display: block; background: url(../i/MB/MB_gallery.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_history a:hover { display: block; background: url(../i/MB/MB_history.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_sp a:hover { display: block; background: url(../i/MB/MB_sp.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_workflow a:hover { display: block; background: url(../i/MB/MB_workflow.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_voice a:hover { display: block; background: url(../i/MB/MB_voice.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_staff a:hover { display: block; background: url(../i/MB/MB_staff.gif) no-repeat left -40px; height: 40px; width: 133px; }
#mb_webuser a:hover { display: block; background: url(../i/MB/MB_webuser.gif) no-repeat left -40px; height: 40px; width: 133px; }

#foot { margin: 0px; padding: 0px; height: 29px; width: 1200px; }
.bf_sp { margin: 0px; padding: 0px; height: 29px; width: 16px; font-size: 0px; line-height: 0px; float: left; background: url(../i/footer/sp.jpg) no-repeat left top; }
.bf_home { margin: 0px; padding: 0px; height: 29px; width: 59px; font-size: 0px; line-height: 0px; float: left; }
.bf_concept { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 63px; float: left; }
.bf_court { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 51px; float: left; }
.bf_gallery { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 59px; float: left; }
.bf_history { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 61px; float: left; }
.bf_workflow { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 76px; float: left; }
.bf_voice { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 50px; float: left; }
.bf_staff { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 44px; float: left; }
.bf_company { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 70px; float: left; }
.bf_link { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 45px; float: left; }
.bf_blog { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 44px; float: left; }
.bf_user { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 49px; float: left; }
.bf_privacy { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 103px; float: left; }
.bf_copy { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 410px; float: left; background: url(../i/footer/copy.jpg) no-repeat left top; }

.bf_home a { margin: 0px; padding: 0px; height: 29px; width: 59px; font-size: 0px; line-height: 0px; display: block; background: url(../i/footer/home.jpg) no-repeat left top; }
.bf_concept a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 63px; display: block; background: url(../i/footer/concept.jpg) no-repeat left top; }
.bf_court a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 51px; display: block; background: url(../i/footer/court.jpg) no-repeat left top; }
.bf_gallery a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 59px; display: block; background: url(../i/footer/gallery.jpg) no-repeat left top; }
.bf_history a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 61px; display: block; background: url(../i/footer/history.jpg) no-repeat left top; }
.bf_workflow a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 76px; display: block; background: url(../i/footer/workflow.jpg) no-repeat left top; }
.bf_voice a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 50px; display: block; background: url(../i/footer/voice.jpg) no-repeat left top; }
.bf_staff a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 44px; display: block; background: url(../i/footer/staff.jpg) no-repeat left top; }
.bf_company a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 70px; display: block; background: url(../i/footer/company.jpg) no-repeat left top; }
.bf_link a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 45px; display: block; background: url(../i/footer/link.jpg) no-repeat left top; }
.bf_blog a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 44px; display: block; background: url(../i/footer/blog.jpg) no-repeat left top; }
.bf_user a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 49px; display: block; background: url(../i/footer/user.jpg) no-repeat left top; }
.bf_privacy a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 29px; width: 103px; display: block; background: url(../i/footer/privacy.jpg) no-repeat left top; }