@charset "tis-620";
/* CSS Document */

/*=============================================main*/
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #c3faff;
	font: 85% Arial, Helvetica, sans-serif;
	color:#452509;
}

/*A:link {
CURSOR:url('img/heart.ico');
}*/

a {
	color: #452509;
	text-decoration:none;
	border:none;
}
a:visited {
	color: #452509;
}
a:hover {
	color: #fff;
	text-decoration:none;
}
/*==================================================== end main */

/*========================================================================  MENU */
#nav {padding:0; margin:0; list-style:none; height:22px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;width:750px;background:#75f331 url(img/nav_bg.png);margin:0 auto;padding-left:250px}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:22px; width:79px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(img/button/home.png);}
#nav li a.bio {background:url(img/button/bio.png);}
#nav li a.work {background:url(img/button/work.png);}
#nav li a.music {background:url(img/button/music.png);}
#nav li a.album {background:url(img/button/album.png);}
#nav li a.board {background:url(img/button/board.png);}
#nav li a.chat {background:url(img/button/chat.png);}
#nav li a.link {background:url(img/button/link.png);}
#nav li a.oldsinger {background:url(img/button/old_singer.png);}
#nav li a.lyric {background:url(img/button/lyric.png);}

#nav li:hover a,
#nav a:hover
{background-position: 0 22px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:22px; width:79px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:22px; position:relative; float:left; width:79px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:22px; width:79px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

/*sub-BIO*/
#nav :hover ul li a.biox {background:url(img/button/bio_x.png);}
#nav :hover ul li a.bio_fav {background:url(img/button/bio_fav.png);}
#nav :hover ul li a.bio_all {background:url(img/button/bio_all.png);}
#nav :hover ul li a.bio_last {background:url(img/button/bio_last.png);}

/*sub-WORK*/
#nav :hover ul li a.movie {background:url(img/button/work_mov.png);}
#nav :hover ul li a.song {background:url(img/button/work_song.png);}
#nav :hover ul li a.serie {background:url(img/button/work_serie.png);}

/*sub-music*/
#nav :hover ul li a.listenms {background:url(img/button/music_mu.png);}
#nav :hover ul li a.listenold {background:url(img/button/music_old.png);}
#nav :hover ul li a.listenmv {background:url(img/button/music_mv.png);}

/*sub-album*/
 #nav :hover ul li a.common {background:url(img/button/album_common.png);}
#nav :hover ul li a.tape {background:url(img/button/album_tape.png);}
#nav :hover ul li a.disc {background:url(img/button/album_disc.png);}
#nav :hover ul li a.cd {background:url(img/button/album_cd.png);}
#nav :hover ul li a.magazine {background:url(img/button/album_magazine.png);}
#nav :hover ul li a.activity {background:url(img/button/album_activity.png);}



#nav :hover ul.sub li a:hover 
{background-position: 0 22px; position:relative;}
/*====================================================================  END MENU */

#invisible { display: none;}



/* SET PAGE TO CENTER */
.center {
width:1003px; 
position:absolute;
left:50%;
margin-left:-501px; 
}

/* LOGO BOX */
.logo {
margin:0px;
padding:0px;
width:1003px;
}

.content {

background-color:#c3faff;
padding:7px;
width:987px;

}



.biocontent {
background-color:#c3faff;
padding:7px;
width:987px;
}

.footer {
height:inherit;
padding:7px;
color:#ee244e;
font:12px Tahoma;
float:right;
}
.footer a:visited {
	color: #ee244e;
}
.footfont {
color: #ee244e;
}

.space {
width:130px;
margin-left:5px;
}
.listbox{
margin:0px;
padding:0px;
list-style-type:none;
}
.listbox li {
margin-bottom:5px;

}
.bigfont {font-size: 18px}

/*
.b {margin:3px 5px 0px 5px;padding:5px;background-color:#ffb533;clear:left;}
*/
.b {margin:3px 5px 0px 5px;padding:5px;clear:left;border-bottom:1px dotted #000}
.b a:hover {background:#000}
.float {float:right;margin-right:5px;}
.l a {padding:3px;background-color:#52d8ff;margin-left:2px;}
.l a:hover {padding:3px;background-color:#0099c5; color:#fff;margin-left:2px;}
.v {padding:3px;background-color:#0018ff; color:#fff;margin-left:3px;margin-right:1px; }

.advertise {background:url(img/head_advertising.png) no-repeat left top;display:block; height: 23px;}

.gooadv {background:url(img/ads_bg.gif) no-repeat left top;display:block; height: 260px;padding-top:10px; }

.ok a:hover { color:#FF9900;}

.box {background:#d4ffa1;margin-bottom:10px}
.box h2 {background:#75f331;margin:0;font-size:16px;padding:3px 10px}
.box p {padding:0 8px}