@charset "utf-8";

/*
******************************************************************************************************************
 * Style Name: Site Name
 * Style URI: http://www.
 * Description: 特é›?”¨CSS
 * Version: 1.0
 * Last Up Date: 2009.11.20
 * Author: Rail Link
 * Structure: 
		1.TOP
		2.Page

******************************************************************************************************************/

/*
****************************************************************************

	1.TOP
	
****************************************************************************/
#spRanking {
	background: url(../images/sp/top/bg_sp_ranking.jpg) no-repeat;
	height: 541px;
}

	#spRanking #title {
		padding: 70px 0 0 50px;
		width: 277px;
	}
	
		#spRanking #title h1 {
			margin-bottom: 65px;
		}
		
		#spRanking #title p {
			color: #cce7ff;
			line-height: 120%;
		}
		
/*
****************************************************************************

	2.Page
	
****************************************************************************/
body#sp #main {
	background: url(../images/sp/page/bg_main.gif) no-repeat bottom;
	padding-bottom: 36px;
	width: 650px;
}

	body#sp #mainBg {
		background: url(../images/sp/page/bg_main.gif) no-repeat top;
		padding-top: 5px;
	}
	
		body#sp .bgPhoto {
			background: url(../images/sp/page/img_main_photo.png) no-repeat;
			height: 160px;
			margin-left: 427px;
			position: absolute;
			top: 175px;
			width: 204px;
			z-index: 100;
		}
	
		body#sp #rankingTitle {
			background: url(../images/sp/page/bg_main_title.gif) no-repeat top;
			padding-left: 30px;
		}
		
			body#sp #rankingTitleBg {
				padding: 28px 0 30px;
			}
			
			body#sp .crown01 { background: url(../images/sp/page/img_main_crown_01.gif) no-repeat 298px 28px;}
			body#sp .crown02 { background: url(../images/sp/page/img_main_crown_02.gif) no-repeat 298px 28px;}
			body#sp .crown03 { background: url(../images/sp/page/img_main_crown_03.gif) no-repeat 298px 28px;}
			
				body#sp #rankingTitle p {
					margin-bottom: 7px;
				}
		
		 body#sp .rankingSection {
			 padding: 0 36px;
		 }
		 
		 body#sp #rankingOutlineBg {
			 border-bottom: 1px solid #eee;
			 padding-bottom: 20px;
		 }
		 
			 body#sp #rankingOutlineBg .outlineLeft {
				 float: left;
				 line-height: 150%;
				 width: 308px;
			 }
			 
				 body#sp #rankingOutlineBg .outlineLeft .catch {
					 color: #3386f9;
					 font-size: 123.1%;
					 margin-bottom: 10px;
				 }
			 
			  body#sp #rankingOutlineBg .outlineRight {
				 float: right;
				 width: 250px;
			 }
		 
		 body#sp #rankingYachinsoba table {
			 border-top: 1px solid #ccc;
			 border-left: 1px solid #ccc;
			 line-height: 150%;
			 width: 578px;
		 }
		 
			  body#sp #rankingYachinsoba table th,
			  body#sp #rankingYachinsoba table td {
				 border-right: 1px solid #ccc;
				 border-bottom: 1px solid #ccc;
				 padding: 4px 6px;
			 }
			 
			 body#sp #rankingYachinsoba table th {
				 background: #f8f8f8;
			 }
		 
		 body#sp #rankingListBg {
			 background: url(../images/sp/page/bg_ranking_list.gif) no-repeat bottom;
			 padding: 20px 22px 10px;
		 }
		 
			 body#sp #rankingListBg ul li {
				color: #999;
				display: inline;
				display: inline-block;
				line-height: 120%;
				margin: 0 0 10px 25px;
				vertical-align: top;
				width: 110px;
				_margin: 0 0 10px 23px; /* IE6 */
				/display: inline; /* IE6,7 */
				/zoom: 1; /* IE6,7 */
			 }
			 
			 body#sp #rankingListBg ul li.last {
				margin: 0 0 10px 0;
			 }
			 
		body#sp #rankingFootNav .FootNavLeft,body#sp #rankingFootNav .FootNavRight { width: 289px;}
		body#sp #rankingFootNav .FootNavLeft { float: left;}
		body#sp #rankingFootNav .FootNavRight {
			float: right;
			text-align: right;
		}

body#sp #sidebar {
	width: 240px;
}

	body#sp #sidebar #pageTitle {
		background: url(../images/sp/page/bg_title.gif) no-repeat;
		height: 290px;
		_height: 320px; /* IE6 */
		margin-bottom: 10px;
		padding: 30px 24px 0;
	}
	
		body#sp #sidebar #pageTitle p.txt {
			color: #cce7ff;
			line-height: 120%;
		}
	
	body#sp #sidebar #navRanking {
		background: url(../images/sp/page/bg_nav_ranking.gif) no-repeat bottom;
		padding-bottom: 20px;
	}
	
		body#sp #sidebar #navRankingBg {
			background: url(../images/sp/page/bg_nav_ranking.gif) no-repeat top;
			padding: 20px 20px 0;
		}
		
			body#sp #sidebar #navRankingBg ul li {
				border-top: 1px solid #eee;
			}
			
			body#sp #sidebar #navRankingBg ul li.top3 {
				background: #f8f8f8;
			}