/* 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,.ranknew{
	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;

    }
.ranknotation{
	font-size:10px;
	margin-left:6px;"
}

/* ////////////////////ランキング　写真の追加////////////////////　*/



#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;
	}

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

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


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



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


#container1 #middle1 .unitKiji .photoRanking li img{
	width:110px !important ;
	}
#subRight .contentWrapRrank ul.photo-rank{
	 margin:0;
}

#subRight .contentWrapRrank ul.photo-rank img{
	display: block;
	margin: 0 auto;

}
#subRight .contentWrapRrank ul.photo-rank li{
	float: left;
	border :1px solid #333;
	display: block;
	width: 80px;
	margin:5px 0px 5px 10px;
}
/*#subRight .contentWrapRrank ul.photo-rank li span{
	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;
	color: #000;
	width: 20px;
	display: block;
	text-align: center;
	position: absolute;
	}
	*/

#subRight .contentWrapRrank ul.photo-rank li span {
background-color: #FFF6D3;
-moz-border-radius: 2px;
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(#FFF6D3), to(#FFF77B));
background-image: -webkit-linear-gradient(top, #FFF6D3, #FFF77B);
background-image: linear-gradient(top, #ffdf08, #fff005);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #000;
display: block;
padding-left: 4px;
font-size: 80%;
line-height: 120%;
}

 .photo-rank li a{
 	margin:0 auto; 
	max-height: 80px;
	border: 1px solid #ffffff;
	display: block;
	overflow: hidden;
	min-height: 80px;
}