@charset "UTF-8";

/* CSSハック　last update: 2010.9.1

◎IE8はハックしない

◎IE7用
*:first-child+html セレクタ {}

◎IE6用
*html セレクタ {}

◎safari & firefox用 & Chrome
body:first-of-type セレクタ {}
*/


/* CSS Document */

/*
HOTワードページの基本カラー　
#ce1e49
*/


/*
--------------------------------*/

#rankArea{
	clear:both;
	width:759px;
	overflow:hidden;
}

#rankWrap01, #rankWrap02, #rankWrap03, #rankWrap04, #rankWrap05, .rankWrap06_10, #rankWrap_ad, .rankWrapOut, .rankWrap06_100{
	clear:both;
	width:740px;
	padding:10px;
	overflow:hidden;
	position:relative;
}

.bgGray{
	background-color:#EFEFEF;
}

.rankImg01, .rankImg02, .rankImg03, .rankImg04, .rankImg05, .rankImg06, .rankImg07, .rankImg08, .rankImg09, .rankImg10{
	width:30px;
	margin:0 10px 0 0;
	text-indent:-999px;
	float:left;
}

.rankImgOut{
	width:24px;
	height:24px;
	margin:0 10px 0 0;
	padding:3px 3px 0 3px;
	float:left;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-family: arial, Helvetica,sans-serif; 
}

.rankImgOut100{
	width:24px;
	height:24px;
	margin:0 10px 0 0;
	padding:3px 3px 0 3px;
	float:left;
	font-size:1.0em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-family: arial, Helvetica,sans-serif; 
}

.rankImg01{ height:37px; background:url("/common/img/rankImg.png") no-repeat 0 0;  }
.rankImg02{ height:37px; background:url("/common/img/rankImg.png") no-repeat 0 -37px; }
.rankImg03{ height:37px; background:url("/common/img/rankImg.png") no-repeat 0 -74px; }
.rankImg04{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -111px; }
.rankImg05{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -141px; }
.rankImg06{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -171px; }
.rankImg07{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -201px; }
.rankImg08{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -231px; }
.rankImg09{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -261px; }
.rankImg10{ height:30px; background:url("/common/img/rankImg.png") no-repeat 0 -291px; }
.rankImgOut{ height:24px; background:url("/common/img/rankImg.png") no-repeat center -321px; }
.rankImgOut100{ height:24px; background:url("/common/img/rankImg.png") no-repeat center -321px; }
.lBox{
	position:relative;
	width:100%;
}
.lBox .rankTtl{
	float:left;
	width:695px;
}

.rankWrap06_10 .lBox, .rankWrapOut .lBox, #rankWrap_ad .lBox{
	float:left;
	width:740px;
	padding:0 0 10px 0;
}

.rankWrap06_10 .rankTtl, .rankWrapOut .rankTtl, #rankWrap_ad .rankTtl{
	float:left;
	width:695px;
	padding:0 0 0 0;
}


#rankWrap01 .rankTtl{ font-size:275%; line-height:1.2; }
#rankWrap01 .rankTtl h2{ font-size:30px; line-height:1.2; }
#rankWrap01 .rankTtl h2 a{ font-size:30px; line-height:1.2; }
#rankWrap01 .rankTtl h1{ font-size:30px; line-height:1.2; }
#rankWrap01 .rankTtl h1 a{ font-size:30px; line-height:1.2; }
#rankWrap02 .rankTtl{ font-size:250%; line-height:1.2; }
#rankWrap03 .rankTtl{ font-size:225%; line-height:1.2; }
#rankWrap04 .rankTtl{ font-size:200%; line-height:1.2; }
#rankWrap05 .rankTtl{ font-size:200%; line-height:1.2; }
.rankWrap06_10 .rankTtl{ font-size:200%; }
/*年間ランキング用--------------------------*/
.rankWrap06_100 .rankTtl{ font-size:175%; line-height:1.2; }

.rankWrapOut .rankTtl{ font-size:180%; line-height:1.2; }

.hotGraph{
	clear:both;
	width:520px;
	height:90px;
	overflow:hidden;
	margin:0 auto;
}

/*1位から5位
--------------------------*/
.rBox{
	float:right;
	padding:0 0 45px 0;
}

/*ジャンル
--------------------------------------*/
.rBox .genreBox{
	margin:0 0 0 0;
	padding:0 0 5px 0;
	width:230px;
	overflow:hidden;
}
.rBox .genreBox span{
	float:left;
} 

.genre1em, .genre2em, .genre3em, .genre4em, .genre5em, .genre6em, .genre7em, .genre8em, .genre9em, .genre10em{
	background-color:#ce1e49;
}

.rBox .tweetBox {
    clear: both;
    padding: 0 0 5px;
}

.rBox .tweetBoxMax{
	clear:both;

}

.rBoxU{
	clear:both;
	padding:5px;
	background-color:#FFEB8C;
	overflow:hidden;
}

.tweetBoxMax{
	color:#BF0000;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	margin:auto;
}

.tweetBoxMax span{
	color:#333333;
	font-weight:bold;
	text-align:center;
	
}

.rBox .tweetBoxMax span{
	font-weight:bold;
	color:#333333;
}

.rBox .tweetBoxMaxT{
	clear:both;

}

.tweetBoxMaxT{
	color:#BF0000;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	margin:auto;
}

.tweetBoxMaxT span{
	color:#333333;
	font-weight:bold;
	text-align:center;
}

.rBox .tweetBoxMaxT span{
	font-weight:bold;
	color:#333333;
}



.rBox .moriBox{
	clear:both;
	padding:0px 0 5px 0;
}

.moriBox{
	color:#ff6464;
	line-height:1.2;
}

.moriBox span{
	color:#333333;
}

.rBox .moriBox span{
	color:#333333;
}

/*6位から下位
--------------------------*/
.uBox{
	clear:both;
	width:471px;
}

.uBox .genreBox{
	margin:0 5px 5px 0;
	padding-left:5px;
	overflow:hidden;
} 

.uBox .genreBox span{
	float:left;
} 

.uBox .moriBox{
	margin:0 10px 0 40px;
	overflow:hidden;
	float:left;
}



/*ツイートボタン一式の横幅
------------------------------------*/
ul.tweetBtn{
	width:173px;
}

ul.tweetBtn li.a03{
	margin:0 0px 0 0;
}


/*ランキング中アドセンスバナー
----------------------------------------------------------------------*/
.BannerIn{
	margin:5px auto 5px 10px;
	width:560px;
	clear:both;
}

.BannerIn_L {
	margin:3px 0 3px 0;
	width:80px;
	float:left;
}

.BannerIn_L p{
	margin:3px 0 3px 0;
	font-size:10px;
	text-align:right;
	font-weight:bold;
	color:#4a8bea;
}

.BannerIn_R {
	margin:3px;
	width:468px;
	float:right;
}


/*ページ下アドセンスビッグバナー
----------------------------------------------------------------------*/
.BigBottom{
	width:730px;
	margin:15px auto 15px auto;
}


/*ランキング画像入り*/
.lBoxIn {
    clear: both;
    margin-left: 40px;
    overflow: hidden;
    padding-top: 10px;
    width: 450px;
}
.lBoxInleft {
    float: left;
}
.lBoxIn .genreBox{
	padding:0 3px 5px 0;
	max-width:108px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.lBoxIn .tweetBox {
    padding: 0 0 5px 0;
	float:left;
}
.lBoxIn .moriBox{
	padding:0px 3px 5px 0;
	float:left;
	max-width:130px;
}
.rBox2 {
    clear:both;
    width: 150px;
    height:150px;
	margin:10px 10px 10px 40px;
	float:left;
}

.tweetArea3 {
    position:absolute;
    bottom:0;
    right:0;
}
.tweetbtnnewh3 {
    float: left;
    height: 25px;
    overflow: hidden;
    width: 75px;
}
.tweetbtnnewh3 a, .tweetbtnnewh3 a:visited {
    background: url("/common/img/tweetBtn_new.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    margin-left: 4px;
    overflow: hidden;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 87px;
}
.tweetbtnnewh3 a:hover {
    background: url("/common/img/tweetBtn_new.png") no-repeat scroll left -22px rgba(0, 0, 0, 0);
}
.tweetbtnnewhtwipple3 {
    bottom: 7px;
    float: left;
    height: 25px;
    overflow: hidden;
    width: 75px;
}
.tweetbtnnewhtwipple3 a, .tweetbtnnewhtwipple3 a:visited {
    background: url("/common/img/tweetBtn_twipple.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    margin-left: 4px;
    overflow: hidden;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 87px;
}
.tweetbtnnewhtwipple3 a:hover {
    background: url("/common/img/tweetBtn_twipple.png") no-repeat scroll left -22px rgba(0, 0, 0, 0);
}

/**/
.rBox_hot{
	overflow:hidden;
	width:540px;
	padding-top:10px;
}
.thum {
    float: left;
    height: 30px;
    margin: 0 10px 0 0;
    width: 30px;
}
.thum img{
    height: 30px;
    width: 30px;
}
.rBox_hot .rankTtl{
    float: left;
    padding: 0 0 10px;
	color: #333333;
    width:500px !important; 
}
.timeBox2 {
    color: #000066;
    float: right;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
}
.userName {
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 0;
}
.screenname {
    float: left;
    font-size: 11px;
}
.screenname a {
    color: #999999 !important;
}
.tweetTitle {
    clear: both;
    color: #0066D1;
    padding-top: 5px;
    font-size:12px;
    white-space: pre-wrap;
	word-wrap: break-word;
}
.tweetTitle a{
    color: #999999 !important;
}
.rankTtl span {
    color: #333333;
}
.tweetActionMenu {
    font-size: 9px;
    font-weight: normal;
    line-height: 2.2;
    margin-top: 5px;
    overflow: hidden;
}
.tweetActionMenu li {
    background-image: url("/common/img/tweet_detail_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    list-style-type: none;
    margin-right: 10px;
    padding: 0 0 0 22px;
}
.tweetActionMenu .actionButtonReply {
    background-position: left 0 !important;
}
.tweetActionMenu .actionButtonRetweet {
    background-position: left -20px !important;
}
.tweetActionMenu .actionButtonFavorite {
    background-position: left -40px !important;
}
.tweetActionMenu li a {
    color: #999999;
}
.tweetActionMenu li a:hover, .tweetActionMenu li a:hover {
    color: #999999;
    text-decoration: underline;
}