@charset "UTF-8";


#ContentsMain {
	clear: both;
	width: 100%;
	margin-top: 3px;
}
#ContentsMainWrap {
	position: relative;
}
#ContentsCf {
	clear: both;
/*
	margin-top: 20px;
*/
	margin-top: 10px;
}

.main_title {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	text-shadow: #FFF 0px 1px;
}
.main_title:before {
	content: "\f2a5";
	margin-right: 6px;
	background: none;
	width: auto;
	height: auto;
	font-size: 80%;
	color: #2E404E;
	font-weight: normal;
	font-family: 'WebHostingHub-Glyphs';
}
.main_title span.min {
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #555;
}
p.mtb {
	clear: both;
	margin-top: 8px;
	color: #4D4D4D;
}

/* contents left
----------------------------------------------- */

#ContentsLeft {
	float: left;
	width: 65%;
	padding-right: 10px;
}
#ContentsLeftWrap {
	position: relative;
}
#ContentsLeft.one {
	float: none;
	width: 100%;
	padding-right: 0;
}


/* contents right
----------------------------------------------- */

#ContentsRight {
	float: left;
	width: 35%;
}
#ContentsRightWrap {
	position: relative;
}

#ContentsRight div.rank_subs {
	display: block;
	float: left;
	width: 50%;
	height: 410px;
	padding-left: 10px;
}
#ContentsRight div.rank_subs.wide {
	width: 100%;
}
#ContentsRight div.hrt .hr_title {
	font-size: 14px;
}
#ContentsRight div.hrt .hr_title span.updated {
	top: 5px;
	font-size: 11px;
}

#ContentsRight div.rank_subs.not_rank div.rank_subs_body {
	height: 370px;
	overflow-y: auto;
	overflow-x: hidden;
}
#ContentsRight div.rank_subs p.continue,
#ContentsRight div.tagrank_subs p.continue {
	clear: both;
	text-align: right;
}
#ContentsRight div.rank_subs p.continue a,
#ContentsRight div.tagrank_subs p.continue a {
	color: #111;
	text-decoration: none;
}
#ContentsRight div.rank_subs p.continue a:hover,
#ContentsRight div.tagrank_subs p.continue a:hover {
	text-decoration: underline;
}
#ContentsRight div.rank_subs p.continue span.ico,
#ContentsRight div.tagrank_subs p.continue span.ico {
	color: #111;
}
#ContentsRight div.rank_subs p.continue span.ico:before,
#ContentsRight div.tagrank_subs p.continue span.ico:before {
	margin-right: -3px;
	font-size: 11px;
}
#ContentsRight div.rank_subs p.continue a span {
	display: none;
}
#ContentsRight #FBpage {
	width: 100%;
}
#RightFixed.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
}

/* tagrank_subs
----------------------------------------------- */

#ContentsRight div.tagrank_subs {
	clear: both;
	width: 100%;
	padding-left: 10px;
	padding-bottom: 10px;
}
#ContentsRight div.tagrank_subs div.trc_subs {
	width: 100%;
}
#ContentsRight div.tagrank_subs div.trc_subs > ul {
	clear: both;
}
#ContentsRight div.tagrank_subs div.trc_subs > ul li {
	display: block;
	width: 100%;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	background-color: #FFF;
	border: 1px #CCC solid;
	border-bottom: 0px;
}
#ContentsRight div.tagrank_subs div.trc_subs > ul li:last-child {
	border-bottom: 1px #CCC solid;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx {
	display: flex;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.r {
	width: 10%;
	text-align: center;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx {
	width: 80%;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.cn {
	width: 10%;
	text-align: right;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.r > span {
	display: block;
	color: #FFF;
	background-color: #2e404e;
	font-size: 85%;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.r1 > span,
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.r2 > span,
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.r3 > span {
	background-color: #eb6a5a;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx > a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx > a:hover {
	background-color: #FCE7E4;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx > a.tocc:before {
	content: "*";
	color: #333;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx > a.tocc i.cc {
	font-size: 80%;
	color: #666;
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx > a.tocc i.cc:before {
	content: "(";
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.tx > a.tocc i.cc:after {
	content: ")";
}
#ContentsRight div.tagrank_subs div.trc_subs div.trctx div.cn > span {
	display: block;
	padding-right: 10px;
	font-size: 90%;
	color: #666;
}



/* contents right 他
----------------------------------------------- */

#ContentsRight div.sright {
	clear: both;
	width: 100%;
	padding-left: 10px;
	margin-top: 10px;
}
#ContentsRight div.sright.top {
	margin-top: 0;
	margin-bottom: 10px;
}

#ContentsRight div.sright div.sright_wrap {
	position: relative;
}

#RightHeadLine {
	display: block;
}

#HeadLineArea {
	border-top: 1px #CCC solid;
	border-left: 1px #DDD solid;
	border-right: 1px #DDD solid;
	border-bottom: 1px #DDD solid;
}
#HeadLineAreaWrap {
	position: relative;
	background-color: #FFF;
}
#HeadLineArea div.hlap {
	clear: both;
	padding: 0 10px;
	border-bottom: 1px #CCC solid;
}
#HeadLineArea div.hlap:last-child {
	border-bottom: 0;
}

#HeadLineArea div.hlap.top div.hlap_wrap {
	position: relative;
}
#HeadLineArea div.hlap p.t {
	display: block;
	width: 100%;
	height: 24px;
/*
	white-space: nowrap;
*/
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
}
#HeadLineArea div.hlap p.t:before {
	margin-right: 4px;
	font-size: 9px;
}
#HeadLineArea div.hlap p.t a {
	font-size: 100%;
}
#HeadLineArea div.hlap.top {
	padding-top: 6px;
	padding-bottom: 4px;
}
#HeadLineArea div.hlap.top p.t a {
	font-size: 15px;
	font-weight: bold;
}

#HeadLineArea div.hlap p.t span.dt {
	font-size: 12px;
	color: #555;
}
#HeadLineArea div.hlap p.exc {
	clear: both;
	width: 100%;
	height: 32px;
	overflow: hidden;
	line-height: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#HeadLineArea div.hlap div.coli {
	clear: both;
	width: 100%;
	margin-top: 10px;
}
#HeadLineArea div.hlap div.coli dt,
#HeadLineArea div.hlap div.coli dd {
	display: inline-block;
}
#HeadLineArea div.hlap div.coli dt {
	color: #8899A6;
}
#HeadLineArea div.hlap div.coli dt:after {
	content: ":";
	margin-right: 5px;
}
#HeadLineArea div.hlap div.coli dd {
	font-size: 90%;
}
#HeadLineArea div.hlap div.coli dd:after {
	content: ",";
	margin-right: 5px;
}
#HeadLineArea div.hlap div.coli dd:last-child:after {
	content: "";
	margin-right: 0;
}

#HeadLineArea div.hlap p.con {
	margin: 4px 0 0;
	text-align: right;
}
#HeadLineArea div.hlap p.con a {
	color: #A27466;
}
#HeadLineArea div.hlap p.con a:hover {
	color: #EB6A5A;
}
div.tob {
	clear: both;
	margin-top: 4px;
}
div.tob p {
	float: right;
}
div.tob p:before {
	margin-right: 2px;
}
div.tob a {
	color: #111;
	text-decoration: none;
}
div.tob a:hover {
	text-decoration: underline;
}


#HeadLineArea div.hlap_kanrenkabu {
	display: block;
	clear: both;
}
#HeadLineArea div.hlap_kanrenkabu > div {
	width: 100%;
}
#HeadLineArea div.hlap_kanrenkabu p.tt {
	font-weight: bold;
}
#HeadLineArea ul.hlap_chart {
	display: block;
	height: 130px;
	overflow: hidden;
}
#HeadLineArea ul.hlap_chart li.hcli {
	float: left;
	margin-right: 5px;
	width: 212px;
	height: 130px;
	overflow: hidden;
}
#HeadLineArea ul.hlap_chart li.hcli span.t {
	display: block;
	height: 14px;
	font-size: 11px;
	line-height: 14px;
}
#HeadLineArea ul.hlap_chart li.hcli a {
	display: block;
	width: 212px;
	height: 116px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 212px 116px;
}
#HeadLineArea ul.hlap_chart li.hcli a span {
	display: block;
	padding-left: 212px;
	line-height: 116px;
}

#RetweetArea {
	clear: both;
}
#RetweetAreaWrap {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
	overflow-y: scroll;
	background-color: #FFF;
}
#retweet_hour {
	clear: both;
	width: 100%;
	padding: 8px 8px 0;
}
#retweet_hour li.h {
	float: left;
	width: 33.33333%;
	border: 1px #00A4E1 solid;
	border-left: 0;
	text-align: center;
	line-height: 30px;
	color: #0084B4;
}
#retweet_hour li.h:first-child {
	border-left: 1px #00A4E1 solid;
}
#retweet_hour li.h.selected {
	color: #FFF;
	background-color: #0084B4;
}
#retweet_hour li.h:hover {
	color: #FFF;
	background-color: #00A4E1;
}
#retweet_hour li.h,
#retweet_hour li.h p {
	cursor: pointer;
}

#RetweetList {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-top: 8px;
	position: relative;
}
#RetweetList div.retweet_list {
	display: none;
	padding: 0 8px;
	position: relative;
}
#RetweetList div.retweet_list.selected {
	display: block;
}
#RetweetList div.retweet_list li.rlli {
	clear: both;
	width: 100%;
	margin-top: 18px;
}
#RetweetList div.retweet_list li.rlli:first-child {
	margin-top: 8px;
}
#RetweetList div.retweet_list li.rlli > div {
	position: relative;
}

#RetweetList div.retweet_list li.rlli iframe,
#RetweetList div.retweet_list li.rlli twitterwidget {
	margin: 0 auto !important;
	padding: 0 !important;
}
#RetweetList div.retweet_list li.rlli ul.rltag {
	padding: 6px 6px 5px;
	border-radius: 3px;
	color: #333;
	background-color: #E1E8ED;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li {
	display: block;
	float: left;
	margin: 0 1px 1px 0;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li span.t {
	font-size: 12px;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li span.t:after {
	content: ":";
}
#RetweetList div.retweet_list li.rlli ul.rltag > li a.rltag_a {
	display: inline-block;
	padding: 0 4px;
	font-size: 13px;
	line-height: 21px;
	color: #FFF;
	text-decoration: none;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li.tw a.rltag_a {
	background-color: #0084B4;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li.co a.rltag_a {
	background-color: #E95545;
}

#RetweetList div.retweet_list li.rlli ul.rltag > li a.rltag_a i.c {
	font-size: 12px;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li a.rltag_a i.n {
	margin-left: 3px;
}
#RetweetList div.retweet_list li.rlli ul.rltag > li a.rltag_a:hover {
	background-color: #808080 !important;
}


#RetweetList p.not_found {
	padding-left: 10px;
	line-height: 100px;
	font-size: 14px;
	color: #556D80;
}

/* hrt
----------------------------------------------- */

div.hrt {
	clear: both;
}
div.hrt .hr_title {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-shadow: #FFF 0px 1px;
}
div.hrt .hr_title.q_trig {
	cursor: default;
}

div.hrt .hr_title:before {
	margin: 0;
}
div.hrt .hr_title span.updated {
	display: block;
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 12px;
	font-weight: normal;
}
div.hrt p.hrt_about {
	display: none;
}
div.hrt .hr_title span.min {
	font-size: 13px;
	font-weight: normal;
}
div.hrt p.hr_about_text {
	clear: both;
	margin-top: 8px;
	font-size: 90%;
	color: #666;
}
div.hrt p.hr_about_text span.min {
	font-size: 90%;
}
div.hrt p.hr_about_text span.min i.icon-twitter:before {
	color: #0084B4;
	margin: 0;
}

/* ranks
----------------------------------------------- */

div.rank_body {
	display: block;
}
div.rank_body_inner {
	position: relative;
}
div.rank_body li.stock_list,
div.rank_body li.rank_body_li {
	display: block;
	position: relative;
	padding: 0 0 0 25px;
	width: 100%;
	height: 35px;
	border-bottom: 1px #CCC solid;
	background-color: #FFF;
}
div.rank_body li.stock_list.haishi {
	opacity: 0.5;
}
div.rank_body li.kdata_li {
	height: 50px;
}

div.rank_body.not_rank li {
	padding-left: 0;
}
div.rank_body.not_rank.rnt li {
	padding-left: 25px;
}
#MainRankError {
	clear: both;
	width: 100%;
	padding: 10px;
	background-color: #FFF;
}
#MainRankError > p.e {
	margin: 100px 0;
	font-size: 16px;
	color: #666;
}
#CodeListMainW {
	clear: both;
	width: 100%;
}
#CodeListMain {
	clear: both;
}

#CodeListMain li.stock_list,
#CodeListMain li.rank_body_li {
	height: 60px;
}
div.not_rank div.rank_body li {
	padding: 0;
}
div.rank_body p.rank_stock a.rank_code_link {
	background-color: #FFF;
}
div.rank_body p.rank_stock a.rank_code_link:hover {
	background-color: #FCE7E4;
}

div.rank_body li span.rank,
div.rank_body p.rank_stock a.rank_code_link,
div.rank_body p.rank_stock a.rank_code_link span,
div.rank_body a.TweetView {
	height: 34px;
	line-height: 34px;
}
div.rank_body li.kdata_li span.rank,
div.rank_body li.kdata_li p.rank_stock a.rank_code_link,
div.rank_body li.kdata_li p.rank_stock a.rank_code_link span,
div.rank_body li.kdata_li a.TweetView {
	height: 25px;
	line-height: 25px;
}
div.rank_body li.kdata_li p.kdata,
div.rank_body li.kdata_li p.kdata a {
	height: 24px;
	line-height: 24px;
}
div.rank_body li.kdata_li p.kdata a {
	display: block;
	padding-left: 8px;
	background-color: #FFF;
	color: #333;
	text-decoration: none;
}
div.rank_body li.kdata_li p.kdata a:hover {
	color: #FFF;
	background-color: #EB6A5A;
}
div.rank_body li.kdata_li p.kdata a span.d {
	font-size: 90%;
}
div.rank_body li.kdata_li p.kdata a span.d:after {
	content: "/";
	margin: 0 8px;
}

#CodeListMain li span.rank {
	height: 59px;
	line-height: 59px;
}
#CodeListMain p.rank_stock a.rank_code_link {
	padding-top: 20px;
	height: 59px;
}
div.rank_body li span.rank {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	text-align: center;
	color: #FFF;
	background-color: #2E404E;
}
div.rank_body li span.rank[data-rank='1'],
div.rank_body li span.rank[data-rank='2'],
div.rank_body li span.rank[data-rank='3'] {
	background-color: #EB6A5A;
}
div.rank_body li p.rank_stock {
	position: relative;
}
div.rank_body p.rank_stock span.market,
div.rank_body p.rank_stock a.type,
div.rank_body p.rank_stock span.faq,
div.rank_body p.rank_stock span.price,
div.rank_body p.rank_stock span.ypri {
	display: block;
	position: absolute;
	top: 3px;
	font-size: 11px;
}
div.rank_body p.rank_stock span.market {
	left: 5px;
}
div.rank_body.not_rank p.rank_stock span.market {
	left: 15px;
}
div.rank_body p.rank_stock a.type {
	color: #0084B4;
	text-decoration: underline;
	left: 60px;
	font-size: 12px;
}
div.rank_body p.rank_stock a.type:hover {
	color: #333;
	text-decoration: none;
}

div.rank_body.not_rank p.rank_stock a.type {
	left: 70px;
}
div.rank_body p.rank_stock span.faq {
	right: 5px;
	height: 16px;
	width: 16px;
	line-height: 16px;
	overflow: hidden;
	font-size: 16px;
	color: #007EE6;
}
div.rank_body p.rank_stock span.faq i {
	padding-left: 20px;
}
div.rank_body p.rank_stock span.faq:before {
	cursor: help;
}
div.rank_body p.rank_stock span.faq:hover {
	color: #FF0000;
}

div.rank_body p.rank_stock span.ypri {
	top: 2px;
	right: 41px;
	font-size: 13px;
	color: #0084B4;
	cursor: pointer;
}
#CodeListMain p.rank_stock span.ypri {
	right: 69px;
}
#TweetFrame p.rank_stock span.ypri {
	right: 32px;
}
div.rank_body p.rank_stock span.ypri i.ypri_i:before {
	margin-right: 2px;
}
div.rank_body p.rank_stock span.ypri:hover {
	color: #333;
}

div.rank_body p.rank_stock span.price {
	top: 0;
	right: 41px;
	font-size: 14px;
}
#CodeListMain p.rank_stock span.price {
	right: 69px;
}
#CodeListMain.not_rank p.rank_stock span.price {
	right: 33px;
}
div.rank_body p.rank_stock span.price a.ytb {
	display: block;
	position: absolute;
	top: 0;
	left: -17px;
	font-size: 14px;
	width: 14px;
	height: 22px;
	overflow: hidden;
	text-decoration: none;
	z-index: 4;
}
div.rank_body p.rank_stock span.price a.ytb i {
	padding-left: 14px;
}

div.rank_body p.rank_stock span.price i.h {
	font-size: 11px;
}
div.rank_body p.rank_stock span.price i.h:after {
	content: ":";
}

div.rank_body p.rank_stock span.price i.va {
	margin-right: 8px;
	color: #333;
	font-weight: bold;
}
div.rank_body p.rank_stock span.price i.def {
	font-weight: normal;
}
div.rank_body p.rank_stock span.price i.di:before {
	margin-right: 2px;
	font-size: 11px;
}
div.rank_body p.rank_stock span.price i.di.p {
	color: #00A200;
}
div.rank_body p.rank_stock span.price i.di.m {
	color: #FF3333;
}
div.rank_body p.rank_stock span.price i.di i.pe {
	margin-left: 2px;
}
span.price i.di i.pe:before,
span.price i.di i.pe:after {
	color: #333;
	margin: 0;
	font-size: 12px;
}
/*
span.price i.di i.pe:before {
	content: "(";
}
span.price i.di i.pe:after {
	content: ")";
}
*/

div.rank_body p.rank_stock a.rank_code_link {
	display: block;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 62px;
}
#ContentsRight div.rank_body p.rank_stock a.rank_code_link {
	padding-right: 0;
}

div.rank_body.not_rank p.rank_stock a.rank_code_link {
	padding-left: 16px;
}
#CodeListMain p.rank_stock a.rank_code_link span {
	line-height: 24px;
}
#CodeListMain.archive_rank p.rank_stock a.rank_code_link span {
	line-height: 39px;
}
div.rank_body p.rank_stock a.rank_code_link span.code {
	font-size: 12px;
}
div.rank_body p.rank_stock a.rank_code_link span.str {
	display: block;
	width: 88px;
	height: 34px;
	overflow: hidden;
}
div.rank_body p.rank_stock a.rank_code_link span.str i {
	display: block;
	padding-left: 88px;
}
#CodeListMain p.rank_stock a.rank_code_link span.code {
	margin-right: 5px;
	font-size: 12px;
}
#CodeListMain.archive_rank p.rank_stock a.rank_code_link span.code {
	font-size: 14px;
}
#CodeListMain p.rank_stock a.rank_code_link span.name {
	font-size: 16px;
}
#CodeListMain.archive_rank p.rank_stock a.rank_code_link span.name {
	font-size: 18px;
}


div.rank_body span.about {
	position: absolute;
	display: none;
	width: 80%;
	top: -350%;
	right: -5px;
	padding: 5px 8px;
	border-radius: 2px;
	border-right: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	color: #FFF;
	line-height: 1.2;
	background: rgba(46,64,78,0.9);
	z-index: 5;
}
#CodeListMain span.about {
	top: -70px;
	right: -15px;
	width: 50%;
}
div.rank_body span.about:after {
	position: absolute;
	top: 100%;
	right: 34px;
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-top: 6px solid #2E404E;
	content: "";
}

div.rank_body span.about i {
	display: block;
	color: #EB6A5A;
	margin-bottom: 8px;
}
div.rank_body a.aboutrigger:hover + span.about {
	display: block;
}
#CodeListMain span.kanren_user_list {
	display: block;
	position: absolute;
	bottom: 0;
	right: 67px;
	height: 25px;
	overflow: hidden;
}
#CodeListMain span.kanren_user_list_wrap {
	display: block;
	position: relative;
	padding: 10px 60px 0 10px;
}
#CodeListMain span.kanren_user_list .kul_icon,
#CodeListMain span.kanren_user_list .kul_icon_link {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	text-decoration: none;
	cursor: pointer;
}
#CodeListMain span.kanren_user_list .kul_icon i,
#CodeListMain span.kanren_user_list .kul_icon_link i  {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	padding-left: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	border-radius: 10px;
	opacity: 0.9;
}
#CodeListMain span.kanren_user_list .kul_icon:hover i,
#CodeListMain span.kanren_user_list .kul_icon_link:hover i {
	top: -5px;
	left: -5px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	padding-left: 30px;
	background-size: 30px 30px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
	opacity: 1;
	z-index: 1;
}


#CodeListMain span.kanren_user_list a.kul_link {
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 13px;
	color: #004080;
	text-decoration: none;
}
#CodeListMain span.kanren_user_list a.kul_link:hover {
	color: #006DDB;
}

div.rank_body a.TweetView {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	overflow: hidden;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	background-color: #0084B4;
}
div.rank_body a.TweetView.None {
	background-color: #666 !important;
	cursor: default;
}
div.rank_body a.TweetView.TwCnt {
	font-size: 13px;
	width: 52px;
}
#CodeListMain a.TweetView {
	height: 59px;
	width: 62px;
	line-height: 59px;
	overflow: hidden;
	font-size: 18px;
}
#CodeListMain.not_rank a.TweetView {
	width: 26px;
}

div.rank_body a.TweetView:before {
	margin: 0;
	padding-left: 6px;
}
div.rank_body a.TweetView:hover {
	background-color: #2E404E;
}
#CodeListMain a.TweetView:before {
	padding-left: 8px;
}
#CodeListMain.not_rank a.TweetView:before {
	padding-left: 5px;
}
div.rank_body a.TweetView span {
	display: block;
	padding-left: 26px;
}
#CodeListMain a.TweetView span {
	padding-left: 62px;
}
#CodeListMain a.TweetView i.tweet_cnt {
	display: block;
	position: absolute;
	font-size: 20px;
	line-height: 59px;
	top: 0;
	left: 33px;
}
#CodeListMain a.TweetView i.tweet_cnt.mim {
	font-size: 16px;
	margin-left: -3px;
}
#CodeListMain a.TweetView i.tweet_cnt.gmim {
	font-size: 13px;
}

div.rank_body a.TweetView.TwCnt i.tweet_cnt {
	display: block;
	position: absolute;
	top: 0;
	font-size: 15px;
	left: 24px;
}
#CodeListMain a.TweetView span.sumwrap,
#CodeListMain a.TweetView span.sumin,
#CodeListMain a.TweetView span.buy,
#CodeListMain a.TweetView span.sell {
	padding: 0;
	margin: 0;
	display: block;
	height: 11px;
}
#CodeListMain a.TweetView span.sumwrap {
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
}
#CodeListMain a.TweetView span.sumin {
	position: relative;
	width: 100%;
}
#CodeListMain a.TweetView span.buy,
#CodeListMain a.TweetView span.sell {
	position: absolute;
	top: 0;
}
#CodeListMain a.TweetView span.buy {
	left: 0;
	background-color: #FF8000;
}
#CodeListMain a.TweetView span.sell {
	right: 0;
	background-color: #1F649C;
}
#CodeListMain a.TweetView:hover span.buy {
	background-color: #997B66;
}
#CodeListMain a.TweetView:hover span.sell {
	background-color: #486573;
}


#CodeListMain span.chart_min,
div.rank_body span.chart_min {
	display: block;
	position: absolute;
	right: 69px;
	bottom: 8px;
}
div.rank_body span.chart_min {
	right: 60px;
}
div.rank_body span.chart_min a {
	display: block;
}
#CodeListMain.not_rank span.chart_min {
	right: 33px;
}

div.rank_body ul.tag_new {
	position: absolute;
	top: 2px;
	left: 162px;
}
div.rank_body ul.tag_new:before {
	float: left;
	font-size: 11px;
	line-height: 20px;
}
div.rank_body ul.tag_new li.tag_new_list {
	float: left;
	margin-right: 7px;
}
div.rank_body ul.tag_new li.tag_new_list a {
	color: #333;
	font-size: 12px;
	text-decoration: underline;
}
div.rank_body ul.tag_new li.tag_new_list a:hover {
	color: #0084B4;
	text-decoration: none;
}
#CodeListMainSep {
	clear: both;
	width: 100%;
}
#CLMS_F {
	clear: both;
	width: 100%;
	padding: 10px 0;
}
#CodeListMain #CLMS_F {
	padding: 10px 0 0 0;
}
#CLMS_F p.t {
	font-size: 16px;
	font-weight: bold;
	text-shadow: #FFF 0px 1px;
}
#CLMS_F p.t a {
	display: block;
	color: #333;
	text-decoration: none;
}
#CLMS_F p.t a:hover {
	color: #D02C1A;
}
#CodeRankArchiveHome {
	clear: both;
	padding-bottom: 10px;
	text-align: center;
}
#CodeRankArchiveHome > ul {
	clear: both;
	display: flex;
	width: 100%;
}
#CodeRankArchiveHome > ul > li {
	display: block;
	width: 20%;
	border-right: 1px #FFF solid;
}
#CodeRankArchiveHome > ul > li:last-child {
	border-right: 0px;
}
/*
#CodeRankArchiveHome > ul > li::after {
	content: "/";
	margin: 0 5px;
}
*/
#CodeRankArchiveHome > ul > li:last-child::after {
	content: "";
	margin: 0;
}
#CodeRankArchiveHome > ul > li a {
	display: block;
	text-decoration: none;
	line-height: 26px;
	color: #FFF;
	background-color: #EB6A5A;
}
#CodeRankArchiveHome > ul > li a:hover {
	color: #EB6A5A;
	background-color: #FFF;
}


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

div.news_feed {
	clear: both;
	position: relative;
	margin-top: 5px;
	padding: 8px 12px 0;
	background-color: #FFF;
}
div.news_feed:hover {
	background-color: #FCE7E4;
}
div.news_feed:first-child {
	margin-top: 0;
}
div.news_feed div.feed_top {
	clear: both;
}
div.news_feed div.feed_top p.pubdate {
	float: left;
	color: #8899a6;
}
div.news_feed div.feed_top ul.tag {
	float: right;
}
div.news_feed div.feed_top ul.tag:before {
	float: left;
	margin-right: 0;
	color: #2E404E;
}
div.news_feed div.feed_top ul.tag li {
	float: left;
	margin-left: 5px;
}
div.news_feed div.feed_top ul.tag li a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
	color: #FFF;
	background-color: #2E404E;
}
div.news_feed div.feed_top ul.tag li a:hover {
	background-color: #CCC;
}
div.news_feed div.kanrenmeigara {
	clear: both;
}
div.news_feed div.kanrenmeigara p.t {
	float: left;
	margin-right: 6px;
	color: #EB6A5A;
}
div.news_feed div.kanrenmeigara p.t:before {
	margin-right: 2px;
}
div.news_feed div.kanrenmeigara ul {
	float: left;
}
div.news_feed div.kanrenmeigara ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 1px;
}
div.news_feed div.kanrenmeigara ul li a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
	color: #FFF;
	background-color: #EB6A5A;
}
div.news_feed div.kanrenmeigara ul li a span {
	margin-right: 4px;
	font-size: 11px;
}
div.news_feed div.kanrenmeigara ul li a:hover {
	background-color: #CCC;
}
div.news_feed p.news_title {
	clear: both;
}
div.news_feed p.news_title a.title {
	display: block;
	width: 100%;
	height: 46px;
	font-size: 17px;
	line-height: 46px;
	color: #333;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.news_feed p.news_title a.title:hover {
	color: #EB6A5A;
}
div.news_feed p.news_title span.about {
	position: absolute;
	display: none;
	width: 90%;
	top: -45px;
	right: -9px;
	padding: 5px 8px;
	border-radius: 2px;
	border-right: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	color: #FFF;
	line-height: 1.2;
	background: rgba(46,64,78,0.9);
	z-index: 5;
}
div.news_feed p.news_title span.about:after {
	position: absolute;
	top: 100%;
	right: 108px;
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-top: 6px solid #2E404E;
	content: "";
}
div.news_feed p.news_title a.title:hover + span.about {
	display: block;
}


/* antenna
----------------------------------------------- */

div.antenna {
	clear: both;
	width: 100%;
}
div.antenna_wrap {
	position: relative;
}
div.antenna_contents {
	clear: both;
}
div.antenna_contents_wrap {
	position: relative;
}
div.antenna_contents div.antenna_type {
	clear: both;
}
div.antenna_contents div.antenna_type ol {
	float: right;
}
div.antenna_contents div.antenna_type li {
	float: left;
	margin-left: 3px;
}
div.antenna_contents div.antenna_type li a {
	display: block;
	padding: 0 8px;
	border-radius: 5px 5px 0 0;
	line-height: 1.8;
	color: #EB6A5A;
	text-decoration: none;
	background-color: #FFF;
}
div.antenna_contents div.antenna_type li a.selected,
div.antenna_contents div.antenna_type li a:hover {
	color: #FFF;
	background-color: #EB6A5A;
}

div.antenna_contents ul.antenna_contents_ul {
	display: block;
}
div.antenna_contents li.antenna_contents_li {
	display: block;
}
div.antenna_contents li.antenna_contents_li p.pubdate_line {
	display: block;
	clear: both;
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
	color: #2E404E;
}
div.antenna_contents li.antenna_contents_li:first-child p.pubdate_line {
	margin-top: 5px;
}

div.antenna_contents li.antenna_contents_li p.antenna_th {
	clear: both;
	width: 100%;
	position: relative;
	color: #FFF;
	background-color: #2E404E;
}
div.antenna_contents li.antenna_contents_li p.antenna_th span {
	display: block;
	height: 24px;
	line-height: 24px;
}
div.antenna_contents li.antenna_contents_li p.antenna_th span.t {
	padding-left: 4px;
}

div.blog_feed {
	clear: both;
	width: 100%;
	position: relative;
	height: 45px;
	background-color: #FFF;
}
div.antenna_contents li:nth-child(even) div.blog_feed {
	background-color: #F6F6F6;
}
div.blog_feed:hover,
div.blog_feed:hover a,
div.blog_feed:hover div.kanren,
div.blog_feed:hover div.blog {
/*
	color: #FFF !important;
	background-color: #EB6A5A !important;
*/
	background-color: #FDF1F0 !important;
}

div.blog_feed:hover p.pubdate {
	color: #C0C0C0;
}

div.antenna_contents li div.blog_feed div.blog,
div.antenna_contents li div.blog_feed div.kanren {
	background-color: #FFF;
}
div.antenna_contents li:nth-child(even) div.blog_feed div.blog,
div.antenna_contents li:nth-child(even) div.blog_feed div.kanren {
	background-color: #F6F6F6;
}
div.antenna_contents_not_found {
	clear: both;
	display: block;
}

div.blog_feed a {
	color: #333;
	text-decoration: none;
}
div.blog_feed p.pubdate {
	position: absolute;
	top: 0;
	left: 8px;
	line-height: 45px;
	color: #888;
}
div.blog_feed,
div.blog_feed div.kanren,
div.blog_feed div.blog {
	border-bottom: 1px #DDD solid;
}

div.blog_feed div.title {
	padding-left: 55px;
	position: relative;
	height: 45px;
	width: 100%;
	overflow: hidden;
}
div.blog_feed div.title p.t {
	display: block;
	position: absolute;
	bottom: -450px;
	line-height: 45px;
	color: #333;
}
div.blog_feed div.title p.t a:hover,
div.blog_feed div.title p.t2 a:hover {
	text-decoration: underline;
}
div.blog_feed div.title p.t a span.c {
	padding-left: 100%;
	font-size: 13px;
}
div.blog_feed div.title p.t a span.c:before {
	content: "［";
}
div.blog_feed div.title p.t a span.c:after {
	content: "］";
}
div.blog_feed div.title p.t2 {
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
}
div.blog_feed div.title p.t2 a {
	display: block;
}

div.blog_feed div.title p.t2 a span.t {
	font-size: 16px;
}
div.blog_feed div.title:hover + div.except,
div.blog_feed div.except:hover {
	display: block;
}
div.blog_feed div.except {
	display: none;
	position: absolute;
	bottom: 40px;
	right: -15px;
	width: 65%;
	padding: 5px 8px;
/*
	border: 1px #888 solid;
	border-color: #CCC #AAA #AAA #CCC;
*/
	border-radius: 5px;
	background: rgba(46,64,78,0.9);
	z-index: 5;
}
div.blog_feed div.except.show {
	display: block;
}

div.blog_feed div.except p.thumb img {
	display: block;
	max-width: 100%;
}
div.blog_feed div.except p.text {
	color: #FFF;
}
div.blog_feed div.except p.link {
	text-align: right;
}
div.blog_feed div.except p.link a {
	display: inline-block;
	padding: 0 5px;
	line-height: 1.8;
	color: #FFF;
	background-color: #EB6A5A !important;
}
div.blog_feed div.except p.link a:hover {
	background-color: #B3B3B3 !important;
}

div.blog_feed div.blog,
div.antenna_contents li.antenna_contents_li p.antenna_th span.b {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 45px;
}
div.blog_feed div.blog div.bw {
	position: relative;
	width: 100%;
	height: 45px;
	overflow: hidden;
}
div.blog_feed div.blog a {
	display: block;
	line-height: 45px;
	padding: 0 8px;
}
div.blog_feed div.blog a:hover {
	text-decoration: underline;
}
div.blog_feed div.blog a:before {
	margin-right: 0;
}
div.blog_feed div.kanren,
div.antenna_contents li.antenna_contents_li p.antenna_th span.k {
	position: absolute;
	top: 0;
	right: 20%;
	width: 30%;
	overflow: hidden;
}
div.blog_feed div.kanren {
	height: 45px;
	padding: 2px 0 2px 8px;
}

div.blog_feed div.kanren li {
	float: left;
	margin: 3px 3px 0 0;
}
div.blog_feed div.kanren li a {
	display: block;
	padding: 0 4px;
	line-height: 16px;
	font-size: 12px;
	color: #00597B;
}
div.blog_feed div.kanren li a:hover {
	text-decoration: underline;
}
div.blog_feed div.kanren li a span {
	font-size: 11px;
}
div.blog_feed div.kanren li a i {
	display: none;
}


/* code_data_box
----------------------------------------------- */

div.news_stocks {
	display: flex;
	flex-wrap: wrap;
}

div.code_data_box {
	position: relative;
	width: 32%;
	min-width: 192px;
	margin-right: 8px;
	overflow: hidden;
	margin-bottom: 8px;
	padding: 8px 10px 3px;
	background-color: #FFF;
}
div.code_data_box .NeW {
	position: relative;
}
div.code_data_box .NeW > p {
	margin: 0 auto;
}
div.code_data_box p.ti a {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.code_data_box p.val {
	margin-top: 2px;
	position: relative;
	border-bottom: 1px #CCC dotted;
	line-height: 1.7;
}
div.code_data_box p.val a.ytb {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	width: 14px;
	height: 22px;
	overflow: hidden;
	text-decoration: none;
	z-index: 10;
}
div.code_data_box p.val a.ytb i {
	padding-left: 14px;
}
div.code_data_box p.val i.h {
	display: block;
	font-weight: bold;
}
div.code_data_box p.val i.h.pr {
	padding-left: 18px;
}

div.code_data_box p.val i.va,
div.code_data_box p.val span.price,
div.code_data_box p.val i.haishi {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
div.code_data_box p.val.tag {
	line-height: 18px;
	height: 36px;
	overflow: hidden;
}
div.code_data_box p.val.tag i.h {
	display: inline;
	margin-right: 7px;
}
div.code_data_box p.val.tag i.va {
	display: inline;
	position: static;
}

p.val span.price i.va {
	display: inline;
	position: static;
	top: auto;
	right: auto;
	margin-right: 8px;
	font-weight: bold;
	font-size: 16px;
}
div.code_data_box p.val span.price  i.di:before {
	font-size: 11px;
	margin-right: 2px;
}
p.val span.price  i.di.p {
	color: #00A200;
}
p.val span.price  i.di.m {
	color: #FF3333;
}
div.code_data_box p.v4 {
	position: relative;
	padding-top: 5px;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	min-height: 99px;
}
div.code_data_box p.v4 a.toa {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	text-decoration: none;
}
div.code_data_box p.v4 a.toa > span:before {
	margin-right: 1px;
	font-size: 10px;
	text-decoration: none;
}
div.code_data_box p.vl {
	text-align: right;
}

div.code_data_box .tag_new {
	position: absolute;
	left: 0;
	bottom: 85px;
	width: 100%;
	height: 20px;
	padding: 0 10px 0 30px;
	line-height: 20px;
	overflow: hidden;
}
div.code_data_box .tag_new::before {
	display: block;
	position: absolute;
	left: 10px;
	margin: 0;
}

div.code_data_box .tag_new li.tag_new_list {
	float: left;
}
div.code_data_box .tag_new li.tag_new_list:after {
	content: " ";
	margin: 0 2px;
}
div.code_data_box .tag_new li.tag_new_list :last-child::after {
	margin: 0;
	content: 0;
}
div.code_data_box .tag_new li.tag_new_list a {
	font-size: 12px;
	line-height: 20px;
}


/* code_data_list
----------------------------------------------- */

div.code_data_list {
	clear: both;
	width: 100%;
}
div.code_data_list div.cdlt {
	display: block;
}
div.code_data_list div.cdlt .nn {
	display: block;
}
div.code_data_list div.cdlt .nn a {
	display: block;
	color: #333;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}
div.code_data_list div.cdlt .nn a:hover {
	color: #EB6A5A;
}
div.code_data_list div.cdlt .nn a:hover span.n {
	text-decoration: underline;
}
div.code_data_list div.Dat {
	position: relative;
	width: 100%;
	min-height: 132px;
	overflow: hidden;
	padding: 8px 10px;
	margin-bottom: 8px;
	background-color: #FFF;
}
div.code_data_list div.Dat div.DatD {
/*
	padding-left: 232px;
*/
}
div.code_data_list div.Dat div.DatD > p.val {
	margin-top: 2px;
	position: relative;
	border-bottom: 1px #CCC dotted;
	line-height: 1.7;
}
div.code_data_list div.Dat div.DatD > p.val a.ytb {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	width: 14px;
	height: 22px;
	overflow: hidden;
	text-decoration: none;
	z-index: 10;
}
div.code_data_list div.Dat div.DatD > p.val a.ytb i {
	padding-left: 14px;
}
div.code_data_list div.Dat div.DatD > p.val i.h {
	margin-right: 10px;
	color: #888;
}
div.code_data_list div.Dat div.DatD > p.val i.h.pr {
	padding-left: 18px;
}
div.code_data_list div.Dat div.DatD > p.v4 {
	padding-top: 5px;
}
div.code_data_list div.Dat div.DatD > p.v4 a.toa {
	margin-left: 8px;
	text-decoration: none;
}
div.code_data_list div.Dat div.DatD > p.v4 a.toa > span:before {
	margin-right: 1px;
	font-size: 10px;
	text-decoration: none;
}

div.code_data_list div.Dat div.Dcha {
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
}


/* str
----------------------------------------------- */

div.StrContents {
	clear: both;
	width: 100%;
	margin-top: 15px;
	padding: 10px 15px 5px;
	background-color: #FFF;
}
div.StrContents:first-child {
	margin-top: 0;
}

div.StrContents.br {
	margin-top: 20px;
}

div.StrContents dl.Str {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px #CCC dotted;
	padding-top: 10px;
	padding-bottom: 20px;
}
div.StrContents dl.Str:first-child {
	margin-top: 0;
	padding-top: 0;
}
div.StrContents dl.Str:last-child {
	border-bottom: 0;
}

div.StrContents dl.Str dt {
	font-size: 18px;
	font-weight: bold;
	color: #2E404E;
}
div.StrContents dl.Str dd {
	margin-top: 10px;
	clear: both;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
}
div.StrContents dl.Str dd p.l {
	clear: both;
	margin-bottom: 10px;
}
div.StrContents dl.Str dd p.l a.t {
	color: #0084B4;
}
div.StrContents dl.Str dd span.t {
	color: #51718A;
	font-size: 12px;
}

div.StrContents div.site_table {
	clear: both;
	margin-top: 20px;
}
div.StrContents div.site_table > table {
	width: 100%;
}
div.StrContents div.site_table > table th {
	width: 25%;
	padding: 5px 10px 0 10px;
	min-height: 30px;
	color: #FFF;
	border-bottom: 2px #FFF solid;
	background-color: #2E404E;
	text-align: right;
	vertical-align: top;
}
div.StrContents div.site_table > table td {
	width: 75%;
	padding: 0 0 0 10px;
	border-bottom: 2px #FFF solid;
}
div.StrContents div.site_table > table td input[type="text"][readonly="readonly"],
div.StrContents div.site_table > table td textarea[readonly="readonly"] {
	width: 100%;
	padding: 0 8px;
	font-size: 13px;
	border: 0;
	background-color: #EEE;
}
div.StrContents div.site_table > table td div.ba {
	clear: both;
	width: 100%;
	margin-top: 10px;
}
div.StrContents div.site_table > table td p.rsst {
	font-size: 11px;
}

div.StrContents div.site_table > table td input[type="text"][readonly="readonly"]:hover,
div.StrContents div.site_table > table td textarea[readonly="readonly"]:hover {
	background-color: #D5DEE6;
}
div.StrContents div.site_table > table td input[type="text"][readonly="readonly"] {
	height: 30px;
	line-height: 30px;
}
div.StrContents div.site_table > table td textarea[readonly="readonly"] {
	height: 80px;
}
div.StrContents div.site_table > table td div.parts {
	clear: both;
	padding: 15px 15px;
	background-image: url('../img/bg/noisy.png');
}
div.StrContents div.site_table > table td div.parts > div {
	float: left;
	margin-right: 15px;
}