#top_page {
    margin: 10px auto;
    width: 960px;
    height: auto;
}



/* Left Area
--------------------------------------------------*/
#top_page #top_left_area {
    margin-bottom: 20px;
    width: 700px;
    height: auto;
    float: left;
}

#top_page #index_top p {
	margin: 10px 5px 15px 0;
	line-height:22px;
	}
div.count {
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #DDD;
	padding: 10px;
	overflow:hidden;
	background-color: #f9f9f9;
}
div.count span{
	font-size: 26px;
	font-weight: bold;
	color:#111;
}


/* Flash Area
--------------------------------------------------*/
#top_page #flash_area {
    margin-bottom: 20px;
    width: 360px;
    height: auto;
    float: left;
    margin-right:15px;
}

ul.look_menu {
	width: 690px;
	margin-top:10px;
	overflow: hidden;
	
}
ul.look_menu li{
	float: left;
	margin:0 4px 0px 0;
}
ul.look_menu li a {
	display: block;
	text-indent:-9999px;
	width:224px ;
	height: 93px;
	}
ul.look_menu li.building a {background: url("../img/common/look_menu_01.gif") no-repeat left top;}
ul.look_menu li.archi a {background: url("../img/common/look_menu_02.gif") no-repeat left top;}
ul.look_menu li.country a {background: url("../img/common/look_menu_03.gif") no-repeat left top;}
ul.look_menu li a:hover {background-position:left -93px;}


#top_page #top_right_area {
    width: 250px;
    height: auto;
    float: right;
}
/********community_link****/
div.community_link {
	margin-bottom:10px;
}

div.community_link a {
	background: url("../img/common/commu_link.gif") no-repeat left top;
	width: 250px;
	height: 105px;
	display:block;
	overflow: hidden;
	text-indent:-9999px;
	
}
div.community_link a:hover {
	background-position:left -105px;
	}
	
	
/**------------------------------------------------------*****rank_box***************/
div#top_ranking {
	margin-top:30px;
	width: 710px;
	margin-right:-30px;
}
div#top_ranking h3 {
	font-size:14px;
	margin: 10px 0 15px 0;
	color:#333;
	background: url(../img/common/nav-bg.gif) no-repeat center center;
	width:675px;
	padding:0 10px;
	height: 36px;
	line-height:36px;
	color:#111;
	text-shadow:0 1px 0 #FFF;
	-moz-text-shadow:0 1px 0 #FFF;
	-webkit-text-shadow:0 1px 0 #FFF;
	border-radius:4px ;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
}
div.rank_box {
	float: left;
	width: 150px;
	margin:0 17px 17px 0;
	height: 210px;
	overflow:hidden;
	padding:5px 5px;
	background: url("../img/common/rank_bg.gif") no-repeat center center;
	
}
div.rank_box span.rank_summary a {
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
}
div.rank_box span.rank_summary a:hover {
	text-decoration: underline;
	color:#000;
}

span.rank_no {
	font-weight:bold;
	color: #669933;
	width: 50px;
	height:16px;
	display: block;
	padding:2px 0 0 17px;
background: url(../img/index/dai.gif) no-repeat left center;
}
div.rank_box center {
	margin-bottom: 10px;
}
div.rank_box p.name {
	font-size:10px ;
	margin-top: 3px;
	line-height: 14px;

}

.tag_red {
	color:#ff6666;
	font-weight: bold;
}
/**********************************************??box*****/
.results_list_ph {
	background-color: #F8F7F3;
	border-collapse: collapse;
	margin:0px auto ;
	border: 1px solid #D7D3BD;
	width: 120px;
	height: 120px;
}
.results_list_ph p {
	margin-bottom:1px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 120px !important;
	width: auto;
	height: 120px !important;
	height: auto;
}

.results_list_ph img {
	margin:auto auto;
}

/********************************IE6*****/
* html .results_list_ph {
	display: inline;
	text-align: center;
	vertical-align: text-top;
	line-height: 118px;
	overflow: hidden;
	zoom: 1;
	}
* html .results_list_ph span {
	display: inline-block;
	}
* html .results_list_ph p {
	vertical-align: middle;
	display: inline;
	zoom: 1;
}
* html .results_list_ph p img {
	vertical-align: bottom;
}




/**************************************IE7***/

*:first-child+html .results_list_ph {
	display: inline;
	text-align: center;
	vertical-align: text-top;
	line-height: 118px;
	overflow: hidden;
	zoom: 1;
	}
*:first-child+html .results_list_ph span {
	display: inline-block;
	}
*:first-child+html .results_list_ph p {
	vertical-align: middle;
	display: inline;
	zoom: 1;
	}
/*********************/

#top_page #top_blog {
    margin-bottom: 10px;
    width: 250px;
    height: auto;
}


#top_page #top_blog h3 {
    width: 250px;
    height: 32px;
    background: url("../img/common/blog_title.gif") no-repeat left top;
    text-indent: -9999px;
    display: block;
}

#top_page .blog_area {
    padding: 0.5em;
    border: 1px solid #D0C1AD;
    border-top:none;
    background: url("../img/top/blog_bg.gif") no-repeat left bottom;
}

#top_page .blog_area h4 a {
    color: #996633;
    text-decoration: none;
}

#top_page .blog_area p {
    padding-bottom: 0.5em;
}
#top_page .blog_area p a {
    padding-bottom: 0.5em;
    text-decoration: none;

}

#top_page .blog_area img {
    margin-left: 5px;
    float: right;
}



/* About Area
--------------------------------------------------*/
#top_page #top_about {
    margin-bottom: 10px;
    width: 690px;
    height: auto;
}

#top_page #top_about h3 {
    margin:20px 0 0 0px;
    display: block;
    border: 1px solid #AAA;
    background-color:#f2f2f2;
    padding:5px 10px;
}

#top_page #top_about p {
    padding: 0.5em;
}