/* ----- BODY ----- */

#wrap{
  width: 858px;
  margin:0 auto 0;
  padding:0;
  border-left:1px solid #D9D9D9;
  border-right:1px solid #D9D9D9;
  position : relative;
}
/* ----- HEADER ----- */

#header{
  width : 100%;
  height : 256px;
  margin:0 auto;
  text-align:left;
  padding-top : 0px;
  padding-bottom : 0px;
}
/* ----- CONTENT ----- */

#contents{
  text-align:left;
  margin-top : 5px;
  margin-right : 15px;
  margin-bottom : 0px;
  margin-left : 15px;
}
/* ----- MAIN CONTENT ----- */

#main{
  width : 570px;
  padding-top:5px;
  color : #484848;
  text-align : left;
  margin-top : 35px;
  padding-left : 5px;
  padding-right : 15px;
  padding-bottom : 40px;
  float : left;
  line-height : 140%;
  margin-right : 10px;
}
/* ----- SUB CONTENT ----- */

#sub{
  float : left;
  width : 225px;
  padding-top:5px;
  padding-right : 18px;
  margin-top : 43px;
  padding-left : 15px;
  padding-bottom : 40px;
  text-align : left;
}
/* ----- FOOTER ----- */

#footer{
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  text-align:left;
  height:80px;
  clear:both;
  margin-top : 0px;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-bottom : 0px;
  width : 100%;
}
/* ----- MENU CONTENT ----- */

#ID {
  width : 100%;
  height : 30px;
  margin : 0px 0px 5px;
  margin-left : 0px;
  padding :0;
  float : left;
}
#ID ul {
  margin: 0;
  padding :0;
  list-style-type : none;
}
#ID li {
  display : inline;
  padding :0;
  margin:0 0px;
  float:left;
}
#ID #menu_a_1 A {
  background-image : url(../img/menu/img_home.gif);
  width:90px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_1 A:HOVER {
  background-color:#fff;
  background-image : url(../img/menu/img_home_ch.gif);
  width:90px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_2 A {
  background-image : url(../img/menu/img_photo.gif);
  width:90px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_2 A:HOVER {
  background-color:#fff;
  background-image : url(../img/menu/img_photo_ch.gif);
  width:90px;
  height:30px;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_3 A {
  background-image : url(../img/menu/img_prof.gif);
  width:120px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_3 A:HOVER {
  background-color:#fff;
  background-image : url(../img/menu/img_prof_ch.gif);
  width:120px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_4 a {
  background-image:url(../img/menu/img_live.gif);
  width:80px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_4 a:hover {
  background-color:#fff;
  background-image:url(../img/menu/img_live_ch.gif);
  width:80px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_5 A {
  background-image:url(../img/menu/image_disco.gif);
  width : 80px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_5 A:HOVER {
  background-color:#fff;
  background-image:url(../img/menu/image_disco_ch.gif);
  width : 80px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_6 a {
  background-image:url(../img/menu/image_diary.gif);
  width:100px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_6 a:hover {
  background-color:#fff;
  background-image:url(../img/menu/image_diary_ch.gif);
  width:100px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_7 a {
  background-image:url(../img/menu/image_bbs.gif);
  width:70px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_7 a:hover {
  background-color:#fff;
  background-image:url(../img/menu/image_bbs_ch.gif);
  width:70px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_8 a {
  background-image:url(../img/menu/image_link.gif);
  width:80px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_8 a:hover {
  background-color:#fff;
  background-image:url(../img/menu/image_link_ch.gif);
  width:80px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
#ID #menu_a_9 a {
  background-image:url(../img/menu/image_contact.gif);
  width:120px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  background-color:#fff;
  display:block;
}
#ID #menu_a_9 a:hover {
  background-color:#fff;
  background-image:url(../img/menu/image_contact_ch.gif);
  width:120px;
  height:30px;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  display:block;
}
.span1 {
  display:none;
}
/* ----- OPTION ----- */

* {
  margin:0;
  padding:0;
}