@charset "utf-8";

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


#header h1 a {
	background:transparent url(../images/ranking_logo.jpg) no-repeat scroll 0 0;
	display:block;
	height:80px;
	width:640px;
}
#content .post h2 {
	border-bottom:1px solid #222222;
	margin-bottom:20px;
}

.ranktitle {
	padding:4px 16px;
	font-size:1.3em;
}
.top1, .top2, .top3 {
	background-color:#F6EDB1;
	border:1px solid #C96;
}
.topover {
	border:1px solid #CCC;
	background-color:#EEEEEE;
}
.ranktitle .rank {
	color:#FF6C00;
	font-weight:bold;
	width:80px;
	display:block;
	float:left;
}
.top1 .rank {
	background: url('../images/crown.gif') no-repeat 0px 3px;
	padding-left:20px;
	width:60px;
}
.top2 .rank {
	background: url('../images/crown_silver.gif') no-repeat 0px 3px;
	padding-left:20px;
	width:60px;
}
.top3 .rank {
	background: url('../images/crown_bronze.gif') no-repeat 0px 3px;
	padding-left:20px;
	width:60px;
}
.rankbox {
	padding:8px;
	margin-bottom:0px;
}
#content .rankbox p {
	margin:0;
}
.rankbox .applogo {
	margin-right:8px;
	float:left;
}
.rankbox .category {
	color:#cc0000;
}
.rankbox .regdate {
	color:#999;
	font-size:0.9em;
	float:right;
}
.rankbox .member {
	color:#999;
	font-size:0.9em;
	float:right;
}
.rankbox .appopen {
	float:right;
	margin-top:10px;
}
.rankbox .appreview {
	float:right;
	margin-top:10px;
}
.rankbox .difference {
	float:left;
	margin-top:10px;
	font-size:0.9em;
	color:#090;
}
.ranktitle .rankdiff {
	float:right;
	width:30px;
	height:20px;
	margin-top:3px;
}
.ranktitle .rankup {
	background: url('../images/arrow_up.gif') no-repeat 0px 3px;
}
.ranktitle .rankdown {
	background: url('../images/arrow_down.gif') no-repeat 0px 3px;
}
.ranktitle .ranksame {
	background: url('../images/arrow_same.gif') no-repeat 0px 3px;
}
.ranktitle .ranknew {
	background: url('../images/newicon.gif') no-repeat 0px 4px;
}
.introbox {
	padding:8px;
	margin-bottom:16px;
	font-size:0.8em;
	color:#666;
}

#appsearchform {
	margin-bottom:20px;
}

#content table.rankingtable {
	width:520px;
	border-color:#C96;
}
#content table.rankingtable th {
	text-align:center;
	background-color:#F6EDB1;
	border-color:#C96;
}
#content table.rankingtable td {
	text-align:center;
	border-color:#C96;
}
#content table.rankingtable td .rank {
	font-size:32px;
	color:#FF6C00;
}
#content table.rankingtable td .norank {
	font-size:32px;
	color:#CCCCCC;
}
#content table.rankingtable td .span {
	font-size:0.9em;
	line-height:100%;
	color:#999;
}
#content table.rankingtable td .rankup {
	float:right;
	margin-top:14px;
	width:30px;
	height:20px;
	background: url('../images/arrow_up.gif') no-repeat 0px 3px;
}
#content table.rankingtable td .rankdown {
	float:right;
	margin-top:14px;
	width:30px;
	height:20px;
	background: url('../images/arrow_down.gif') no-repeat 0px 3px;
}
#content table.rankingtable td .ranksame {
	float:right;
	margin-top:14px;
	width:30px;
	height:20px;
	background: url('../images/arrow_same.gif') no-repeat 0px 3px;
}
#content table.rankingtable td .ranknew {
	float:right;
	margin-top:14px;
	width:30px;
	height:20px;
	background: url('../images/newicon.gif') no-repeat 0px 6px;
}

.appcommentbox {
	border-bottom:1px dotted #ccc;
}
.appcomment {
	padding:8px;
	border-top:1px dotted #ccc;
}
.appcomment .author {
	font-weight:bold;
	margin-right:8px;
}
.appcomment .rating {
}
.appcomment .pubdate {
	color:#999;
	font-size:0.9em;
}
.appcomment .photo {
	float:left;
	margin:8px 16px 8px 0;
}
#content p.ratingbox {
	padding:0;
	margin:0;
}
.ratingbox .ratingimg {
	width:80px;
	height:16px;
	float:left;
	text-align:right;
}
.ratingbox .ratingcnt {
	float:left;
	margin-left:10px;
	color:#999;
}
.appimgbox {
	float:right;
	width:190px;
}
.appinfobox {
	float:left;
	width:330px;"
}
.appbutton {
	width:180px;
	text-align:center;
	line-height: 150%;
}
#content table.applist th {
	font-size:0.8em;
	text-align:center;
	padding:4px 6px;
}
#content table.applist td {
	font-size:0.8em;
	padding:4px 6px;
	vertical-align:middle;
}
#content table.applist .applogo {
	margin-right:4px;
	vertical-align:middle;
}

#rsidebar ul li a {
	font-weight:normal;
}
#lsidebar h2.sub {
	background-color:#DDD;
	color:#222;
}

.right {
	float:right;
}