@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

a:link {text-decoration: none; color:#D80C18;}
a:visited {text-decoration: none; color:#D80C18 }
a:hover {text-decoration: underline; color:#D80C18 }
a:active { color:#D80C18}
a img{border:none;}

body {
  font-size: 90%;
  line-height: 170%;
 font-family: Helvetica, sans-serif;
}

#container {
  width: 924px;
  margin: 0 auto 0 auto;
}

#header{
  background: #fdd000;
  width: 100%;
}

#header a:link { text-decoration: none; color:#fff; }
#header a:visited { text-decoration: none; color:#fff; }
#header a:hover { text-decoration: none; color:#fff; background: none}
#header a:active { text-decoration: none; color: none; background: none}



#footer{
  clear: both;
}

#footer .inner{
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 12px;
  background: #E6E6E6;
  overflow: hidden;
}

#footer .inner .left{
	width: 760px;
	float: left;
}

#footer .inner .right{
	width: 120px;
	float: right;
}

#footer .inner .right a{
	width: 120px;
	height: 60px;
	display: block;
}

#footer .inner p{
  margin:0;
  font-size: 75%;
  line-height: 180%;
}

#footer .inner p.copyright{
	margin-top: 6px;
}

h1{
  font-size: 130%;
}

h2{
  font-size: 110%;
}

h3{
  font-size: 100%;
    line-height: 180%;
}

h4{
  font-size: 85%;
}

li{
  line-height: 140%;
  margin-bottom: 6px;
}


.article{
  margin-bottom: 24px;
}


#header{
  position: relative;
  background: url('/pc/common/images/header.png') no-repeat 0px 0px;
  height: 108px;
}


#header h1 a{
  display: block;
  height: 107px;
}

#header h1 span{
  display: none;
}


/* ### home ### */

/* header */

#home #header{
  position: relative;
  background: url('/pc/common/images/header_home.png') no-repeat 0px 0px;
  color: #FFF;
  height: 500px;
}

#home #header .inner a.voting{
	display: none;
	width: 109px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat -702px -171px;
  position: relative;
  top:386px;
  left:338px;
}

#home #header .inner .movies{
  position: absolute;
  top: 0px;
  right: 12px;
  margin: 24px 0 0 0;
  width: 420px;
  height: 452px;
}

#home #header .inner .header{
  margin: 12px;
  overflow: hidden;
}

#home #header .inner .lead{
  width: 312px;
  margin-bottom: 11px;
}




#home #header .inner #player{
    width:456px;
    height: 354px;
    display: none;
    position: absolute;
    top: 120px;
    left: 36px;
}

#home #header .inner #player .player_background{
    background: url('/pc/common/images/youtube_bg.png') no-repeat 0px 0px;
    width:456px;
    height: 354px;
    position: absolute;
}

#home #header .inner #player .closeButton{
    position: absolute;
    left:0;
    top:0;
    width: 24px;
    height: 24px;
}

#home #header .inner #player .closeButton a{
   width: 24px;
   height: 24px;
   display: block;
}

#home #header .inner #player .closeButton a span{
  display: none;
}

#home #header .inner #player .screen{
  position: absolute;
  top: 23px;
  left: 21px;
  width:394px;
}

#home #header .inner #player .screen #videoArtistName{
    font-size: 1em;
}

#home #header .inner #player .screen #videoArtistName a{
  line-height: 180%;
}

#home #header .inner #player .screen #videoArtistName .voteBtn{
}

#home #header .inner #player .screen #videoArtistName a span.arrow{
  height: 12px;
  width: 12px;
  background: url('/pc/common/images/sprite.gif') no-repeat -640px -50px;
  display: block;
  float: left;
  margin: 6px 5px 0 0;
  }


#home #header .inner #player .screen #videoTitle{
    font-size: 1.2em;
    margin-top: 6px;
}


#home #header .inner #player .screen #videoArtistName a:link {text-decoration: none; color:#D80C18;}
#home #header .inner #player .screen #videoArtistName a:visited {text-decoration: none; color:#D80C18 }
#home #header .inner #player .screen #videoArtistName a:hover {text-decoration: none; color:#D80C18 }

#home #header .inner #player .screen p.prev{
  position: absolute;
  right: 36px;
  bottom: 0;
  height: 24px;
  width: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0px 0px;
}

#home #header .inner #player .screen .ctl{
  position: absolute;
  bottom: 0;
  right: 0px;
  height: 24px;
  width: 120px;
  overflow: hidden;
}

#home #header .inner #player .screen p.next{
  position: absolute;
  bottom: 0;
  right: 0px;
  height: 24px;
  width: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat -27px 0px;
}

#home #header .inner #player .screen p.prev a,
#home #header .inner #player .screen p.next a{
  height: 24px;
  width: 24px;
  display: block;
}

#home #header .inner #player .screen p.prev a span,
#home #header .inner #player .screen p.next a span{
  display: none;
}

#home #header .inner .navigation{
	padding-top: 35px;
}

#home #header .inner .navigation p.prev{
  position: absolute;
  top: 12px;
  right: 78px; 
  display: block;
  height: 24px;
  width: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0px 0px;
  float: left;
}
#home #header .inner .navigation p.prev a{
  display: block;
  height: 24px;
  width: 24px;
}
#home #header .inner .navigation p.prev span{
  display: none;
}

#home #header .inner .navigation p.count{
  position: absolute;
  top: 12px;
  right: 39px; 
  margin: 0 6px 0 6px;
  font-size: 85%;
}

#home #header .inner .navigation p.next{
  position: absolute;
  top: 12px;
  right: 12px; 
  display: block;
  height: 24px;
  width: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat -27px 0px;
}
#home #header .inner .navigation p.next a{
  display: block;
  height: 24px;
  width: 24px;
}
#home #header .inner .navigation p.next span{
  display: none;
}

#home #header .inner .filter{
  width: 396px;
  display: block;
  overflow: hidden;
  font-size: 85%;
  display: none;
}

#home #header .inner .filter li,
#home #header .inner .filter ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#home #header .inner .filter p a{
  padding-top: 4px;
  height: 21px;
}

#home #header .inner .filter li.genre{
  display: block;
  width: 131px;
  float: left;
}
#home #header .inner .filter li.genre p a{
  display: block;
  width: 131px;
  background: url('/pc/common/images/sprite.gif') no-repeat -52px 0px;
  float: left;
}
#home #header .inner .filter li.genre p a.active{
  color: #000;
  background: url('/pc/common/images/sprite.gif') no-repeat -575px -364px;
}

#home #header .inner .filter li.area{
  display: block;
  width: 135px;
  float: left;
}
#home #header .inner .filter li.area p a{
  display: block;
  width: 135px;
  background: url('/pc/common/images/sprite.gif') no-repeat -183px 0px;
  float: left;
}
#home #header .inner .filter li.area p a.active{
  color: #000;
  background: url('/pc/common/images/sprite.gif') no-repeat -706px -364px;
}

#home #header .inner .filter li.keyword{
  display: block;
  width: 130px;
  float: right;
}
#home #header .inner .filter li.keyword p a{
  display: block;
  width: 130px;
  background: url('/pc/common/images/sprite.gif') no-repeat -318px 0px;
  float: right;
}
#home #header .inner .filter li.keyword p a.active{
  color: #000;
  background: url('/pc/common/images/sprite.gif') no-repeat -841px -364px;
}

#home #header .inner .filter p span{
  padding-left: 12px;
  font-size: 90%
}

#home #header .inner .filter ul{
    display: block;
    list-style: none;
    position: absolute;
  background: #5f5e5e;
  color: #000;
  height: 300px;
 overflow: auto;
  width: 131px;
    display: none;
     z-index: 1000;
}

#home #header .inner .filter ul li{
  margin:0;
    border-bottom: 1px solid #888;
     
   }
#home #header .inner .filter ul a{
    display: block;
    padding: 6px;
}

#home #header .inner .filter ul a:hover{
    display: block;
    background: #888;
}

#home #header .inner .filter ul.genre_list{
  top: 80px;
  left: 12px;
  width: 131px;
}

#home #header .inner .filter ul.area_list{
  top: 80px;
  left: 144px;
  width: 135px;
}

#home #header .inner .filter ul.keyword_list{
  top: 80px;
  left: 280px;
  width: 131px;
}

#home #header .videoListMask {
    position: absolute;
    top: 84px;
    width: 420px;
    height: 368px;
    overflow: hidden;
}

#home #header .thumbnail{
    position:absolute;
    left: 0;
    margin: 12px 0 12px 12px;
}

#home #header .thumbnail p.mask {
    margin: 0px 12px 12px 0px;
    width: 124px;
    height: 76px;
}

#home #header .thumbnail p {
    float: left;
    margin: 0px 12px 12px 0;
    width: 124px;
    height: 76px;
/*    text-align: center; */
    background: #000;
}

#home #header .thumbnail p a{
    position: absolute;
    display: block;
    width: 124px;
    height: 76px;
    border: none;
    z-index: 103;
    margin: 0px;
}

#home #header .thumbnail p a.active{
    width: 120px;
    height: 72px;
    border: 2px solid #f00;
}

#home #header .thumbnail img.loading {
    margin: 28px 0px 0px 52px;
}

#home #header .thumbnail .thumbnailImage {
    width: 124px;
    height: 76px;
    background-position: center center;
    background-repeat: no-repeat;
}

#home #header .thumbnailColumn {
    width: 408px;
    float: left;
    overflow: hidden;
}

#home .selectionBanner,
#home .selectionBanner a{
	width: 700px;
	height: 96px;
	display: block;
}

#home .selectionBanner,
#home .producerComment{
	margin-bottom: 24px;
}

#home .selectionBanner{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -520px;
}

#home .selectionBanner span{
	display: none;
}

#home .producerComment,
#home .award2 .awardFrame{
	width: 700px;
	overflow: hidden;
}

#home .producerComment p{
	margin-bottom: 18px;
}#home .producerComment p.name{
	margin-bottom: 0;
	font-weight: bold;
}

#home .producerComment img,
#home .award2 .awardFrame img{
	float: left;
	width: 72px;
}

#home .producerComment .prComment,
#home .award2 .awardFrame .awardComment{
	margin-bottom: 24px;
	padding-left: 15px;
	float: right;
	width: 611px;
  background: url('/pc/ss09/images/prBg.gif') no-repeat left top;
}

#home .producerComment .prComment .prBody,
#home .award2 .awardFrame .awardComment .body{
	padding: 0 12px;
	background-color: #eee;
	overflow: hidden;
	width: 587px;
}

#home .producerComment .prComment .prBody .top{
	margin-bottom: 0;
}

#home .producerComment .prComment .prBody .more{
	display: none;
}

#home .producerComment .prComment .prBody{
padding-bottom: 0;
}



#home  div.comment_toggle{
   height: 18px;
   margin-top: 6px;
   float: right;
}

#home  div.comment_toggle p{

  margin: 0;
  padding: 0;
  display: inline;
}

#home  div.comment_toggle .arrow{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -705px -50px;
  float: left;
  margin: 3px 6px 0 0;
}
#home  p.comment_toggle  a{
  margin-left: 18px;
  display: block;
}

#home #comment_more{
  display: none;
  margin-top: 18px;
}

#home .award2 .awardFrame .awardComment .body{
   display:block;
}

#home .producerComment .prComment .head,
#home .producerComment .prComment .foot,
#home .award2 .awardFrame .awardComment .head,
#home .award2 .awardFrame .awardComment .foot{
  display: block;
	width: 611px;
	height: 12px;
	font-size: 1px;
	clear: both;
}

#home .producerComment .prComment .head,
#home .award2 .awardFrame .awardComment .head{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -442px;
}

#home .producerComment .prComment .foot,
#home .award2 .awardFrame .awardComment .foot{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -456px;
}

#home .producerComment .banner{
	width: 700px;
	clear: both;
}#home .producerComment .banner img{
	height: 108px;
	width: 700px;
}

#home .finalist{
	width: 100%;
	position: relative;
}

#home .finalist h3{
	width: 646px;
	padding-left: 54px;
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -644px;
}

#home .finalist .final-icon{
	display: block;
	width: 54px;
	height: 54px;
  background: url('/pc/common/images/icon-stage.png') no-repeat top left;
  position: absolute;
  top: -16px;
  left: -6px;
}

#home .finalist ul{
	width: 700px;
	margin-bottom: 18px;
	list-style: none;
	overflow: hidden;
}

#home .finalist li{
	float: left;
	width: 96px;
	margin-right: 24px;
}#home .finalist li.last{
	margin-right: 0;
}

#home .finalist ul .thumbnail{
	margin: 0;
	padding: 0;
	width: 96px;
	height: 96px;
	text-align: center;
	cursor: pointer;
}

#home .finalist ul strong{
	width: 96px;
	padding-top: 6px;
	font-weight: bold;
	display: block;
	text-align: center;
}

#home .finalist li.audioleaf{
	background-color: #2e2e30;
	padding-top: 4px;
}

#home .finalist li.audioleaf img{
	width: 88px;
}

#home .finalist .al-link{
	padding-bottom: 6px;
	color: #D80C18;
	text-align: center;
}

#home .award ul{
	margin-top: 18px;
	list-style: none;
	width: 700px;
	overflow: hidden;
	clear: both;
}

#home .award h3,
#home .award2 h3
{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -644px;
}

#home .award li{
	width: 338px;
	float: left;
}#home .award li.right{
 margin-left: 24px;
}

#home .award li .title,
#home .award2 .title{
	margin-bottom: 12px;
	background-color: #FDD000;
	height: 24px;
	position: relative;
  background: url('/pc/ss09/images/awardTitleBg.gif') repeat-x top left;
}

#home .award li .title .pr,
#home .award2 .title .pr{
	display: block;
	float: left;
	width: 27px;
	height: 24px;
  background: url('/pc/ss09/images/awardTitleSprite.gif') no-repeat 0 0;
}

#home .award li .title .prName,
#home .award2 .title .prName{
	padding-top: 4px;
	padding-right: 9px;
	font-weight: bold;
	float: left;
	color:#D80C18;
	height: 20px;
	background-color: #FDD000;
}


#home .award li .title .ar,
#home .award2 .title .ar{
	display: block;
	float: left;
	width: 28px;
	height: 24px;
  background: url('/pc/ss09/images/awardTitleSprite.gif') no-repeat -27px 0;
}

#home .award li .title .arName,
#home .award2 .title .arName{
	padding: 4px 0 0 9px;
	font-weight: bold;
	float: left;
	height: 20px;
  background: url('/pc/ss09/images/awardTitleBg.gif') repeat-x top left;
}

#home .award li .title .end,
#home .award2 .title .end{
	display: block;
	float: left;
	width: 5px;
	height: 24px;
  background: url('/pc/ss09/images/awardTitleSprite.gif') no-repeat -55px 0;
  position: absolute;
  top:0;
  right: 0;
}

#home .award li .awardFrame{
	width: 338px;
	overflow: hidden;
}

#home .award li .awardFrame .thumbnail{
	float: left;
	width: 72px;
}

#home .award li .awardFrame .thumbnail img{
	margin-bottom: 6px;
}

#home .award li .awardFrame .credit{
	float: left;
	width: 72px;
  font-size: 85%;
  line-height: 120%;
}

#home .award li .awardFrame .awardComment{
	float: right;
	width: 251px;
	padding-left: 15px;
  background: url('/pc/ss09/images/prBg.gif') no-repeat left top;
}

#home .award li .awardFrame .awardComment .head,
#home .award li .awardFrame .awardComment .foot{
	display: block;
	width: 251px;
	height: 12px;
	font-size: 1px;
}

#home .award li .awardFrame .awardComment .head{
	background: url('/pc/common/images/sprite.gif') no-repeat 0 -670px;
}

#home .award li .awardFrame .awardComment .foot{
	background: url('/pc/common/images/sprite.gif') no-repeat 0 -684px;
}


#home .award li .awardFrame .awardComment .body{
	padding: 0 12px;
	display: block;
	background-color: #EEE;
	line-height: 1.7em;
}

#home .award li .awardFrame .awardComment .body .name,
#home .award2 .awardFrame .body .name{
	font-weight: bold;
}

#home .award2 .awardFrame .awardComment{
margin-bottom:0;
}

#home .award2 .article a.ssbtn{
	margin-top: 12px;
	margin-bottom: 36px;
	display: block;
	width: 296px;
	height: 36px;
	background: url('/pc/common/images/sprite.gif') no-repeat -614px -442px;
}




/* ### search ### */

#search{
  width: 900px;
  color: #FFF;
	background: #2e2e30;
  margin: 0 auto 0 auto;
  padding: 6px 24px 1px 0;
  overflow: hidden;
  position: relative;
}

#search  .search input.freeword{
  border: 1px solid #fff;
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -25px;
  margin: 0 12px 0px 24px;
  	padding: 4px 0 4px 24px;
  height: 16px;
  width: 271px;
  border: none;
  float: left;
}

#search input.submit_search{
  width: 145px;
  height: 24px;
  border: none;
  background: url('/pc/common/images/sprite.gif') no-repeat -580px -21px;
  float: left;
  cursor: pointer;
}

#search .searchBtn{
	float: left;
}

#search .detail_search{
	margin-right: 24px;
  float: right;
  width: 88px;
  height: 21px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat 0 -388px;
}

#search .detail_search a{
  width: 88px;
  height: 21px;
  display: block;
}

#search .artist_text,
#search .artist_text:hover,
#search .artist_text_active{
	margin-right: 24px;
  float: right;
  width: 68px;
  height: 20px;
  display: block;
}

#search .artist_text{
  background: url('/pc/common/images/sprite.gif') no-repeat -177px -388px;
}
#search .artist_text:hover,
#search .artist_text_active{
  background: url('/pc/common/images/sprite.gif') no-repeat -245px -388px;
}

#search .artist_text a,
#search .artist_text_active a{
  width: 68px;
  height: 20px;
  display: block;
}

#search .artist_thumbnail,
#search .artist_thumbnail:hover,
#search .artist_thumbnail_active{
  float: right;
  width: 70px;
  height: 20px;
  display: block;
}

#search .artist_thumbnail{
  background: url('/pc/common/images/sprite.gif') no-repeat -314px -388px;
}
#search .artist_thumbnail:hover,
	#search .artist_thumbnail_active{
  background: url('/pc/common/images/sprite.gif') no-repeat -384px -388px;
}

#search .artist_thumbnail a,
#search .artist_thumbnail_active a{
  width: 70px;
  height: 20px;
  display: block;
}


#search_field{
  display: none;
  clear: both;
  background: #2e2e30;
  overflow: hidden;
  width: 924px;
  padding: 24px 24px 0 24px;
  position: relative;
}

#search_field  table{
  width: 876px;
}

#search_field td{
  vertical-align: top;
  font-size: 85%;
  padding-bottom: 12px;
}

#search_field td.keyword{
  padding-bottom:0;
}

#search_field td.label{
 white-space: nowrap;
 padding-right: 36px;
 font-weight: bold;
}

#search_field td.searchBtnBottom{
 vertical-align: bottom;
	text-align: right;
}

#search_field td.searchBtnBottom input{
	margin: 0;
	float: right;
}


#search_field input{
 margin-right: 3px;
}

#search_field td.keyword select{
  margin: 0 12px 12px 0;
}

.search_field_bottom{
  width: 924px;
  overflow: hidden;
  line-height: 1%;
  height: 5px;
  background:  url('/pc/common/images/sprite.gif') no-repeat 0px -255px;
}

/* ### contents ### */

#contents{
  width: 924px;
  padding: 24px 0;
  overflow: hidden;
}

#main{
  width: 700px;
  float: right;
}

#main h3{
  width: 688px;
  height: 24px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -75px;
  padding-left: 12px;
  margin-bottom: 12px; 
  color: #fff;
}

#main .topics{
  position: relative;
}

#main .topics ul li{
  margin-left: 24px;
  margin-bottom: 12px;
  font-size: 85%;
}

#main .topics .topicsApply{
	width: 700px;
}

#main .flow p{
  margin-bottom: 12px;
  font-size: 85%;
}
#main .flow p.status{
  position: relative;
  margin: 0 0 18px 0 ;
  padding: 0;
}

#main .flow  img{border:none;}


#main .flow .status .animeDate{
	position: absolute;
	top:0;
	left:122px;
	display: block;
	width: 94px;
	height: 94px;
  background: url('/pc/ss09/images/animeDate.gif') no-repeat 0px 0px;
}

#main .flow p.status a{
   position: absolute;
   display: block;
   width: 264px;
   height: 25px;
   bottom: 0;
   right: 0;
}

#main .livehouse h3{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -100px;
    padding-left: 36px; 
      width: 664px;
}

#main .livehouse p{
  margin-bottom: 12px;
  font-size: 85%;
}

#main .livehouse .area_navigation{
  width: 700px;
  overflow: hidden;
}

#main .livehouse ul li{
  list-style: none;
  float: left;
  margin: 0 3px 0 0;
  background:  url('/pc/common/images/sprite.gif') no-repeat -837px 0px;
}

#main .livehouse ul li.active{
  background:  url('/pc/common/images/sprite.gif') no-repeat -837px -33px;
}

#main .livehouse ul li a{
  display: block;
  float: left;
  padding: 0 0 0 11px;
}

#main .livehouse ul li  span{
  padding:  3px 11px 0 0 ;
  display: block;
  background:  url('/pc/common/images/sprite.gif') no-repeat right 0;
}

#main .livehouse ul li.active a{
  color: #000;
}

#main .livehouse ul li.active  span{
  display: block;
  background:  url('/pc/common/images/sprite.gif') no-repeat right -33px;
}

/*
#main .ui-tabs-nav .ui-tabs-selected{
  background:  url('/pc/common/images/sprite.gif') no-repeat -837px -33px;
}

#main .ui-tabs-nav .ui-tabs-selected span{
  background:  url('/pc/common/images/sprite.gif') no-repeat right -33px;
}
*/



#main .livehouse .livehouse_navigation{
  clear: both;
  width: 700px;
  padding-top: 24px;
  height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0 -125px;
}


#main .livehouse .livehouse_navigation_bottom{
  clear: both;
  width: 700px;
  height: 48px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0 -174px;
}

#main .livehouse  .navigation{
  height: 24px;
  margin: 0 auto 0 auto;
  width: 120px;
  text-align: center;
  position: relative;
}

#main .livehouse  .navigation p.prev{
  display: block;
  height: 25px;
  width: 25px;
  background: url('/pc/common/images/sprite.gif') no-repeat -449px 0px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#main .livehouse .navigation p.prev a{
  display: block;
  height: 25px;
  width: 25px;
}
#main .livehouse .navigation p.prev span{
  display: none;
}

#main .livehouse .navigation p.count{
  font-size: 85%;
  display: inline;
}

#main .livehouse .navigation  p.next{
  display: block;
  height: 25px;
  width: 25px;
  background: url('/pc/common/images/sprite.gif') no-repeat -475px 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#main .livehouse .navigation p.next a{
  display: block;
  height: 25px;
  width: 25px;
}
#main .livehouse .navigation p.next span{
  display: none;
}

#main .livehouse .livehouse_list_container {
    width: 700px;
    height: 360px;
    background: #E6E6E6;
    margin: 0px;
    padding: 0px;
}

#main .livehouse .livehouse_list_mask {
    width: 700px;
      height: 360px;
    overflow: hidden;
    position: absolute;
}

#main .livehouse .livehouse_list{
  clear: both;
  width: 700px;
  padding: 12px 0 0 0;
  position: absolute;
  overflow: hidden;
}

#main .livehouse .livehouse_list_column{
    width: 700px;
    height: 360px;
    float:left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#main .livehouse .livehouse_list .livehouse_data{
  width: 120px;
  height: 180px;
  margin: 0px;
      overflow: hidden;
  padding: 0px 0px 0px 16px;
  float: left;
}

#main .livehouse .livehouse_list .livehouse_data .thumbnail {
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    margin: auto;
    text-align: center;
    background: #fff;
}

#main .livehouse .livehouse_list .livehouse_data p{
	padding-top: 6px;
    text-align: center;
    line-height: 110%;
}



#sidebar{
  width: 200px;
  float: left; 
}

#sidebar h3{
  width: 188px;
  height: 24px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -50px;
  padding-left: 12px;
  margin-bottom: 12px; 
  color: #fff;
}

#sidebar .ranking h3{
  width: 164px;
  background: url('/pc/common/images/sprite.gif') no-repeat -201px -50px;
  padding-left: 36px; 
}

#sidebar ul li,
#sidebar ol li{
  clear: both;
  list-style: none;
  font-size: 85%;
  width: 200px;
}

#sidebar .menu li span,
#sidebar .ranking .next .arrow{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -668px -50px;
  float: left;
  margin: 3px 6px 0 0;
}
#sidebar .menu li  a{
  margin-left: 18px;
  display: block;
}

#sidebar .ranking .article{
	margin-bottom: 0;
}

#sidebar .ranking .next .arrow{
	margin: 6px 6px 0 0;
}

#sidebar .ranking .next{
	clear: both;
}

#sidebar .ranking .next{
  font-size: 85%;
	margin-bottom: 24px;
	float: right;
}

#sidebar .ranking li span{
  width: 36px;
  height: 12px;
  display: block;
  float: left;
  font-weight: bold;
}
#sidebar .ranking li a{
  margin-left: 36px;
  display: block;
}

#sidebar .ranking li span.first{
  color: #D80C18;
}
#sidebar .ranking li span.second,
#sidebar .ranking li span.third{
  color: #FDD000;
}

#sidebar .fet_list{
	clear: both;
}

#sidebar .fet_list li span{
  width: 11px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -681px -50px;
  float: left;
  margin: 3px 6px 0 0;
}
#sidebar .fet_list li  a{
  margin-left: 18px;
  display: block;
}

#sidebar .fet_list li ul{
  display: none;
  margin: 6px 0 6px 12px;
   width: 188px;
  font-size: 115%;
}

#sidebar .producers {
  clear: both;
}

#sidebar .producers h3{
  width: 200px;
  height: 100%;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -50px;
  padding-left: 0;
  color: #fff;
}

#sidebar .producers h3 .head,
#sidebar .producers h3 .foot{
	width:200px;
	height: 12px;
  display: block;
  font-size: 1px;
}

#sidebar .producers h3 .head{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -50px;
}

#sidebar .producers h3 .foot{
  background: url('/pc/common/images/sprite.gif') no-repeat -0px -62px;
}

#sidebar .producers h3 .body{
	padding: 0 12px;
	background-color: #2e2e30;
	display: block;
	line-height: 1.4em;
}

#sidebar .producers .producer{
  width:200px;
  position: relative;
  margin-bottom: 18px;
  
}

#sidebar .producers .producer .portfolio{
  float: left;
  width: 72px;
}

#sidebar .producers .producer .portfolio img{
  margin-bottom: 3px;
  background-color: red;
}

#sidebar .producers .producer .portfolio .credit{
  font-size: 75%;
  line-height: 120%;
}


#sidebar .producers .producer h4,
#sidebar .producers .producer p.profile,
#sidebar .producers .producer p.link{
  width: 116px;
  _width: 112px;
}

#sidebar .producers .producer h4,
#sidebar .producers .producer p.profile{
  margin-left: 84px;
}

#sidebar .producers .producer p.profile{
  line-height: 170%;
  margin-top: 6px;
  font-size: 75%;
}

#sidebar .producers .producer p.link{
  margin-left: 84px;
   font-size: 85%;
}

#sidebar .producers .producer p span.arrow,
#home .check span.arrow{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -668px -50px;
  float: left;
  margin: 5px 6px 0 0;
}
#sidebar .producers .producer p.link a{
  display: block;
}


/*########## artist ##########*/
#artist,
#vote,
#faq,
#selection,
.prBody,
#home .check .article,
#home .finalist .article,
#home .award .article,
#home .award2 .article{
  font-size: 85%;
  line-height: 170%;
}

#artist{
	width: 100%;
	position: relative;
}

#artist h1,
#vote h1,
#faq h1{
	margin-bottom: 12px;
	font-size: 180%;
	line-height: 120%;
}

#artist h1{
	width: 924px;
	overflow: hidden;
	margin-bottom: 9px;
}

#artist h1 .name{
	width: 606px;
	float: left;
}

#artist h1 .name .clear{
	width: 178px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat -701px -390px;
	float: left;
}


#artist h1 .name span{
	padding-left: 12px;
	font-size: 70%;
}

#artist h1 .rankOrder{
	width: 296px;
	float: right;
}

#artist h1 .rankOrder .vote{
	float: left;
		font-size: 70%;
}

#artist h1 .rankOrder .vote span{
  width: 15px;
  height: 18px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -508px 0px;
  float: left;
  margin: 3px 9px 0 0;
}

#artist h1 .rankOrder .ranking{
	float: left;
	margin-right: 24px;
    font-size: 70%;
}

#artist h1 .rankOrder .ranking span{
  width: 18px;
  height: 15px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -524px -2px;
  float: left;
  margin: 5px 9px 0 0;
}

#artist h1 .rankOrder .vote_date {
  float: right;
   margin: 0 0 0 9px;
   	font-size: 50%;font-weight: normal;
   _line-height: 1.4em;
}

#artist h2,
#faq h2,
#vote h2{
	margin-bottom: 12px;
}

#artist h2,
#selection h2{
	padding: 1px 0 0 12px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -261px;
  color: #FFF;
}

#artist h3{
	margin-bottom: 12px;
}

#artist p{
	margin-bottom: 18px;
}

#artist .arrow,
#vote .arrow,
#notfound .arrow,
#faq .arrow{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -668px -50px;
  float: left;
  margin: 5px 6px 0 0;
}


#artist .artistData{
	width: 924px;
	overflow: hidden;
	margin-bottom: 36px;
}

#artist .artistData .left{
    width: 300px;
	float: left;
}

#artist .artistData .left img.portrait{
	margin-bottom: 6px;
	display: block;
}

#artist .artistData .left p{
	margin-bottom: 0;
}#artist .artistData .left p.blog{
	margin-bottom: 6px;
}

#artist .artistData .left .photoCredit{
	color: #999;
	line-height: 140%;
	margin-bottom: 6px;
}

#artist .artistData .left a.mixi{
	margin-bottom: 12px;
	margin-right: 18px;
	width: 88px;
	height: 31px;
  background: url('/pc/common/images/sprite.gif') no-repeat -748px -32px;
  display: block;
}
#artist .artistData .left a.myspace{
	width: 88px;
	height: 31px;
  background: url('/pc/common/images/sprite.gif') no-repeat -748px 0;
  display: block;
}

#artist .artistData .right{
	width:600px;
	float: right;
}

#artist .artistData .data{
}

#artist .artistData .data .head,
#artist .artistData .data .head span,
#artist .artistData .data .foot,
#artist .artistData .data .foot span{
  height: 12px;
  display: block;
  font-size: 1%;
  overflow: hidden;
}

#artist .artistData .data .head{
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -493px;
}

#artist .artistData .data .foot{
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -506px;
}

#artist .artistData .data .head span{
  background: url('/pc/common/images/sprite.gif') no-repeat right -493px;
  width: 50%;
  float: right;
}

#artist .artistData .data .foot span{
  background: url('/pc/common/images/sprite.gif') no-repeat right -506px;
  width: 50%;
  float: right;
}

#artist .artistData .data .dataBody{
	padding: 0 12px;
	background-color: #E6E6E6;
}

#artist .artistData .data table{
	width: 580px;
}

#artist .artistData .data th{
	text-align: left;
	vertical-align: top;
	padding-right: 24px;
}

#artist .mainContent{
	margin-bottom: 36px;
	width: 924px;
	position: relative;
}

#artist .mainContent .left{
	margin-bottom: 0;
	width: 600px;
	float: left;
	color: #FFF;
}

#artist .mainContent .left h2{
	margin: 6px 0;
	padding: 0;
	background: none;
	font-size: 130%;
}

#artist .mainContent .left p{
	margin: 0;
	padding-bottom: 18px;
}

#artist .mainContent .left .head,
#artist .mainContent .left .foot{
	width: 604px;
	height: 12px;
  display: block;
  font-size: 1px;
}

#artist .mainContent .left .head{
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -338px;
}

#artist .mainContent .left .foot{
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -351px;
}

#artist .mainContent .left .leftBody{
	padding: 0 12px;
	width: 580px;
	background-color: #2e2e30;
}

#artist .mainContent .left .ytList{
  width: 580px;
  overflow: hidden;
  list-style: none;

}

#artist .mainContent .left .ytList li{
  margin:0;
  padding:0;
  	float: left;
}


#artist .mainContent .left .ytThumb a{
	padding: 4px;
	margin-right: 12px;
	width: 124px;
	height: 76px;
	display: block;
}

#artist .ui-tabs-hide {  
display: none;  
} 

#artist .ui-tabs-nav .ui-tabs-selected a,
#artist .mainContent .left .ytThumb a:hover{
	background-color: #D80C18;
}

#artist .mainContent .left .ytThumb img{
	width: 124px;
	height: 76px;
}

#artist .mainContent .right{
	margin: 0;
	width: 300px;
	overflow: hidden;
	float: right;
}


#artist .mainContent .right .head,
#artist .mainContent .right .foot{
	width: 296px;
	height: 12px;
  display: block;
  font-size: 1px;
}

#artist .mainContent .right .voteComment{
	margin-bottom: 24px;
}#artist .mainContent .right .voteComment h3{
	margin-bottom: 0;
}

#artist .mainContent .right .voteComment .head{
  background: url('/pc/common/images/sprite.gif') no-repeat -278px -364px;
}

#artist .mainContent .right .voteComment .foot{
  background: url('/pc/common/images/sprite.gif') no-repeat -278px -376px;
}

#artist .mainContent .right .voteComment .voteEndBody{
	padding: 12px 24px;
	width: 248px;
	background-color: #303030;
	color: #fff;
}

#artist .mainContent .right .comment .commentBody{
	padding: 12px 24px;
	width: 248px;
	background-color: #FDD000;
}

#artist .mainContent .right .comment .head{
  background: url('/pc/common/images/sprite.gif') no-repeat -605px -338px;
}

#artist .mainContent .right .comment .foot{
	margin-bottom: 0;
  background: url('/pc/common/images/sprite.gif') no-repeat -605px -351px;
}

#artist .mainContent .right .rightBody{
	padding: 12px 24px;
	width: 248px;
	background-color: #FDD000;
}

#artist .rightBody table{
	width: 100%;
	margin-bottom: 9px;
}

#artist .rightBody table p{
	line-height: 160%;
}

#artist .rightBody table .ipodTouch{
	padding-right: 12px;
	width: 58px;
	height: 103px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -914px -389px;
}

#artist .mainContent .right h2{
	margin-bottom: 6px;
	padding: 0;
	background: none;
	color: #000;
	font-size: 130%;
}

#artist .mainContent .right p{
	margin-bottom: 12px;
}

#artist .mainContent input{
	margin: 0;
	padding: 0;
}

#artist .mainContent input#vote_email{
	background: url('/pc/common/images/sprite.gif') no-repeat -605px -286px;
	margin: 0 0 9px 0;
	padding: 4px 9px;
	width: 230px;
	height: 16px;
	border: none;
}

#artist .mainContent .ie6{
	_margin-left: -3px;
}

#artist .mainContent input#vote_contract{
	margin-right: 6px;
}

#artist .mainContent input#vote,
#artist .mainContent input#voteEnd{
	margin: 18px 40px 0;
	width: 168px;
	height: 46px;
	border: none;
	cursor: pointer;
}

#artist .mainContent input#vote{
	background: url('/pc/common/images/sprite.gif') no-repeat -804px -66px;
}

#artist .mainContent input#voteEnd{
	background: url('/pc/common/images/sprite.gif') no-repeat -804px -75px;
}

*:first-child+html #artist .mainContent .right .caption,
#vote .caption,
*:first-child+html #selection .caption{
	font-size: 70%;
}

#artist .mainContent .right .caption,
#vote .caption,
#selection .caption{
  font-size: 85%;
  line-height: 160%;
  _font-size: 70%;
  _line-height: 180%;
}

#artist .mainContent .right .send,
#vote .send{
	width: 296px;
	overflow: hidden;
	display: none;
}

#artist .mainContent .right .send p,
#vote .send p{
	margin-bottom: 0;
}

#artist .mainContent .right .mobile,
#vote .send .mobile{
	width: 138px;
	float: left;
}

#artist .mainContent .right .mobile img.qr,
#vote .mobile img.qr{
	margin-left: 26px;
}

#artist .mainContent .right a.mobileBtn,
#vote .send .mobile a.mobileBtn{
	margin-bottom: 0;
	width: 138px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0 -364px;
  display: block;
}

#artist .mainContent .right .friend,
#vote .send .friend{
	width: 138px;
	float: right;
}

#artist .mainContent .right a.friendBtn,
#vote .send .friendBtn{
	margin-bottom: 12px;
	width: 138px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat -139px -364px;
  display: block;
}

#artist .mainContent .right a.msgBtn,
#artist .mainContent .right a.msgEndBtn{
	margin-top: 12px;
	width: 138px;
	height: 24px;
  display: block;
}

#artist .mainContent .right a.msgBtn{
  background: url('/pc/common/images/sprite.gif') no-repeat -832px -160px;
}

#artist .mainContent .right a.msgEndBtn{
  background: url('/pc/common/images/sprite.gif') no-repeat -832px -185px;
}

#artist .mainContent .right #reportFormSending {
    display: none;
}

#artist .mainContent .right #reportFormCompleted {
    display: none;
}

.back{
	margin-top: 24px;
	margin-bottom: 12px;
}

#artist .mainContent .comment{
	width: 942px;
	overflow: hidden;
	clear: both;
}

#artist .mainContent .comment h3,
#artist .artistData #recommends .relatedBody h3,
#vote #recommends .relatedBody h3{
	color: #000;
	font-size: 118%;
}

#artist .mainContent .comment h3 span{
	margin: 3px 6px 0 0;
	width: 18px;
	height: 17px;
  background: url('/pc/common/images/sprite.gif') no-repeat -562px 0px;
  display: block;
  float: left;
}

#artist .mainContent .comment p{
	margin-bottom: 0;
}

#artist .artistData #recommends,
#vote #recommends{
	width: 924px;
	overflow: hidden;
	clear: both;
}

#artist .artistData #recommends,
#vote #recommends{
	padding-top: 24px;
	display: none;
}

#artist .artistData #recommends p,
#vote #recommends p{
	margin-bottom: 12px;
}

#artist .artistData #recommends .relatedBody,
#vote #recommends .relatedBody{
	padding: 0 12px;
	width: 900px;
	overflow: hidden;
	background-color: #FDD000;
}

#artist .artistData #recommends .head,
#artist .artistData #recommends .foot,
#vote #recommends .head,
#vote #recommends .foot{
	width: 924px;
	height: 12px;
  display: block;
  font-size: 1px;
}

#artist .artistData #recommends .head,
#vote #recommends .head{
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -312px;
}

#artist .artistData #recommends .foot,
#vote #recommends .foot{
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -325px;
}

#artist .artistData #recommends,
#vote #recommends{
	margin-bottom: 36px;
}

#artist .artistData #recommends .relatedArtist,
#vote #recommends .relatedArtist{
	width: 96px;
	float: left;
	margin-right: 24px;
	line-height: 120%;
	text-align: center;
	word-break: break-all;
}

#artist .artistData #recommends .relatedArtist img,
#vote #recommends .relatedArtist img{
	margin-bottom: 6px;
    /*
	width: 96px;
	height: 96px;
    */
}

#artist .artistData #recommends .last
#vote #recommends .last{
	margin-right: 0;
}

#artist .liveHouse{
	margin-bottom: 12px;
	width: 924px;
	overflow: hidden;
}

#artist .liveHouse h2 span{
	margin: 4px 6px 0 0;
	width: 14px;
	height: 14px;
  background: url('/pc/common/images/sprite.gif') no-repeat -546px 0px;
  display: block;
  float: left;
}

#artist .liveHouse .left{
	width: 96px;
	float: left;
}

#artist .liveHouse .left img{
    margin-bottom: 6px;
}

#artist .liveHouse .right{
	width: 786px;
	float: right;
}

#artist .liveHouse .right h3{
	margin-bottom: 6px;
}

#artist .liveHouse .right .article{
	margin-bottom: 12px;
}#artist .liveHouse .right p.link{
	margin: 0;
}

#artist .commend{
	margin-bottom: 36px;
	width: 924px;
	overflow: hidden;
}

#artist .commend .left{
	width: 96px;
	float: left;
}

#artist .commend .right{
	width: 810px;
	float: right;
}

#artist .final h1 .name{
	width: 540px;
	padding-left: 66px;
}

#artist .final .final-icon{
	display: block;
	width: 54px;
	height: 54px;
  background: url('/pc/common/images/icon-stage.png') no-repeat top left;
  position: absolute;
  top: -20px;
  left: 0;
	_width: 42px;
	_height: 54px;
}


#artist .final a.ssbtn{
	margin-top: 24px;
	display: block;
	width: 296px;
	height: 36px;
	background: url('/pc/common/images/sprite.gif') no-repeat -614px -442px;
}

#artist .final .finalComment{
	margin-bottom: 24px;
	padding: 24px;
	background-color: #d80c18;
	width: 248px;
	position: relative;
	color: #FFF;
}

#artist .final .finalComment h3{
	font-size: 1.8em;
}

#artist .final .finalComment p{
	margin-bottom: 0;
}

#artist .final .finalComment .tl,
#artist .final .finalComment .tr,
#artist .final .finalComment .bl,
#artist .final .finalComment .br{
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	font-size: 1px;
}

#artist .final .finalComment .tl{
	background: url('/pc/common/images/sprite.gif') no-repeat 0 -470px;
	top:0;
	left: 0;
}

#artist .final .finalComment .tr{
	background: url('/pc/common/images/sprite.gif') no-repeat -6px -470px;
	top:0;
	right: 0;
}

#artist .final .finalComment .bl{
	background: url('/pc/common/images/sprite.gif') no-repeat 0 -476px;
	bottom:0;
	left: 0;
	_bottom: -1px;
}

#artist .final .finalComment .br{
	background: url('/pc/common/images/sprite.gif') no-repeat -6px -476px;
	bottom:0;
	right: 0;
	_bottom: -1px;
}



#genre,
#area,
#group,
#accent,
#generation,
#start,
#live_frequency,
#live_turnout,
#original,
#youtueb_comment,
#youtueb_access,
#artist a.ssbtn span{
  display: none;
}

/* ### Artist List ### */

#artist_list h1.title{
  display: none;
}

#artist_list .count{
  display: none;
}

#artist_list .paginator{
  position: relative;
  text-align: center;
  margin-bottom: 24px;
  overflow: hidden;
  clear: both;
  width: 100%;
}

#artist_list .prev{
  height: 24px;
  width: 24px;
  position: absolute;
  left: 250px;
  top: 2px;
}
#artist_list .prev p{
  display: block;
  height: 24px;
  width: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat -701px -146px;
  float: left;
}
#artist_list .prev p a{
  display: block;
  height: 24px;
  width: 24px;
}
#artist_list .prev p span{
  display: none;
}

#artist_list .number{
  margin: 0 12px 0 12px;
  padding: 3px;
}

#artist_list .next{
  height: 24px;
  width: 24px;
  position: absolute;
  right: 250px;
  top: 2px;
}
#artist_list .next p{
  display: block;
  height: 24px;
  width: 24px;

  background: url('/pc/common/images/sprite.gif') no-repeat -726px -146px;
}
#artist_list .next p a{
  display: block;
  height: 24px;
  width: 24px;
}
#artist_list .next p span{
  display: none;
}

#artist_list .artist{
  margin-bottom: 24px;
}

#artist_list .thumbnail{
  float: left;
}


#artist_list .artist_data{
  margin-left: 108px;
  width: 804px;
}

#artist_list .artist_data .header{
  overflow: hidden;
  width: 804px;
}

#artist_list .artist_data h2{
 float: left;
 margin-right: 24px;
}
#artist_list .artist_data h2 .ranking{
  height: 24px;
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  margin-right: 12px;
  font-size: 85%;
  padding: 0 5px 0 6px;
  position: relative;
  background: #303030;

}


#artist_list .artist_data h2 .ranking .count_idx{
   margin: 0 3px 0 3px;
   line-height: 180%;
}

#artist_list .artist_data h2 .ranking .ranking_left{
  height: 24px;
  width: 4px;
  display: block;
  position: absolute;
  left: 0;
  top:0;
  background: url('/pc/common/images/sprite.gif') no-repeat -701px -75px;
}

#artist_list .artist_data h2 .ranking .ranking_right{
  height: 24px;
  width: 4px;
  display: block;
  position: absolute;
  right: -1px;
  top:0;
  background: url('/pc/common/images/sprite.gif') no-repeat -721px -75px;
}

#artist_list .artist_data h2.ranking_1 .ranking{background: #d80c18;}

#artist_list .artist_data h2.ranking_1 .ranking .ranking_left{
  background: url('/pc/common/images/sprite.gif') no-repeat -726px -75px;
}

#artist_list .artist_data h2.ranking_1 .ranking .ranking_right{
  background: url('/pc/common/images/sprite.gif') no-repeat -746px -75px;
}

#artist_list .artist_data h2.ranking_2 .ranking,
#artist_list .artist_data h2.ranking_3 .ranking{
background: #fdd000;
}

#artist_list .artist_data h2.ranking_2 .ranking .ranking_left,
#artist_list .artist_data h2.ranking_3 .ranking .ranking_left{
  background: url('/pc/common/images/sprite.gif') no-repeat -751px -75px;
}

#artist_list .artist_data h2.ranking_2 .ranking .ranking_right,
#artist_list .artist_data h2.ranking_3 .ranking .ranking_right{
  background: url('/pc/common/images/sprite.gif') no-repeat -771px -75px;
}

#artist_list .artist_data p.overall_ranking{
    float: left;
    margin-right: 24px;
}
#artist_list .artist_data .overall_ranking span{
  width: 18px;
  height: 15px;
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  line-height: 120%;
  margin-right: 4px;
  margin-top: 3px;
  background: url('/pc/common/images/sprite.gif') no-repeat -705px -104px;
  font-size: 85%;
}
#artist_list .artist_data .overall_ranking span.overall_ranking_1{
  background: url('/pc/common/images/sprite.gif') no-repeat -731px -104px;
}
#artist_list .artist_data .overall_ranking span.overall_ranking_2,
#artist_list .artist_data .overall_ranking span.overall_ranking_3{
  background: url('/pc/common/images/sprite.gif') no-repeat -756px -104px;
}

#artist_list .artist_data p.vote{
    float: left;
    margin-right: 24px;
}
#artist_list .artist_data p.vote span{
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  line-height: 120%;
  margin-right: 4px;
  margin-top:1px;
  background: url('/pc/common/images/sprite.gif') no-repeat -729px -124px;
  font-size: 85%;
}

#artist_list .thumbnail .video{
  margin: 6px 0 0 0;
}

#artist_list .thumbnail .video .playButton{
  width: 18px;
  height: 20px;
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  background: url('/pc/common/images/sprite.gif') no-repeat -704px -124px;
  margin: 1px 6px 0px 0px;
}

#artist_list .thumbnail .video a{
    font-size: 85%;
        line-height: 200%;
}

#artist_list .artist_data .livehouse_recommendation{
    float: right;
    line-height: 120%;
    margin-top: 4px;
}

#artist_list .artist_data .livehouse_recommendation span{
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  margin-right: 4px;
  margin-top:1px;
  background: url('/pc/common/images/sprite.gif') no-repeat -756px -126px;
  font-size: 85%;
}

#artist_list .artist_data .status{
  
}

#artist_list .artist_data .status p{
  font-size: 85%;
  margin-bottom: 12px;
}

#artist_list .artist_data .status ul{
  font-size: 75%;
  margin-left: 0;
  list-style: none;
}


#artist_list .thumbnail_list {
  margin-right: -36px;
  width: 960px;
}


#artist_list .thumbnail_list .artist{
  width: 124px;
  margin-right: 36px;
  float: left;
}

#artist_list  .thumbnail_list .thumbnail{
    float: none;
}

#artist_list .thumbnail_list .thumbnail p{
  width: 124px;
  height: 76px;
  text-align: center;
  background: #000;
  margin-bottom: 6px;
}

#artist_list .thumbnail_list .thumbnail p a{
   display: block;
   width: 124px;
   height: 76px;
   background-position: center center;
}

#artist_list .thumbnail_list .thumbnail p a span{
  display: none;
}

#artist_list .thumbnail_list .artist_data{
  margin: 0;
  padding: 0;
  width: 124px;
  position: relative;
  height: 60px;
}

#artist_list .thumbnail_list .artist_data .overall_ranking,
#artist_list .thumbnail_list .artist_data .vote,
#artist_list  .thumbnail_list .artist_data h2{
  float: none;
  margin: 0;
}

#artist_list .thumbnail_list .artist_data .vote{
  position: absolute;
  right:0;
  top:0;
}

#artist_list  .thumbnail_list .artist_data h2{
  font-size: 85%;
  width: 124px;
  line-height: 140%;
  word-break: break-all;
}

#artist_list .player {
    width:456px;
    height: 354px;
    position: absolute;
    display: none;
}

  
#artist_list .player .player_background{
    background: url('/pc/common/images/youtube_bg.png') no-repeat 0px 0px;
    width:456px;
    height: 354px;
    position: absolute;
}

#artist_list .player .closeButton{
    position: absolute;
    left:0;
    top:0;
    width: 24px;
    height: 24px;
}

#artist_list .player .closeButton a{
   width: 24px;
   height: 24px;
   display: block;
}

#artist_list .player .closeButton a span{
  display: none;
}

#artist_list .player .screen{
  position: absolute;
  top: 23px;
  left: 21px;
  width:394px;
}

#artist_list .player .artistName{
	position: relative;
	font-size: 1em;
}

#artist_list .player .artistName a{
  line-height: 180%;
}

#artist_list .player .artistName .voteBtn{
  padding-right: 105px;
  background: url('/pc/common/images/youtube_voteBtn.gif') no-repeat right center;
}


#artist_list .player .artistName span.arrow{
  height: 12px;
  width: 12px;
  background: url('/pc/common/images/sprite.gif') no-repeat -640px -50px;
  display: block;
  float: left;
  margin: 6px 5px 0 0;
  }

  
#artist_list .player .videoTitle{
  color: #fff;
    font-size: 1.2em;
  margin-top: 6px;
}



#artist_list .player .artistName a:link {text-decoration: none; color:#D80C18;}
#artist_list .player .artistName a:visited {text-decoration: none; color:#D80C18 }
#artist_list .player .artistName a:hover {text-decoration: none; color:#D80C18 }


/*########## vote ##########*/

#vote h2{
	font-size: 140%;
}

#vote h3{
	margin-bottom: 12px;
	padding: 2px 0 0 11px;
	height: 22px;
  background: url('/pc/common/images/sprite.gif') no-repeat -278px -364px;
  color: #FFF;
}

#vote .relatedBody h3{
margin-bottom: 12px;
	padding: 0;
	background: none;
	color: #000;
}

#vote p{
	margin-bottom: 18px;
}

#vote .left{
	width: 604px;
	float: left;
}

#vote .right{
	width: 296px;
	float: right;
}

#vote .send{
	margin-bottom: 24px;
}

/*########## faq ##########*/
#faq .article{
	margin-bottom: 0;
}

#faq .article .option-l,
#faq .article .option-s{
	padding: 0 12px 6px;
	width: 900px;
	overflow: hidden;
}

#faq .article .option-l img,
#faq .article .option-s img{
	margin-right: 18px;
	float: left;
}

#faq .article .option-l img{
	width: 296px;
}

#faq .article .option-s img{
	width: 120px;
}

#faq .article .option-l p,
#faq .article .option-s p{
	float: left;
}

#faq .article .option-l p{
	width: 586px;
}

#faq .article .option-s p{
	width: 762px;
}

#faq h2{
	padding: 1px 0 0 12px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -261px;
  color: #FFF;
}

#faq .answer{
	padding-left: 12px;
	margin-bottom: 12px;
}

#faq ul{
	margin-bottom: 20px;
	padding-left: 12px;
	list-style: none;
}

#faq li{
	margin-bottom: 9px;
}

#faq .caution{
	margin-bottom: 36px;
	padding-left: 12px;
}

#faq .top{
	margin-bottom: 12px;
	padding-right: 12px;
	width: 912px;
	overflow: hidden;
}

#faq .arrowTop,
#selection .arrowTop{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -654px -50px;
  float: left;
  margin: 5px 6px 0 0;
}

#faq .right{
	float: right;
}

#faq .back{
	margin-bottom: 24px;
}

/* selection */
#selection .article{
	margin-bottom: 0;
}

#selection h1{
	margin-bottom: 12px;
	padding: 1px 0 0 36px;
	width: 888px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -618px;
  color: #FFF;
  font-size: 1.1em;
}

#selection h1 .left{
	float: left;
	width: 600px;
	overflow: hidden;
}

#selection h1 .right{
	padding-right: 12px;
	float: right;
	overflow: hidden;
}

#selection h1 .right a{
	color: #fff;
	font-weight: normal;
	font-size: .9em;
}

#selection .arrowWhite{
  width: 13px;
  height: 13px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -668px -50px;
  float: left;
  margin: 5px 6px 0 0;
  background: url('/pc/common/images/sprite.gif') no-repeat -583px 0;
}

#selection h1 .caption{
	padding-left: 12px;
	font-weight: normal;
}
 
#selection .article h2{
	margin-bottom: 12px;
}

#selection .article h2 .number{
	padding-left: 12px;
	font-weight: normal;
	font-size: .9em;
}

#selection p{
	padding: 0 12px;
	margin-bottom: 12px;
}#selection p.lead{
	margin-bottom: 24px;
}

#selection .article ul{
	padding: 0 12px;
	margin-bottom: 18px;
	width: 900px;
	list-style: none;
	overflow: hidden;
}

#selection .article li{
	margin-right: 24px;
	line-height: 140%;
	padding: 0;
	width: 126px;
	float: left;
	font-weight: bold;
	
}
#selection .article li.last{
	margin-right: 0;
}

#selection .article li a{
  margin-left: 17px;
  display: block;
}

#selection .arrow{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -668px -50px;
  float: left;
  margin: 2px 0 0 0;
}

/* docs&time table */

#docs,#timetable{
  font-size: 85%;
}


#docs h1,
#timetable h1{
	margin-bottom: 12px;
	font-size: 180%;
	line-height: 120%;
}

#docs h2,
#timetable h2{
	padding: 1px 0 0 12px;
	height: 24px;
  background: url('/pc/common/images/sprite.gif') no-repeat 0px -261px;
  color: #FFF;
}

#timetable h3{
	margin: 18px 0  12px 0;
}


#docs .arrow,
#timetable .arrow{
  width: 12px;
  height: 12px;
  display: block;
  background: url('/pc/common/images/sprite.gif') no-repeat -668px -50px;
  float: left;
  margin: 5px 6px 0 0;
}

#docs p,
#timetable p{
  margin: 12px 0 36px 0 ;
}

#timetable .lead{
	padding-left: 24px;
	font-weight: normal;
	font-size: .9em;
}

#timetable table{
  width: 100%;
  background: #ccc;
}

#timetable table th{
    background: #DDD;}

#timetable table td{
  vertical-align: top;
  background: #fff;
  padding: 3px 12px 3px 12px;
}

#timetable table td.date{
  font-weight: bold;
  white-space: nowrap;
  width: 12%;
    vertical-align: middle;
}

#timetable table td.time{
  font-weight: bold;
  white-space: nowrap;
  width: 12%;
    vertical-align: middle;
}

#timetable .article .ssbtn{
	margin-top: 12px;
	display: block;
	width: 296px;
	height: 36px;
	background: url('/pc/common/images/sprite.gif') no-repeat -614px -442px;
}