@charset "UTF-8";
/* CSS Document */

/******************************/
/******** 2ページ共通 ***********/
/******************************/

h2{
	background: url(/static/img/front/site/ranking/ranking_banner.jpg) no-repeat center top;
	width: 670px;
	height: 127px;
	text-indent: -9000em;
	margin-bottom: 50px;
	}
	
.clear{
	clear: both;
	}
	
	
	
	
	
/******************************/
/******** 最初のページ ***********/
/******************************/

.scene_h3{
		background: url(/static/img/front/site/ranking/scene_head.jpg) no-repeat center top; 
		height:81px;
		margin: 20px 0 10px 0;
		}
		
.price_h3{
		background: url(/static/img/front/site/ranking/price_head.jpg) no-repeat center top; 
		height:81px;
		margin: 20px 0 10px 0;
		}
		
.ready_h3{
		background: url(/static/img/front/site/ranking/ready_head.jpg) no-repeat center top; 
		height:81px;
		margin: 20px 0 10px 0;
		}
		


.scene{
	width: 652px;
	padding-top: 20px;
	display: inline;
	_padding-top: 80px;
	}
	
.price{
	width: 652px;
	padding: 120px 0 0 9px;
	display: inline;
	_padding-top: 80px;
	}
	
.ready{
	width: 652px;
	padding: 120px 0 0 9px;
	display: inline;
	_padding-top: 80px;
	}
	
	
	.scene li{
		list-style-type: none;
		background: url(/static/img/front/site/ranking/scene_1.jpg) no-repeat left top;
		height: 90px;
		border-bottom: 1px solid #cccccc;
		}
		
	.price li{
		list-style-type: none;
		background: url(/static/img/front/site/ranking/price_1.jpg) no-repeat left top;
		height: 90px;
		border-bottom: 1px solid #cccccc;
		}
		
	.ready li{
		list-style-type: none;
		background: url(/static/img/front/site/ranking/ready_1.jpg) no-repeat left top;
		height: 90px;
		border-bottom: 1px solid #cccccc;
		}
		
		.scene li p{
			color: #cc0000;
			font-weight: bold;
			text-align: center;
			width: 110px;
			margin: 10px 0 0 75px;
			float: left;
			}
			
		.price li p{
			color: #ff6600;
			font-weight: bold;
			text-align: center;
			width: 110px;
			margin: 10px 0 0 75px;
			float: left;
			}
			
		.ready li p{
			color: #119bc8;
			font-weight: bold;
			text-align: center;
			width: 110px;
			margin: 10px 0 0 75px;
			float: left;
			}			
			
		.scene h4, .price h4, .ready h4{
			font-size:120%;
			color: #000000;
			margin-top: 35px;
			padding-left: 20px;
			width:235px;
			float: left;
			text-indent: 0;
			}
			
		.ranking_btn{
			text-align: center;
			margin-top: 25px;
			width: 200px;
			float: left;
			}
			
			
			
			
/******************************/
/******** 1-5位のリスト ***********/
/******************************/

#ranking_headline_scene{
	background: url(/static/img/front/site/ranking/scene_head.jpg) no-repeat center top;
	width: 652px;
	padding: 20px 0 0 9px;
	}
	#ranking_headline_scene h3{
		width: 300px;
		height: 20px;
		margin-left: 195px;
		padding: 20px 0 0 30px;
		text-indent: 0;
		color: #cc0000;
		font-size: 120%;
		border-left: 2px solid #cc0000;
		}
	
#ranking_headline_price{
	background: url(/static/img/front/site/ranking/price_head.jpg) no-repeat center top;
	width: 652px;
	padding: 20px 0 0 9px;
	}
	#ranking_headline_price h3{
		width: 300px;
		height: 20px;
		margin-left: 195px;
		padding: 20px 0 0 30px;
		text-indent: 0;
		color: #FC6306;
		font-size: 120%;
		border-left: 2px solid #FC6306;
		}
		
#ranking_headline_ready{
	background: url(/static/img/front/site/ranking/ready_head.jpg) no-repeat center top;
	width: 652px;
	padding: 20px 0 0 9px;
	}
	#ranking_headline_ready h3{
		width: 300px;
		height: 20px;
		margin-left: 195px;
		padding: 20px 0 0 30px;
		text-indent: 0;
		color: #119BCA;
		font-size: 120%;
		border-left: 2px solid #119BCA;
		}

.ranking_list img{
	float: left;
	padding-top:20px;
	}
	
.ranking_list h4{
			font-size:120%;
			color: #000000;
			margin-top: 55px;
			padding-left: 20px;
			width:300px;
			float: left;
			text-indent: 0;
			}
			
.ranking_list p{
	clear: both;
	padding-top: 20px;
	border-top: 1px solid #cccccc;
	}
	
.btn_details{
	text-align: right;
	padding: 12px 30px 0 0;
	font-size: 120%;
	font-weight: bold;
	width: 632px;
	height: 50px;
	background: url(/static/img/front/site/ranking/btn_details.jpg) no-repeat right top;
	border-bottom: 3px double #cccccc;
	}
	
	.btn_details a{
		color: #ffffff;
		}
		
		
	

/*------------ for IE ------------	*/

*html #ranking_headline_scene, 
*html #ranking_headline_price,
*html #ranking_headline_ready {
		margin:0;
		padding: 0;
		}

*html .scene li p{
			margin: 10px 0 0 40px;
			}	

*html .price li p{
			margin: 10px 0 0 40px;
			}
			
*html .ready li p{
			margin: 10px 0 0 40px;
			}

			
			
/* for Only IE 7 */
*:first-child+html #ranking_headline_scene h3,
*:first-child+html #ranking_headline_price h3,
*:first-child+html #ranking_headline_ready h3 {
	line-height: 10px;
	}