/* CSS Document */



/* ////////////////////　ランキングアイコン　////////////////////　*/



#container1 #middle1 h3.rank01 {
	padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 0 !important;
	height:28px !important ; width:480px !important ;
	}

#container1 #middle1 h3.rank02 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1078px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank03 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1274px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank04 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1372px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank05 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1470px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank06 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1568px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank07 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1666px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank08 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1764px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank09 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1862px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank10 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -98px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank11 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -196px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank12 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -294px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank13 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -392px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank14 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -490px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank15 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -588px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank16 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -686px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank17 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -784px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank18 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -882px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank19 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -980px !important ;		width:480px !important ;
	height:28px !important ;
	}
#container1 #middle1 h3.rank20 {		padding: 10px 0px 5px 35px !important ;
	background: url(../img/csg-51d8cde95e6c6.gif) no-repeat top left !important ;
	background-position: 0 -1176px !important ;		width:480px !important ;
	height:28px !important ;
	}
/* ////////////////////ランキング　写真枠////////////////////　*/



#container1 #middle1 .ranking_waku {
	float:left;
	width:110px;
	height:110px;
	margin-right:10px;
	overflow:hidden;
 　 position:relative;}


#container1 #middle1 .ranking_waku02 {
	float:right;
	width:110px;
	height:110px;
	overflow:hidden;
 　 position:relative;
    margin:5px 0px 5px 5px;
	}



/* ////////////////////　写真ランキングのbox　////////////////////　*/



#container1 #middle1 .unitKiji .photoRanking li {
	vertical-align:top;
	height:130px!important ;
}


#container1 #middle1 .unitKiji .photoRanking li img{
	width:110px !important ;
	}
	

#subRight #tabRrank li{
	width:32.9% !important ;
	}


/* ////////////////////　リアルタイムに関する処理　////////////////////　*/

#subRight #unit .right_box ul#realtime-rank li{
	padding:5px 0px 5px 10px;
	font-size:93%;
    letter-spacing: 0px;
}

.rankicon{
	width: 16px;
	text-align: center;
	float: left;
	height: 16px;
	margin: 0 10px 0 0;
	background-color: #FFE324;
	border: 1px solid #FFBD0D;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffdf08', endColorstr = '#fff005');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffdf08', endColorstr = '#fff005')";
	background-image: -moz-linear-gradient(top, #ffdf08, #fff005);
	background-image: -ms-linear-gradient(top, #ffdf08, #fff005);
	background-image: -o-linear-gradient(top, #ffdf08, #fff005);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFDF08), to(#FFF005));
	background-image: -webkit-linear-gradient(top, #FFDF08, #FFF005);
	background-image: linear-gradient(top, #ffdf08, #fff005);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 80%;
	font-weight: bold;
}
.rankup{
	width:40px;
	text-align: center;
	background-color: red;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff341f', endColorstr = '#781909');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff341f', endColorstr = '#781909')";
	background-image: -moz-linear-gradient(top, #ff341f, #781909);
	background-image: -ms-linear-gradient(top, #ff341f, #781909);
	background-image: -o-linear-gradient(top, #ff341f, #781909);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ff341f), to(#781909));
	background-image: -webkit-linear-gradient(top, #ff341f, #781909);
	background-image: linear-gradient(top, #ff341f, #781909);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding:3px;
    color:white;
    font-weight: bold;
    font-size: 70%;
    margin-left: 3px;

    }
.rankdown{
	width:40px;
	text-align: center;
	background-color: blue;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2452ff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2452ff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #2452ff, #000000);
	background-image: -ms-linear-gradient(top, #2452ff, #000000);
	background-image: -o-linear-gradient(top, #2452ff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2452ff), to(#000000));
	background-image: -webkit-linear-gradient(top, #2452ff, #000000);
	background-image: linear-gradient(top, #2452ff, #000000);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding:3px;
    color:white;
    font-weight: bold;
    font-size: 70%;
    margin-left: 3px;

    }

.ranksame{
	width:40px;
	text-align: center;
	background-color: yellow;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffdf08', endColorstr = '#fff005');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffdf08', endColorstr = '#fff005')";
	background-image: -moz-linear-gradient(top, #ffdf08, #fff005);
	background-image: -ms-linear-gradient(top, #ffdf08, #fff005);
	background-image: -o-linear-gradient(top, #ffdf08, #fff005);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFDF08), to(#FFF005));
	background-image: -webkit-linear-gradient(top, #FFDF08, #FFF005);
	background-image: linear-gradient(top, #ffdf08, #fff005);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding:3px;
    font-weight: bold;
    font-size: 70%;
    margin-left: 3px;

    }