@charset "UTF-8";
/** --------------------------------------------------------------------------
 * ランキング トップサマリー用
 * ------------------------------------------------------------------------ */
#ranking_summary {
	margin: 0px 20px 0px 10px;
	font-size: 90%;
}

#ranking_summary div#left {
	width: 280px;
	padding: 5px;
	float:left;
}
#ranking_summary div#right {
	width: 280px;
	padding: 5px;
	float:left;
}

#ranking_summary table {
	width: 100%;
	border-collapse: collapse;
}
#ranking_summary th {
	background:  url(../img/table_bg_01.png) repeat-x;
	background-position: bottom;
	border: solid 1px #AAAAAA;
	text-align: center;
	padding: 5px;
}
#ranking_summary td {
	border: solid 1px #AAAAAA;
	padding: 3px;
}
#ranking_summary td.right {
	text-align: right;
}
#ranking_summary td.center {
	text-align: center;
}
#ranking_summary div.footer {
	text-align: right;
	padding: 3px 2px;
}

#ranking_summary a:link {
	color:#0033cc;
}

#ranking_summary a:visited {
	color:#0033cc;
}

#ranking_navi {
	margin: 0px 20px 0px 10px;
}
#ranking_navi ul {
	display: block;
	height: 100%;
	width: 100%;
}
#ranking_navi li {
	display: inline;
	text-align: center;
	font-size: 12px;
}
#ranking_navi a {
	background:  url(../img/bg_tab_3.png) repeat-x;
	float: left;
	display: block;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0px 1px;
}
#ranking_navi a:hover {
	background:  url(../img/bg_tab_2.png) repeat-x #0099FF;
	color: #FFFFFF;
}

/** --------------------------------------------------------------------------
 * ランキング用
 * ------------------------------------------------------------------------ */
#ranking {
	margin: 0px 20px 0px 10px;
}
#ranking_title h1 {
	height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../img/bg_stockname_m_h1.png) no-repeat;
	padding: 6px 0px 0px 20px;
	font-size: 20px;
	color: #fff;
}
#ranking_title p {
	margin: 6px 8px;
}
#ranking_title p.help {
	text-align: right;
	margin: 6px 8px;
}

#ranking p.desc {
	margin: 6px 8px;
}
#ranking p.update {
	text-align: right;
}

#ranking div.ranking_table .scale {
	font-size: 80%;
	color: #666666;
}

#ranking div.ranking_table p.notice {
	text-align: right;
	font-size: 90%;
	color: #666666;
}
#ranking div.ranking_table table {
	width: 100%;
	border-collapse: collapse;
}
#ranking div.ranking_table th {
	background: url(../img/table_bg_01.png) repeat-x;
	background-position: bottom;
	border: solid 1px #AAAAAA;
	text-align: center;
	padding: 5px;
}
#ranking div.ranking_table th.pickup {
	background: url(../img/bg_tab_1.png) repeat-x;
	background-position: top;
	color: #FFFFFF;
}
#ranking div.ranking_table td {
	border: solid 1px #AAAAAA;
	padding: 5px;
}
#ranking div.ranking_table td.center {
	text-align: center;
	border: solid 1px #AAAAAA;
	padding: 5px;
}
#ranking div.ranking_table td.right {
	text-align: right;
	border: solid 1px #AAAAAA;
	padding: 5px;
}
#ranking div.ranking_table td span.num_minus {
	color: #FF0000;
}
#pro_link_hotstock {
	padding: 0 0 0 1.2em;
}
#pro_link_hotstock a {
	font-size: 10px;
	background-color: #edf2f9;
	border: solid 1px #d0d0d0;
	border-radius: 15px;
	display: inline-block;
	padding: 5px;
	margin: 0 2px 0 0;
	color: #333;
}
#pro_link_hotstock a:hover {
	color: #666;
}