@charset "utf-8";

/*-----------------------------------------------------
contents
-------------------------------------------------------*/
div.conttbl{
width: 662px;
margin: 0 auto 20px auto;
padding-top: 10px;
}


div.conttbl .list{
	width:560px;
	height:681px;
	float:right;
	marign:0 14px 0 0;
	display:inline;
	background:url("../images/fortune/bg_list.jpg") no-repeat 0 0;
}
div.conttbl .list p.ttl{
	margin:29px 0 0 16px;
}
div.conttbl .list ul{
	margin:0 0 0 8px;
}
div.conttbl .list ul li{
	float:left;
	display:inline;
	margin:0 10px 0 10px;
}
div.conttbl .list ul.line-1{margin-top:30px;}
div.conttbl .list ul.line-2{margin-top:32px;}
div.conttbl .list ul.line-3{margin-top:39px;}

div.conttbl .list dl dd a{
	margin:0 0 0 3px;
}
div.conttbl .list dl dd.text{
	text-align:center;
	color:#666;
}

/* ranking */
div.conttbl .ranking{
	width:163px;
	float:left;
	margin:0 0 0 65px;
	display:inline;
}
div.conttbl .ranking dl{
	
}
div.conttbl .ranking dl dt{
	height:48px;
	padding:12px 0 0 0;
	text-align:center;
	color:#C00;
	font-weight:bold;
	font-size:117%;
	
	background:url("../images/fortune/bg_ranking_ttl.jpg") no-repeat 0 0;
	
}
div.conttbl .ranking dl dd{
	width:158px;
	margin:0 1px 0 1px;
	padding:10px 0 10px 0;
	border:1px solid #D6B95F;
	border-top:none;
}
div.conttbl .ranking dl dd ul li{
	height:27px;
	margin:10px 0 0 0;
	padding:13px 0 0 64px;
}
div.conttbl .ranking dl dd ul li a{
	padding:0 0 0 15px;
	background:url("../images/fortune/icon_ranking_list.gif") no-repeat 0 2px;
}
div.conttbl .ranking dl dd ul li.r-01{background:url("../images/fortune/icon_ranking01.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-02{background:url("../images/fortune/icon_ranking02.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-03{background:url("../images/fortune/icon_ranking03.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-04{background:url("../images/fortune/icon_ranking04.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-05{background:url("../images/fortune/icon_ranking05.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-06{background:url("../images/fortune/icon_ranking06.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-07{background:url("../images/fortune/icon_ranking07.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-08{background:url("../images/fortune/icon_ranking08.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-09{background:url("../images/fortune/icon_ranking09.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-10{background:url("../images/fortune/icon_ranking10.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-11{background:url("../images/fortune/icon_ranking11.jpg") no-repeat 12px 0;}
div.conttbl .ranking dl dd ul li.r-12{background:url("../images/fortune/icon_ranking12.jpg") no-repeat 12px 0;}


/*-----------------------------------------------------
details
-------------------------------------------------------*/
div.conttbl .details{
	width:647px;
	height:542px;
	background:url("../images/fortune/bg_details.jpg") no-repeat 0 0;
}
div.conttbl .details h2{
	padding:16px 0 0 12px;
}
div.conttbl .details p.date{
	margin:29px 0 0 34px;
	padding:0 0 4px 0;
	height:36px;
	line-height:36px;
	text-indent:50px;
	font-weight:bold;
	font-size:117%;
	color:#373ACC;
	background:url("../images/fortune/icon_star.gif") no-repeat 0 0;
}
div.conttbl .details dl{
	margin:13px 0 0 42px;
}
div.conttbl .details dl dt{
	font-weight:bold;
	font-size:117%;
	color:#CC0000;
	width:53px;
	float:left;
}
div.conttbl .details dl dd.icon{
	width:150px;
	float:left;
	
}
div.conttbl .details dl dd.icon ul li{
	width:23px;
	float:left;
	padding:0 0 0 5px;
}
div.conttbl .details dl dd{
	
	float:left;
}
div.conttbl .details dl.color dt{
	width:203px;
}
div.conttbl .details p.btn{
	margin:13px 0 0 42px;
}






/*-----------------------------------------------------
TOP
-------------------------------------------------------*/
div.conttbl_top{
width: 862px;
margin: 0 auto 20px auto;
padding-top: 10px;
}


div.conttbl_top .list{
	width:560px;
	height:681px;
	float:right;
	marign:0 14px 0 0;
	display:inline;
	background:url("../images/fortune/bg_list.jpg") no-repeat 0 0;
}
div.conttbl_top .list p.ttl{
	margin:29px 0 0 16px;
}
div.conttbl_top .list ul{
	margin:0 0 0 8px;
}
div.conttbl_top .list ul li{
	float:left;
	display:inline;
	margin:0 10px 0 10px;
}
div.conttbl_top .list ul.line-1{margin-top:30px;}
div.conttbl_top .list ul.line-2{margin-top:32px;}
div.conttbl_top .list ul.line-3{margin-top:39px;}

div.conttbl_top .list dl dd a{
	margin:0 0 0 3px;
}
div.conttbl_top .list dl dd.text{
	text-align:center;
	color:#666;
}

/* ranking */
div.conttbl_top .ranking{
	width:163px;
	float:left;
	margin:0 0 0 65px;
	display:inline;
}
div.conttbl_top .ranking dl{
	
}
div.conttbl_top .ranking dl dt{
	height:48px;
	padding:12px 0 0 0;
	text-align:center;
	color:#C00;
	font-weight:bold;
	font-size:117%;
	
	background:url("../images/fortune/bg_ranking_ttl.jpg") no-repeat 0 0;
	
}
div.conttbl_top .ranking dl dd{
	width:158px;
	margin:0 1px 0 1px;
	padding:10px 0 10px 0;
	border:1px solid #D6B95F;
	border-top:none;
}
div.conttbl_top .ranking dl dd ul li{
	height:27px;
	margin:10px 0 0 0;
	padding:13px 0 0 64px;
}
div.conttbl_top .ranking dl dd ul li a{
	padding:0 0 0 15px;
	background:url("../images/fortune/icon_ranking_list.gif") no-repeat 0 2px;
}
div.conttbl_top .ranking dl dd ul li.r-01{background:url("../images/fortune/icon_ranking01.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-02{background:url("../images/fortune/icon_ranking02.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-03{background:url("../images/fortune/icon_ranking03.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-04{background:url("../images/fortune/icon_ranking04.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-05{background:url("../images/fortune/icon_ranking05.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-06{background:url("../images/fortune/icon_ranking06.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-07{background:url("../images/fortune/icon_ranking07.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-08{background:url("../images/fortune/icon_ranking08.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-09{background:url("../images/fortune/icon_ranking09.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-10{background:url("../images/fortune/icon_ranking10.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-11{background:url("../images/fortune/icon_ranking11.jpg") no-repeat 12px 0;}
div.conttbl_top .ranking dl dd ul li.r-12{background:url("../images/fortune/icon_ranking12.jpg") no-repeat 12px 0;}


/*-----------------------------------------------------
details
-------------------------------------------------------*/
div.conttbl_top .details{
	width:647px;
	height:542px;
	background:url("../images/fortune/bg_details.jpg") no-repeat 0 0;
}
div.conttbl_top .details h2{
	padding:16px 0 0 12px;
}
div.conttbl_top .details p.date{
	margin:29px 0 0 34px;
	padding:0 0 4px 0;
	height:36px;
	line-height:36px;
	text-indent:50px;
	font-weight:bold;
	font-size:117%;
	color:#373ACC;
	background:url("../images/fortune/icon_star.gif") no-repeat 0 0;
}
div.conttbl_top .details dl{
	margin:13px 0 0 42px;
}
div.conttbl_top .details dl dt{
	font-weight:bold;
	font-size:117%;
	color:#CC0000;
	width:53px;
	float:left;
}
div.conttbl_top .details dl dd.icon{
	width:150px;
	float:left;
	
}
div.conttbl_top .details dl dd.icon ul li{
	width:23px;
	float:left;
	padding:0 0 0 5px;
}
div.conttbl_top .details dl dd{
	
	float:left;
}
div.conttbl_top .details dl.color dt{
	width:203px;
}
div.conttbl_top .details p.btn{
	margin:13px 0 0 42px;
}







