/**
 * 覚悟の瞬間
 *
 * 覚悟の瞬間　ランキング
 *
 * @author  Shigeaki Kurimoto <kurimoto@kenja.tv>
 * @create  2009/12/14
 * @version 1.00
 */

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

/**
 * ランキング
 */
#idRanking{
	text-align     : left;
    padding-left   : 60px;
    padding-top    : 10px;
}

#idRankingMenu {
	background-image  : url(../../images/main/ranking/bk_title_ranking.gif);
	background-repeat : no-repeat;
	width             : 900px;
	height            : 41px;
	position          : relative;
	border-bottom     : 1px solid #000000;
	z-index           : 2000;
}

.clsRankingMenuMovieOn {
	background-image  : url(../../images/main/ranking/ic_rank1-o.gif);
	background-repeat : no-repeat;
	width             : 161px;
	height            : 41px;
	position          : absolute;
	left              : 132px;
	top               : 0px;
	cursor            : pointer;
}

.clsRankingMenuMovieOff {
	background-image  : url(../../images/main/ranking/ic_rank1.gif);
	background-repeat : no-repeat;
	width             : 161px;
	height            : 41px;
	position          : absolute;
	left              : 132px;
	top               : 0px;
	cursor            : pointer;
}

.clsRankingMenuSearchOn {
	background-image  : url(../../images/main/ranking/ic_rank2-o.gif);
	background-repeat : no-repeat;
	width             : 148px;
	height            : 41px;
	position          : absolute;
	left              : 315px;
	top               : 0px;
	cursor            : pointer;
}

.clsRankingMenuSearchOff {
	background-image  : url(../../images/main/ranking/ic_rank2.gif);
	background-repeat : no-repeat;
	width             : 148px;
	height            : 41px;
	position          : absolute;
	left              : 315px;
	top               : 0px;
	cursor            : pointer;
}

.clsRankingMenuBlogOn {
	background-image  : url(../../images/main/ranking/ic_rank3-o.gif);
	background-repeat : no-repeat;
	width             : 182px;
	height            : 41px;
	position          : absolute;
	left              : 485px;
	top               : 0px;
	cursor            : pointer;
}

.clsRankingMenuBlogOff {
	background-image  : url(../../images/main/ranking/ic_rank3.gif);
	background-repeat : no-repeat;
	width             : 182px;
	height            : 41px;
	position          : absolute;
	left              : 485px;
	top               : 0px;
	cursor            : pointer;
}

#idRankingDetail {
	position          : relative;
	height            : auto;
}

.clsRankingOn {
	position    : absolute;
	visibility  : visible;
	width       : 900px;
	top         : 0px;
	left        : 0px;
	height       : auto;
}

.clsRankingOn2 {
	height       : auto;
}

.clsRankingOff {
	position          : absolute;
	visibility  : hidden;
	width       : 900px;
	top         : 0px;
	left        : 0px;
	height       : auto;
}

.clsRankingOff2 {
	height       : 0px;
}

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

/**
 * 一覧エリア
 */
.clsRankingListBoxFirstMovie {
	width            : 900px;
	border-top       : 3px solid #E6D51A;
	height           : 0px;
	background-color : #FFFFFF;
	position         : relative;
}

.clsRankingListBoxFirstSearch {
	width            : 900px;
	border-top       : 3px solid #D01547;
	height           : 0px;
	background-color : #FFFFFF;
	position         : relative;
}

.clsRankingListBoxFirstBlog {
	width            : 900px;
	border-top       : 3px solid #99CC33;
	height           : 0px;
	background-color : #FFFFFF;
	position         : relative;
}

.clsRankingListBox {
	width            : 900px;
	height           : 120px;
	border-bottom    : 1px dotted #BFBFBF;
	background-color : #FFFFFF;
	text-align       : left;
	position         : relative;
	cursor           : pointer;
}

.clsRankingListBoxRank {
	position     : absolute;
	background-color : #FFFFFF;
	width        : 100px;
	top          : 0px;
	left         : 0px;
	padding-left : 31px;
	padding-top  : 34px;
}

.clsRankingListBoxPic {
	position   : absolute;
	width      : 210px;
	height     : 120px;
	top        : 0px;
	left       : 100px;
}

.clsRankingListBox2 {
	position   : absolute;
	width      : 365px;
	height     : 120px;
	height     : 120px;
	top        : 0px;
	left       : 310px;
}

.clsRankingListBoxKeynum {
	position   : absolute;
	width      : 365px;
	top        : -18px;
	left       : 18px;
	font       : bold 56px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	height     : 57px;
}

.clsRankingListBoxKeyword {
	position   : absolute;
	width      : 345px;
	top        : 42px;
	left       : 18px;
	font       : bold 14px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	height     : 34px;
}

.clsRankingListBoxKaiinname {
	position   : absolute;
	width      : 365px;
	top        : 84px;
	left       : 18px;
	font       : bold 13px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	color      : #666666;
	height     : 16px;
}

.clsRankingListBoxKigyoname {
	position   : absolute;
	width      : 365px;
	top        : 100px;
	left       : 18px;
	font       : bold 13px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	color      : #666666;
	height     : 16px;
}

.clsRankingListBoxSelect {
	position   : absolute;
	width      : 36px;
	height     : 36px;
	top        : 40px;
	left       : 329px;
}

.clsRankingListBoxPointLine {
	position    : absolute;
	width       : 0px;
	height      : 120px;
	top         : 0px;
	left        : 675px;
	border-left : 1px dotted #BFBFBF;
}

.clsRankingListBoxPointMovie {
	position         : absolute;
	background-color : #FFFFFF;
	width            : 224px;
	top              : 0px;
	left             : 676px;
	padding-left     : 20px;
	padding-top      : 50px;
	font             : bold 11px "sans serif", tahoma, verdana, helvetica;
	color            : #E6D51A;
}

.clsRankingListBoxPointSearch {
	position         : absolute;
	background-color : #FFFFFF;
	width            : 224px;
	top              : 0px;
	left             : 676px;
	padding-left     : 20px;
	padding-top      : 50px;
	font             : bold 11px "sans serif", tahoma, verdana, helvetica;
	color            : #D01547;
}

.clsRankingListBoxPointBlog {
	position         : absolute;
	background-color : #FFFFFF;
	width            : 224px;
	top              : 0px;
	left             : 676px;
	padding-left     : 20px;
	padding-top      : 50px;
	font             : bold 11px "sans serif", tahoma, verdana, helvetica;
	color            : #99CC33;
}