@charset "utf-8";

/* ----------------------------------------------

	ArtMeter / Search styles
	author   : (C)KAYAC http://www.kayac.com/
	created  : 2007/03/15
	modified : 2007/05/15

---------------------------------------------- */

@import url("/css/common.en.css");
/* CONTENTS HEAD
---------------------------------------------- */

div#contHead h2#titleRanking {
	background-image: url(/img/ranking/ti_artist_ranking_en.gif);
	width: 115px;
	height: 16px;
}


/* SECTION
---------------------------------------------- */

/* CLASS
 - resultTxt
---------------------------------------------- */
dl#resultTxt{
/*background-color:#F9630D;*/
margin-bottom:10px;
color:#FFFFFF;
clear:both;
padding:5px 12px;
width:828px;}

dl#resultTxt:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}

dl#resultTxt dt{
display:inline;
font-size:92%;}
dl#resultTxt dd{
font-size:122%;
display:inline;
}

/* UNITPEOPLE
---------------------------------------------- */
dl.unitPeople em,
dl.unitPeople i{
font-style:normal;}

div#contBody dl.unitPeople dd{
font-size:92%;
}

div#contBody dl.unitPeople dd.picMade a{
font-weight:bold;}

/* RANK1
---------------------------------------------- */
div.rankBOX1{
clear:both;
height:105px;
}
div.rankBOX1,
div.ranking1{
border-bottom:2px solid #CCCCCC;}

div.ranking1{
}

div.ranking1 h4{
padding:0 5px 10px 40px;}

div.rankBOX1 .rankNUM{
float:left;
clear:left;
width:85px;
height:105px;
}

div#contBody div.rankBOX1 h3{
	padding:5px 0;
	text-align:center;
	margin-bottom: 5px;
}

div.rankBOX1 h4{
margin:0 5px;
padding:2px 0 2px 10px;
color:#000000;
font-size:77%;
font-weight:normal;
text-align:center;
background-image:url(/img/ranking/ranking_arrow.gif);
background-position:5px 50%;
background-color:#FFFF00;}


div.rankBOX1 dl.unitPeople{
height:105px;
float:left;
width:400px;
}

div.rankBOX1 dl.unitPeople dt{
float:left;
clear:left;
width:71px;
padding:10px 0 0 10px;
border-left:1px dotted #CDCDCD;
height:95px;
}

dl.unitPeople dt a img{
border:5px solid #709ebe;}

dl.unitPeople dt a:hover img{
border-color:#FFFF00;}

div.rankBOX1 dl.unitPeople dd{
width:300px;}

div.rankBOX1 dl.unitPeople dd.picMade{
width:200px;
height:25px;
padding-top:10px;
clear:right;
float:left;
}

div.rankBOX1 dl.unitPeople dd.picLvl{
width:100px;
height:25px;
padding-top:10px;
float:left;
clear:right;
text-align:right;
color:#666666;
}

div.rankBOX1 dl.unitPeople dd.picLvl em{
font-style:normal;}

div.rankBOX1 dl.unitPeople dd.picLvl em strong{
color:#000000;}

div.rankBOX1 dl.unitPeople dd.picComment{
line-height:1.2;
clear:right;}

div#contents dl.unitPeople dd.picComment{
font-size:77%;
}


ul.peopleWorks{
width:470px;
float:left;
height:105px;
clear:right;
}

ul.peopleWorks li{
float:left;
width:100px;
padding:2px 0;
height:96px;
}

ul.peopleWorks li a{
display:block;
background-repeat:no-repeat;
background-position:50% 50%;
width:95px;
height:95px;
background-color:#F0F0F0;
border:3px solid #FFFFFF;
}


ul.peopleWorks li a:hover{
	background-repeat:no-repeat;
	background-position:50% 50%;
	border:3px solid #FFFF00;
	background-color: #F0F0F0;
}

ul.peopleWorks li a img.thumbnail{
display:none;}

ul.peopleWorks li.imageMORE{
clear:right;
width:65px;
}

ul.peopleWorks li.imageMORE a{
background-image:url(/img/ranking/ranking_more.gif);
width:60px;
height:95px;
}

ul.peopleWorks li.imageMORE a:hover{
background-image:url(/img/ranking/ranking_more_f2.gif);
background-repeat:no-repeat;
}

ul.peopleWorks li.imageMORE a em,
dl.unitPeople dd span{
display:none;}

/* RANK2
---------------------------------------------- */
div#contents div.rankingBox2{
padding-top:40px;
width:960px;
}
div#contents div.rankingBox2 h3{
	margin: 0;
}

div.rankBOX2wrap{
height:130px;
clear:both;
padding-bottom:5px;}

div#contents div.rankingBox2 dl.unitPeople{
clear:both;}

div.rankBOX2{
	height:145px;
	width:192px;
	float:left;
	padding-top:15px;
	border-bottom: 2px solid #CCCCCC;
	overflow: hidden;
}



div.rankBOX2main{
	width:185px;
	height:125px;
	background-color:#eaeaea;
	padding-top: 5px;
}

div#contents div.rankBOX2 dl dd.picMade{
padding-top:15px;
}


div#contents div.rankBOX2 h3{
float:left;
height:20px;
width:75px;
clear:left;
padding:0;
}

div#contBody div.rankBOX2 h4{
	float:left;
	height:16px;
	margin:0 0 0 5px;
	padding:2px 0 2px 10px;
	font-size:77%;
	font-weight:normal;
	text-align:center;
	clear:right;
	background-color: #FFFF99;
	background-image:url(/img/ranking/ranking_arrow.gif);
	background-position:5px 50%;
	background-repeat:no-repeat;
	width:90px;
}


div#contBody div.rankBOX2 dt{
float:left;
width:75px;
padding:10px 0 10px 10px;
}


div#contBody div.rankBOX2 h3,
div#contBody div.rankBOX3 h3,
div#contBody div.rankBOX4 h3{
margin-bottom: 0;
}


/* RANK3
---------------------------------------------- */
div.rankBOX3wrap{
height:160px;
clear:both;}

div.rankBOX3wrap:after,
div#contents div.rankingBox2:after,
div.rankBOX1:after,
div.ranking1:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}


div.rankBOX3{
height:155px;
width:95px;
float:left;
}

div.rankBOX3main{
width:88px;
height:155px;
padding-top:5px;
border:1px solid #eaeaea;}

div.rankClass1,
div.rankClass2,
div.rankClass3{
background-color:#eaeaea;}


div.rankBOX3 dl{
text-align:center;}

div.rankBOX3 dl dt{
padding-top:5px;
}

div#contents div.rankBOX3 dl dd{
	font-size:77%;
	height: 24px;
}

/* RANK3
---------------------------------------------- */
div.rankBOX4wrap{
clear:both;
width:960px;
padding-top:5px;
height:18px;
overflow:hidden;
}

div.rankBOX4wrap:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
overflow:hidden;
font-size: 0em;
line-height: 0;}

div.rankBOX4{
	width:320px;
	float:left;
}

div.rankBOX4 h3,
div.rankBOX4 dl{
float:left;
height:18px;
}
div#contBody div.rankBOX4 h3{
clear:left;
width:30px;
margin:0;}

div#contBody div.rankBOX4 h4{
	width:75px;
	margin:0;
	float:left;
	height:13px;
	padding:2px 0 0 10px;
	font-size:77%;
	font-weight:normal;
	text-align:center;
	background-image:url(/img/ranking/ranking_arrow.gif);
	background-position:5px 50%;
	background-repeat:no-repeat;
	background-color: #F0F0F0;
}

div.rankBOX4 dl{
	clear:right;
	margin-left: 5px;
}
div.rankBOX4 dl a{
font-weight:bold;}

div.rankBOX4 dl em{
font-style:normal;
padding-left:5px;}

div.rankBOX4 dl dt,
div.rankBOX4 dl dd{
display:inline;}

div#contents div.rankBOX4 dl dt{
font-size:92%;}

div.rankBOX4 dl dd{
text-align:right;}




div#weeklyTXT{
padding:10px;
margin-bottom:10px;
background-color:#f0f0f0;}


div.ranking1{
	width: 960px;
	padding-top: 25px;
	background: url(/img/ranking/m_ranking_weekly_en.gif) no-repeat 0 0;
}
div.ranking1 p {
	display: none;
}

div.ranking2,
div.ranking3{
float:left;
width:480px;
height:220px;
padding-top:20px;}

div.ranking2,
div.ranking3{}

div.ranking2{
clear:left;}

div.ranking3{
clear:right;}

div#otherRanking{
margin-top:5px;}


div#contents i.rankingBbs{
font-size:92%;
color:#666666;}


div#contents i.rankingBbs strong{
font-weight:normal;
color:#666666;}

div#contents p#bbsTxt{
	margin: 15px 0 25px;
	clear:both;
	color: #666;
	font-size:85%;
	line-height: 1.5;
}