@charset "utf-8";


/* LO
------------------------------------- */

table#whole_ranking {
	width : 497px ;
	margin-bottom : 20px ;
}

table#whole_ranking td {
	width : 71px ;
	font-size : x-small ;
	text-align : center ;
	line-height : 130% ;
}

table#whole_ranking td a img {
  border: none;
  color: #ffffff;
  background: transparent;
}



/* LO ߏi
------------------------------------- */

#rank_recommend {
	width : 504px ;
	background : #fff url(//www.hankoya.com/ranking/images/recommend_back.jpg) top no-repeat ;
	border-left : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
	margin : 0 ;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#rank_recommend h4 {
	font-size : 16px ;
	font-weight : bold ;
	margin : 0 0 0px 30px ;
	padding : 7px 0 10px 0 ;
}

#reco_left {
	width : 180px ;
	margin : 0 0 0 30px ;
	float : left ;
	_display : inline ;
}

#rank_recommend #reco_left ul {
	margin : 10px 0 10px 0px ;
	padding : 0  ;
	text-align : left ;
	list-style : none ;
}

#rank_recommend #reco_left li {
	margin : 0 0 0px 0 ;
	padding : 6px 0 6px 30px ;
	background-image : none ;
	border-top : 1px solid #ccc ;
}

#reco_right {
	width : 240px ;
	margin : 0 20px 0 0px ;
	float : right ;
	_display : inline ;
}

#reco_right p {
	margin : 0 0 10px ;
	text-align : left ;
	line-height : 1.4 ;
}

.border_bottom2 { border-bottom	: solid 1px #ccc; }


#rankingpick {padding:5px; margin-top: 30px; border: 1px solid #CCC; width: 660px; margin-right: auto; margin-bottom: 5px; margin-left: 40px; }
#pickleft { padding: 0px; float: left; width: 342px; text-align: right; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; }
#pickright { width: 300px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; float: right; text-align: left; padding: 0px; }


.picktitle { font-weight: bold; display: block; margin-top: 7px; margin-right: 3px; margin-bottom: 7px; margin-left: 3px; font-size: large; }
.pickhiniti { text-align: right; display: block; padding: 0px; margin-top: 0px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px; }
#pickkakaku { font-size: x-large; font-weight: bold; color: #F00; }
.picklink { font-weight: bold; clear: both; text-align: right; display: block; margin-top: 5px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; padding: 0px; }
.rankingwaku { padding: 5px; margin-top: 20px; width: 660px; margin-right: auto; margin-bottom: 20px; margin-left: 40px; }
.rankingwakutable { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 640px; }
.rankingwakutable tr td img { margin: 3px; }
.rankingwakutable tr td { text-align: left; vertical-align: middle; }
#rankingpick ul li { display: block; padding: 2px; margin-top: 10px; margin-right: 10px; margin-bottom: 5px; margin-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #999; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; list-style-type: none; }



/* ランキング新デザイン 2013.01.25
------------------------------------- */
section{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.rankingwaku_new{
	padding:5px;
	margin-top:20px;
	width:674px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:40px;
}
.rankingwaku_new h3.rank_title{
	width:100%;
	height:43px;
	color:#444;
	font-size:26px;
	font-weight:normal;
	background:url(images/bg-rank-title.png) no-repeat;
	padding:8px 0 0 21px;
	margin-bottom:21px;
}
.rankingwaku_new ol.ranking_list{
	float:left;
	list-style:none;
	border-left:1px solid #ccc;
	margin-bottom:20px;
}
.rankingwaku_new ol.ranking_list li{
	float:left;
	width:90px;
	padding:40px 22px 0 21px;
	background-repeat:no-repeat;
	background-position:center 6px;
	border-right:1px solid #ccc;
}
.rankingwaku_new ol.ranking_list li.rank1{
	background-image:url(images/icon-rank1.png);
}
.rankingwaku_new ol.ranking_list li.rank2{
	background-image:url(images/icon-rank2.png);
}
.rankingwaku_new ol.ranking_list li.rank3{
	background-image:url(images/icon-rank3.png);
}
.rankingwaku_new ol.ranking_list li.rank4{
	background-image:url(images/icon-rank4.png);
}
.rankingwaku_new ol.ranking_list li.rank5{
	background-image:url(images/icon-rank5.png);
}
.rankingwaku_new ol.ranking_list li a{
	width:90px;
	display:block;
	font-size:12px;
	text-align:center;
}
.rankingwaku_new ol.ranking_list li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;		
}
.rankingwaku_new ol.ranking_list li a img{
	margin-bottom:10px;
	width:90px;
}


@media screen and (max-width:768px) {

/* /ranking/@ranking.css */

.rankingwaku_new ol.ranking_list li a,
.rankingwaku_new ol.ranking_list li a>span {
	font-size: 18px !important;
	line-height: 1.3em;
}

table#menu_arrow_red>tbody>tr>td>table>tbody>tr>td {
	padding: 5px 0;
}

table#menu_arrow_red>tbody>tr>td>table>tbody>tr>td>a {
	font-size: 18px !important;
	display:block;
	line-height: 1.2em;
}

table#menu_arrow_red>tbody>tr>td>table>tbody>tr>td>div>ul>li {
	list-style: none;
}

.rankingwakutable>tbody>tr>td {
	padding: 5px;
	line-height: 1.2em;
}

.picktitle>a {
	font-size: 18px !important;
	line-height: 1.2em;
}

#rankingpick>ul>li {
	padding: 10px;
}

#rankingpick>ul>li,
#rankingpick>ul>li>a {
	font-size: 18px !important;
	line-height: 1.3em;
}


}