/*============================================ G A L B A L =====================================*/
html{
	height:100%;
	padding:0;
}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#fff url(../images/bg.gif) 890px 0 repeat-y;
	font-family:Tahoma, Verdana, Simsun;
	font-size:12px;
	color:#616161;
	line-height:1.5em;
}
a{
	color:#616161;
}
a:hover{
	background:#dbffac;
	text-decoration:none;
}
#sidebar a:hover{
	background:none;
}
img{
	border:none;
}
li.sub,
.class2,
.class2b{
	list-style-image:none;
	list-style-type:none;
}
.note{
	font-size:9px;
}
.highlight{
	color:#dc6500;
}
.highlight2{
	color:#b985b9;
}
.hide{
	display:none;
}
#mario{
	position:absolute;
	bottom:0px;
}
#mario a:hover{
	background:none;
}

/* scrollbar */
.box,
#content-links,
#pic-box{
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#98f819;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-shadow-color:#98f819;
	scrollbar-arrow-color:#98f819;
	scrollbar-track-color:#fff;
}



/*=================== Layouts =======================*/
#wrapper{
	height:100%;
	width:890px;
	background:url(../images/wrapper_bg.gif) left bottom repeat-y;
}

/*=== sidebar ===*/
#sidebar{
	width:170px;
	height:100%;
	float:left;
	font:10px Arial;
	color:#b0b0b0;
}
#sidebar ul{
	margin:19px 14px 0 0	;
	padding:0;
	text-align:right;
	list-style-type:none;
	line-height:1.7em;
}

#logo{
	margin-bottom:23px;
}
#cc{
	margin-top:5px;
}
#bgm{
	margin-top:25px;
	list-style-image:url(../images/loudspeaker.gif);/* ie */
	text-transform:uppercase;
	color:#c9c;
}
#bgm a{
	color:#b1b1b1;
	text-decoration:none;
}
.class2,
.class2b,
#pic-box td{
	font-size:11px;
	font-family:Verdana, MingLiU;
}



/*==== main>content ===*/
#main{
	float:right;
	width:720px;
	height:100%;
}
#content{
	padding:0 40px 40px 0;
}
#content h1,
#content-links h1{
	display:none;	
}
#content h2,
#content-links h2{
	text-indent:-1000em;
	overflow:hidden;
}
#content h2{
	margin:25px 0 10px 0;
}
#content>ul,
#content-links>ul{
	padding:0;
	list-style-type:none;
}
ul#home{
	margin:94px 0 0 113px;
}
ul#about{
	margin:81px 0 0 86px;
}

/* gallery */
ul#gallery{
	margin:116px 0 0 120px;
	padding:0 0 10px 15px;
	list-style-image:url(../images/li2.gif);/* ie */
	font-size:11px;
	letter-spacing:0.25em;
	line-height:2em;
	border-bottom:2px dashed #d1b7d6;
	width:270px;
}
ul#gallery a{
	text-decoration:none;
}
p.update{
	margin:5px 0 0 120px;
	color:#999;
	font-size:9px;
	letter-spacing:0.1em;
}

h2#welcome{
	background:url(../images/h2-welcome.gif) no-repeat;
}
h2#news{
	background:url(../images/h2-news.gif) no-repeat;
}
h2#music{
	background:url(../images/h2-music.gif) no-repeat;
}
h2#offline{
	background:url(../images/h2-offline.gif) no-repeat;
}
h2#about-hits{
	background:url(../images/h2-about-hits.gif) no-repeat;
}
h2#pics{
	background:url(../images/h2-pics.gif) no-repeat;
}
h2#about-site{
	background:url(../images/h2-about-site.gif) no-repeat;
}
h2#profile{
	background:url(../images/h2-profile.gif) no-repeat;
}
h2#link_info{
	background:url(../images/h2-link_info.gif) no-repeat;
	margin:0 0 10px 0;
}
h2#h2-links{
	background:url(../images/h2-links.gif) no-repeat;
	margin:25px 0 10px 0;
}
ul.sub{
	list-style-image:url(../images/li.gif);/* ie */
}
ul.sub2{
	list-style-image:url(../images/li2.gif);/* ie */
	}
ul.sub2 li{
	margin:0 0 0 -20px;
}
.box_wrapper{
	width:368px;
	border:2px dotted #baf814;
	background:url(../images/dot.gif) 8px 5px;
	padding:5px;
	margin:5px 0;
}
.box{
	height:40px;
	overflow:auto;
	padding:0 0 5px 0;
	font-family:Verdana, MingLiU;
	font-size:10px;
	color:#999;
	line-height:normal;
}

.box p{
	margin:0;
}

/* links */
#content-links{
	margin:54px 0 0 0;
	width:97%;
	height:82%;
	overflow:auto;
}
ul#links{
	margin:0 0 0 62px;
}
#links-list a{
	color:#616161;
	text-decoration:none;
}
.class1{
	margin:0 0 40px 0;
	float:left;
}
.class1:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.class2{
	margin:0 75px 0 0;
	padding:0;
	float:left;
}

/* hits */
#hits{
	margin:54px 0 0 88px;
}
#pic-box{
	width:420px;
	height:260px;
	overflow:auto;
	margin:20px auto 0 58px;
}
#pic-box td{
	font-size:11px;
	padding:4px 37px 4px 0;
}
#hits li.back{
	width:420px;
	padding:5px 0 0 0;
	text-align:right;
	font-size:11px;
}



/*=== nav ===*/
#nav{
	width:720px;
	height:24px;
	background:#fff;
	position:absolute;
	top:0;
	left:170px;
	z-index:1;
}
#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav li{
	font:10px Tahoma;
	letter-spacing:0.1em;
	text-align:right;
	float:left;
	height:12px;
}
#nav a{
	text-decoration:none;
	display:block;
	height:100%;
	padding:0 2px;
}
#nav01{
	width:144px;
}
#nav02,
#nav03,
#nav04,
#nav05,
#nav06,
#nav07{
	width:96px;
}
#nav01,
#nav03,
#nav05,
#nav07,
#nav01 a,
#nav03 a,
#nav05 a,
#nav07 a{
	background:#000;
	color:#fff;
}
#nav02,
#nav04,
#nav06{
	background:#98f819;
	color:#000;
	margin-top:12px;
}
#nav02 a,
#nav04 a,
#nav06 a{
	color:#000;
}
#nav a:hover,
#nav li.active{
	background:#8957a0;
	color:#fff;
}
/*===========*/

#footer{
	position:absolute;
	bottom:0;/* ie */
	height:12px;
	width:890px;
	background:#000;
	font:10px Tahoma;
	color:#fff;
	letter-spacing:0.1em;
	text-align:right;
	line-height:1em;
	overflow:hidden;
}
.counter,
#footer .bgm{
	background:#8957a0;
	padding:0 3px 0 5px;
}
#footer .bgm a{
	color:#fff;
	text-decoration:none;
}
#footer .bgm a:hover{
	background:none;
}