#content {
  padding: 0 30px 0 30px;
}

ul {
  list-style: none;
}

#left_area {
  float: left;
  width: 220px;
}

#menu {
  margin-top: 60px;
}

#right_area {
  margin-left: 220px;
}

#open_window01 {
  display: none;
  position: absolute;
  margin: -16px 0 0 180px;
  padding: 0;
  width: 78px;
  height: 11px;
  text-indent: -3000px;
  background: url(/asp/img/common/other/newwin.gif) left top no-repeat;
}

#sub_menu_head {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 20px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/sub_menu_title.gif) left top no-repeat;
}
#content01 {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01.gif) left top no-repeat;
}
#content01_selected {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_s.gif) left top no-repeat;
}
#content01_01 {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_01.gif) left top no-repeat;
}
#content01_01_selected {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_01_s.gif) left top no-repeat;
}
#content01_01_01_f {
  display: block;
  margin: 0;
  padding: 0;
  width: 220px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_01_01_f.gif) left top no-repeat;
}
#content01_01_01 {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_01_01.gif) left top no-repeat;
}
#content01_01_01_selected {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_01_01_s.gif) left top no-repeat;
}
#content01_02 {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_02.gif) left top no-repeat;
}
#content01_02_selected {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_02_s.gif) left top no-repeat;
}
#content01_03 {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_03.gif) left top no-repeat;
}
#content01_03_selected {
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 22px;
  text-indent: -3000px;
  background: url(/asp/img/04_campus_life/04/content01_03_s.gif) left top no-repeat;
}


#content01:hover,
#content01_01:hover,
#content01_01_01:hover,
#content01_01_01_f:hover,
#content01_02:hover,
#content01_03:hover  {
  background-position: 0 -22px;
}