@charset "utf-8";

body {
	margin:0;
	padding:0;
	background-image:url(../images/bg4.gif);
	background-position:0px 17px;
	font-size:11px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Microsoft Sans Serif","ＭＳ Ｐゴシック";
}
img {
	margin:0;
	border:0;
}
a {
	outline:0;
}
noscript, h1, iframe {
	display:none;
}

#list {
	position:absolute;
	z-index:1;
	margin-top:17px;
	width:100%; /* 0621 */

}
#list li.li_0, #list li {
	color:black;
	background-color: transparent
}
#list li.li_1 { /*li focused */
	color:white;
	background-color: #3d80df;
}

#list li.li_2 {
	color:black;
	background-color: #d4d4d4;
}

#list li.li_0 a, #list li a {
	color: black;
}
#list li.li_1 a {
	color:white;
}
#list a {
	outline:0;
}

#list ul {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	/*width:755px;*/
	overflow:hidden;
	width:100%;
}
#list li { /* li common */
	display:block;
	position:relative;
	float:left;
	line-height:16px;
	overflow:hidden;
	margin-left:0;
	padding-left:0;
	cursor:default;
	width:100%;
	height:16px;
}


#list li .song, #list li .song_1 {
	display:block;
	position:relative;
	height:16px;
	width:100%;
	padding:0px;
	margin:0px;
	overflow:hidden;
	z-index:1;
	/* !Mac IE \*/
	background-image: url(../images/arrow.png) !important;
	/* */
	/* Win IE only */
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 214px 0;
}

#list li .song_1 {
	background-position: 214px -16px;
}

#list li.li_1 .song {
	border-right-color: #346dbe;
	background-position: 214px -32px;
}

#list li.li_1 .song_1 {
	border-right-color: #346dbe;
	background-position: 214px -48px;
}

#list li.li_2 .song, #list li.li_2 .song_1 {
	border-right-color: #acacac;
}


#list .song_s {
	display: block;
	position: absolute;
	left: 17px;
	top: 0;
	height: 16px;
	width: 191px;
	padding: 0 0 0 3px;
	margin: 0;
	overflow: hidden;
	border-left: 1px solid #d9d9d9;
}

#list li.li_1 .song_s {
	border-left-color: #346dbe;
}
#list li.li_2 .song_s {
	border-left-color: #acacac;
}

#list .op {
	display:block;
	position:absolute;
	top:0;
	left:232px;
	margin:0px;
	padding:0;
	z-index:0;
	width:522px;
	border-left:1px solid #d9d9d9;
	
}
#list li.li_1 .op {
	border-left-color: #346dbe;
}
#list li.li_2 .op {
	border-left-color: #acacac;
}

#list .search_song, #list .search_artist, #list .search_album {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:18px;
	height:16px;
	padding:0;
	overflow:hidden;
	border-right:1px solid #d9d9d9;
	z-index:2;
	/*float:left !gecko*/
	
}

#list .search_song {
	margin:2px 0 2px 216px;
}
#list .search_artist {
	margin:2px 0 2px 388px;
}
#list .search_album {
	margin:2px 0 2px 550px;
}
#list .search_song, #list .search_artist, #list .search_album {
	display:block;
	padding:0;
	width:12px;
	height:12px;
	overflow:hidden;
	border:0;
}


#list .time {
	display:block;
	white-space:nowrap;
	position:relative;
	float:left;
	width:44px;
	height:16px;
	margin:0;
	padding:0 4px 0 0;
	border-right:1px solid #d9d9d9;
	text-align:right;
	overflow:hidden;
	cursor:default;
}
#list li.li_1 .time {
	border-right-color: #346dbe;
}
#list li.li_2 .time {
	border-right-color: #acacac;
}

#list li .artist, #list li .artist_1 {
	display:block;
	white-space:nowrap;
	position:relative;
	float:left;
	width:122px;
	height:16px;
	margin:0;
	padding:0;
	border-right:1px solid #d9d9d9;
	overflow:hidden;
	cursor:default;
	/* !Mac IE \*/
	background-image: url(../images/arrow.png) !important;
	/* */
	/* Win IE only */
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 104px 0;
}
#list li .artist_1 {
	background-position: 104px -16px;
}
#list li.li_1 .artist {
	border-right-color: #346dbe;
	background-position: 104px -32px;
}
#list li.li_1 .artist_1 {
	border-right-color: #346dbe;
	background-position: 104px -48px;
}
#list li.li_2 .artist, #list li.li_2 .artist_1 {
	border-right-color: #acacac;
}

#list .artist_s {
	display:block;
	position:relative;
	height:16px;
	width:99px;
	padding:0 0 0 3px;
	overflow:hidden;

}
#list li .album, #list li .album_1 {
	display:block;
	white-space:nowrap;
	position:relative;
	float:left;
	width:161px;
	height:16px;
	margin:0;
	border-right:1px solid #d9d9d9;
	overflow:hidden;
	cursor:default;
	/* !Mac IE \*/
	background-image: url(../images/arrow.png) !important;
	/* */
	/* Win IE only */
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 143px 0;
}
#list li .album_1 {
	background-position: 143px -16px;
}

#list li.li_1 .album {
	border-right-color: #346dbe;
	background-position: 143px -32px;
}
#list li.li_1 .album_1 {
	border-right-color: #346dbe;
	background-position: 143px -48px;
}

#list li.li_2 .album, #list li.li_2 .album_1 {
	border-right-color: #acacac;
}


#list .album_s {
	display:block;
	position:relative;
	height:16px;
	width:138px;
	padding:0 0 0 3px;
	overflow:hidden;
}
#list .year {
	display:block;
	white-space:nowrap;
	position:relative;
	float:left;
	width:32px;
	height:16px;
	margin:0;
	padding:0 4px 0 0;
	border-right:1px solid #d9d9d9;
	text-align:right;
	overflow:hidden;
	cursor:default;
}
#list li.li_1 .year {
	border-right-color: #346dbe;
}
#list li.li_2 .year {
	border-right-color: #acacac;
}

#list .count {
	display:block;
	position:relative;
	float:left;
	width:50px;
	margin:0;
	padding:0 4px 0 0;
	text-align: right;
	font-size:11px;
	height:16px;
	border-right:1px solid #d9d9d9;
	overflow:hidden;

	cursor:default;
}
#list li.li_1 .count {
	border-right-color: #346dbe;
}
#list li.li_2 .count {
	border-right-color: #acacac;
}
#list .date {
	display:block;
	white-space:nowrap;
	position:relative;
	float:left;
	width:91px;
	height:16px;
	margin:0;
	padding:0 0 0 4px;
	border-right:1px solid #d9d9d9;
	overflow:hidden;
	cursor:default;
}
#list li.li_1 .date {
	border-right-color: #346dbe;
}
#list li.li_2 .date {
	border-right-color: #acacac;
}
#list .song_s, #list .artist_s, #list .album_s, #list .year, #list .count, #list .time { /* safari only */
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
	/*background-color: red;*/
}
#list .r1 {
	cursor:default;
}
#list a {
	display:block;
	height:16px;
	padding-left:17px;
	color:black;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	cursor:default;
	background-repeat:no-repeat;
	background-position:3px center;
}
#list .nowplaying {
	/* !Mac IE \*/
	background-image: url(../images/nowplaying.png) !important;
	/* */
	background-image: url(../images/nowplaying.gif); /* Win IE only */
	background-position: 3px 0px;
}
#list .done {
	background-image:none;
}

#list li.li_1 .nowplaying {
	background-position: 3px -16px;
}
#list li.li_2 .nowplaying {
	background-position: 3px 0px;
}

/* add */
#bar {
	display:block;
	/* !Mac IE \*/
	position:fixed !important;
	/* */
	position: absolute;
	z-index:2;
	top:0;
	left:0;
	height:16px;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:white;
	background-image:url(../images/bar_bg.gif);
	border-bottom:solid 1px #b2b2b2;
	
}

#tabs {
	display:block;
	/* !Mac IE \*/
	position:fixed !important;
	/* */
	position: relative;
	width:755px;
	
}
#tab0, #tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7 {
	display:block;
	position:relative;
	float:left;
	line-height:17px;
	height:17px;
	overflow:hidden;
	border-right:1px solid #c2c2c2;
	cursor:default;
	
}
#tab0 { /* song */
	width:17px;
	padding:0;
	text-align:center;
}
#tab1 { /* song */
	width:210px;
	padding:0;
	padding-left:4px;
}
#tab2 { /* time */
	width:44px;
	padding-right:4px;
	text-align:right;
}
#tab3 { /* artist */
	width:118px;
	padding-left:4px;
}
#tab4 { /* album */
	width:157px;
	padding-left: 4px;
}
#tab5 { /* year */
	width:32px;
	padding-left: 4px;
}
#tab6 { /* count */
	width:50px;
	padding-right:4px;
	text-align:right;
}

#tab7 { /* date */
	width:91px;
	padding-left:4px;
	background-position:right top;
}

#bar.focus {
	color: #000;
}
#bar.blur #tabs {
	color: #999;
}
#bar.focus #tab7 {
	background-image: url(../images/bar_bg1.gif);
	border-right: 1px solid #5f94ca;
	background-position: right top;
}
#bar.blur #tab7 {
	color: #999;
	border-right:1px solid #c2c2c2;
	background-position: right 17px;
	background-image: url(../images/bar_bg1.gif);
}

#about {
	position:absolute;
	top:-200px;
	height:200px;
	overflow:hidden;
}

/* common */
.none, .preload { display:none; }
.block { display:block; }
.hidden { visibility:hidden; }
.visible { visibility:visible; }
.gray { color:gray }