/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}
div.horz_menu { font-size:13px; }
div.horz_menu a { display: block; float: left; color:#000000; line-height:59px; text-align:center }
div.horz_menu a:hover { color:#fff; font-weight:bold }
div.horz_menu a.active { color:#fff; font-weight:bold }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ----------------------------------------------------------- */

a#menu1{
  width: 135px;
  height:52px;
  background:url(../img/common/menu/menu_1_off.jpg);
  text-decoration: none;
}

a:hover#menu1, a.active#menu1  { background:url(../img/common/menu/menu_1_on.jpg); }


a#menu2 {
  width: 134px;
  height:52px;
  background:url(../img/common/menu/menu_2_off.jpg);
  text-decoration: none;
}
a:hover#menu2, a.active#menu2  { background:url(../img/common/menu/menu_2_on.jpg); }

a#menu2_0 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_2_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu2_0 { background:#F3F1E1 url(../img/common/menu/menu_2_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu2_1 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_2_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu2_1 { background:#F3F1E1 url(../img/common/menu/menu_2_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu2_2 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu2_2 { background:#F3F1E1; opacity: 1;filter: alpha(opacity=100) }


a#menu3 {
  width: 134px;
  height:52px;
  background:url(../img/common/menu/menu_3_off.jpg);
  text-decoration: none;
}
a:hover#menu3, a.active#menu3  { background:url(../img/common/menu/menu_3_on.jpg); }

a#menu3_0 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_3_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_0 { background:#F3F1E1 url(../img/common/menu/menu_3_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu3_1 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_3_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_1 { background:#F3F1E1 url(../img/common/menu/menu_3_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu3_2 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_3_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_2 { background:#F3F1E1 url(../img/common/menu/menu_3_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu3_3 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_3_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_3 { background:#F3F1E1 url(../img/common/menu/menu_3_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu3_4 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_3_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_4 { background:#F3F1E1 url(../img/common/menu/menu_3_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu3_5 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_3_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_5 { background:#F3F1E1 url(../img/common/menu/menu_3_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu3_6 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu3_6 { background:#F3F1E1; opacity: 1;filter: alpha(opacity=100) }



a#menu4 {
  width: 134px;
  height:52px;
  background:url(../img/common/menu/menu_4_off.jpg);
  text-decoration: none;
}
a:hover#menu4, a.active#menu4  { background:url(../img/common/menu/menu_4_on.jpg); }

a#menu4_0 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_4_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu4_0 { background:#F3F1E1 url(../img/common/menu/menu_4_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu4_1 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_4_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu4_1 { background:#F3F1E1 url(../img/common/menu/menu_4_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu4_2 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_4_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu4_2 { background:#F3F1E1 url(../img/common/menu/menu_4_dot.gif) bottom no-repeat ; opacity: 1;filter: alpha(opacity=100) }

a#menu4_3 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_4_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu4_3 { background:#F3F1E1 url(../img/common/menu/menu_4_dot.gif) bottom no-repeat ; opacity: 1;filter: alpha(opacity=100) }

a#menu4_4 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff ;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu4_4 { background:#F3F1E1; opacity: 1;filter: alpha(opacity=100) }



a#menu5 {
  width: 134px;
  height:52px;
  background:url(../img/common/menu/menu_5_off.jpg);
  text-decoration: none;
}
a:hover#menu5, a.active#menu5  { background:url(../img/common/menu/menu_5_on.jpg); }

a#menu5_0 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_5_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu5_0 { background:#F3F1E1 url(../img/common/menu/menu_5_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu5_1 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_5_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu5_1 { background:#F3F1E1 url(../img/common/menu/menu_5_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu5_2 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff url(../img/common/menu/menu_5_dot.gif) bottom no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu5_2 { background:#F3F1E1 url(../img/common/menu/menu_5_dot.gif) bottom no-repeat; opacity: 1;filter: alpha(opacity=100) }

a#menu5_3 {
  width: 134px;
  height:36px;
  text-decoration: none;
  font-size:11px;
  color:#000000;
  text-align:center;
  line-height:36px;
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70)
}
a:hover#menu5_3 { background:#F3F1E1; opacity: 1;filter: alpha(opacity=100) }


a#menu6 {
  width: 134px;
  height:52px;
  background:url(../img/common/menu/menu_6_off.jpg);
  text-decoration: none;
}
a:hover#menu6, a.active#menu6  { background:url(../img/common/menu/menu_6_on.jpg); }

a#menu7 {
  width: 135px;
  height:52px;
  background:url(../img/common/menu/menu_7_off.jpg);
  text-decoration: none;
}
a:hover#menu7, a.active#menu7  { background:url(../img/common/menu/menu_7_on.jpg); }