@charset "euc-jp";

/*===========================================
common_new.css
netkeiba.com デザイン改修版
============================================*/

/*==============================================
スタイル初期化
==============================================*/
html {
	overflow: auto;
}
*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height: 1.0em;
	text-shadow: none;
	-webkit-box-sizing: border-box;/* Safari,Google Chrome用 */
	-moz-box-sizing: border-box;/* Firefox用 */
	-ms-box-sizing: border-box;/* Internet Explorer 8用 */
	box-sizing: border-box;
	-webkit-text-size-adjust:none !important;
	outline: none;
}
body {
	font-size: 62.5%; /*10px*/
	background-color: #fff;
	color: rgb(51,51,51) !important; /*#333*/
	font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", "游ゴシック体", 'Yu Gothic', arial, sans-serif; 
}
body #page {
	font-size:1.4em; /*14px*/
}
body .Wrap {
	overflow: hidden;
}
blockquote, q {
	quotes:none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
	content:none;
}
img {
	border: 0;
	vertical-align: bottom;
}
a img{
	border:0 none;
	vertical-align: bottom;
}

.disp_none {
	display: none;
}
/*----- .リンク共通指定 -----*/
a {
	color:#03a;
	text-decoration:none;
}
a:hover {
	color: #e36a5c;
	text-decoration:underline;
}
em {
	font-style:normal;
}
.disp_none {
	display : none;
}
.FileLoader{
	width:100%;
	background:#fff;
	text-align:center;
	padding:20px 0;
}
.FileLoader img{
	display:inline;
	width:36px;
	height:36px;
}


/*----- .float解除 .fc -----*/
.fc:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
}

img.inline_img {
	display	:	inline;
	vertical-align	:	middle;
}
/**
 * マウスオーバー画像
 */
a:hover img.imgover {
	/* IE */
	filter	:	alpha(opacity=65);
	/* Safari Opera */
	opacity	:	0.65;
	/* Firefox Netscape */
	-moz-opacity	:	0.65;
}
/* ==== pngIEバグ ==== */
.png_img,
.png_bg {
	position	:	static;
}

/* =======================================================
■共通指定
======================================================= */

.Contents {opacity:1;}
.Txt_C{text-align:center !important;}
.Txt_L{text-align:left !important;}
.Txt_R{text-align:right !important;}

.color01{color: #222 !important;}
.Red{color:#dd0000 !important;}
.p00{padding:0 0 0 0 !important;}
.pl00{padding-left: 0 !important;}
.pl07{padding-left: 7px !important;}
.pl12{padding-left: 12px !important;}
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pr20{padding-right:20px !important;}
.pb06{padding-bottom:6px !important;}
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb18{margin-bottom:18px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt08{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.ml03{margin-left: 3px !important;}
.ml05{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.mr03{margin-right: 3px !important;}
.mr05{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}

.vaM {vertical-align: middle !important;}
.vaB {vertical-align: bottom !important;}
.vaT {vertical-align: top !important;}

.no_border {border: none !important;}
.underline{text-decoration:underline !important;}
.icon_none {background: transparent !important;}

.fwB { font-weight: bold !important; }
.fwN { font-weight: normal !important; }

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs15 { font-size: 15px !important; }

/* =======================================================
4.共通コンテンツ指定	#contents #MainColumn #SideColumn
======================================================= */
#contents {
	width: 960px;
	min-width: 430px;
	padding: 0;
	margin: 23px auto;
	position: relative;
}
#MainColumn {
	width: 628px;
	float: left;
}
#SideColumn {
	width: 300px;
	float: right;
}


/* Ad */
#MainColumn .Ad {
	margin-bottom: 38px;
}
#MainColumn .Ad a {
	display: block;
}
#MainColumn .Ad-main_footer {
	text-align: center;
}
#MainColumn .Ad-main_footer .Ad,
#MainColumn .Ad-main_footer .Ad a {
	display: inline-block;
}
#MainColumn .Ad-main_footer .Ad + .Ad {
	margin-left: 6px;
}
#SideColumn .Ad {
	margin-bottom: 20px;
}
/*-- のれんバナー --*/
.SideJackBnr {
	display: inline-block;
	position: absolute;
}
.SideJackBnr img{
	display: inline-block;
}
.SideJackBnr a:hover img,
.SideJackBnr:hover {
	opacity: .8;
}
.SideJackBnr.LeftJack {
	top: 0;
	left: -200px;
	width: 180px;
	text-align: right;
}
.SideJackBnr.RightJack {
	top: 0;
	right: -200px;
	width: 180px;
	text-align: left;
}

/* コンテンツヘッダー */
.Contents_Header {
	border-bottom: 2px solid #edece6;
	position: relative;
}
.Contents_Header .ContentsTitle {
	display: inline-block;
	color: #444;
	font-size: 128.6%;
	font-weight: bold;
	padding: 0 30px 11px 0;
	position: relative;
}
.Contents_Header .ContentsTitle span {
	display: inline-block;
	margin-left: 7px;
	padding-left: 48px;
	position: relative;
}
.Contents_Header .ContentsTitle:after {
	content: '';
	display: inline-block;
	border-bottom: 2px solid #e36a5c;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
}


/* コンテンツヘッダー02 */
.ContentsTitle02 {
	position: relative;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 8px;
	color: #444;
}
.ContentsTitle02 span {
	display: inline-block;
	margin-left: 7px;
	padding-left: 35px;
	position: relative;
}


/* ボタン */
.LinkBtn {
	display: block;
	background: #fff;
	border: 2px solid #e5e4de;
	border-radius: 4px;
	color: #444;
	font-size: 114.3%;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
}
.LinkBtn_S {
	display: block;
	background: #fff;
	border: 2px solid #e5e4de;
	border-radius: 4px;
	color: #444;
	font-weight: bold;
	text-align: center;
	padding: 13px 0;
}
.LinkBtn:hover,
.LinkBtn_S:hover {
	background: #f9f9f9;
	color: #e36a5c;
}
/* 矢印リンク */
p.MoreLink01 {
	text-align: right;
}
p.MoreLink01 > a{
	display: inline-block;
	padding: 17px 5px;
	color: #444;
	font-weight: bold;
}
p.MoreLink01 > a:hover {
	color: #e36a5c;
	text-decoration: underline;
}
p.MoreLink01 > a:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 6px solid #444;
	margin-left: 9px;
}

/* サイドコンテンツ - ランキング */
.SideRankingBox {
	background: #edece6;
	border: 1px solid #d2d1cb;
}
.SideRankingBox .SideContentsTitle {
	color: #444;
	font-size: 114.2%;
	font-weight: bold;
	padding: 24px 0 20px 14px;
}
.SideRankingBox .SideContentsTitle span {
	display: inline-block;
	padding-left: 46px;
	position: relative;
}
.SideRankingBox .SideContentsTitle span:before {
	content: '';
	background: url("../image/icon/icon_sprite_header_top.png") no-repeat;
	-webkit-background-size: 100px 700px;
	-moz-background-size: 100px 700px;
	-ms-background-size: 100px 700px;
	-o-background-size: 100px 700px;
	background-size: 100px 700px;
	width: 34px;
	height: 30px;
	position: absolute;
	top: -12px;
	left: 0;
}
.SideRankingBox .SideContentsTitle.DbHorseRankTitle span:before {
	background-position: -10px -284px;
}
.SideRankingBox .SideContentsTitle.UserCommentatorTitle span:before {
	background-position: -6px -338px;
	width: 38px;
}

.SideRankingList {
	background: #fff;
	border-top: 1px solid #d2d1cb;
	padding: 10px 0;
}
.SideRanking_Inner .ArticleLink {
	display: block;
	padding: 10px 10px 6px 12px;
	position: relative;
}
.SideRanking_Inner .ArticleLink:hover {
	background: #f9f9f9;
	text-decoration: none;
}
.SideRanking_Inner .ArticleLink:after {
	content: '';
	display: inline-block;
	border-bottom: 1px solid #eeede7;
	position: absolute;
	left: 13px;
	bottom: 0;
	width: 272px;
}
.SideRanking_Inner ul li:last-child .ArticleLink:after {
	border-bottom: none;
}
.SideContentsBox {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.SideUserContentsData,
.SideRankingContentsData,
.SideUserPosting,
.SideContentsBox .SideContentsData,
.SideContentsBox .SideContentsTxt,
.SideContentsBox .SideContentsImg {
	display: table-cell;
	vertical-align: top;
}
.SideContentsBox .SideContentsTxt {
	padding-top: 8px;
}
.SideContentsBox .SideContentsTxt p.SideHorseNameTitle{
	color: #444;
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 4px 8px;
}
a:hover .SideContentsBox .SideContentsTxt p.SideHorseNameTitle{
	color: #e36a5c;
	text-decoration: underline;
}
a .SideContentsBox .SideContentsTxt p.SideHorseNameData{
	color: #444;
	line-height: 1.3;
	font-size: 92.9%;
	text-decoration: none;
	margin: 0 0 4px 8px;
}
a:hover .SideContentsBox .SideContentsTxt p.SideHorseNameData{
	color: #444;
	text-decoration: none;
}

.SideContentsBox .SideContentsImg {
	width: 56px;
	padding-top: 4px;
	text-align: center;
}
.SideContentsBox .SideContentsImg .NewsImgWrap {
	width: 56px;
	height: 42px;
	background: #f1f1f1;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.SideContentsBox .SideContentsImg img.Image {
	max-width: 56px;
	max-height: 42px;
	margin: auto;
}

.SideRankingBox .SideContentsBox .SideContentsImg {
	width: 66px;
	padding-top: 6px;
}
.SideRankingBox .SideContentsBox .SideContentsImg img.Image {
	max-width: 66px;
	max-height: 52px;
}


.SideContentsBox .SideContentsData,
.SideUserContentsData,
.SideRankingContentsData {
	text-align: center;
	padding-top: 6px;
	width: 42px;
}
.SideUserContentsData .RankNum,
.SideRankingContentsData .RankNum {
	display: block;
	color: #333;
	font-size: 128.6%;
	font-weight: bold;
	height: 24px;
	padding-top: 6px;
	margin-bottom: 8px;
	text-align: center;
}
.SideUserContentsData .RankNum.Rank_no1,
.SideRankingContentsData .RankNum.Rank_no1 {
	color: #d69d50;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	background-position: 4px 0;
}
.SideUserContentsData .RankNum.Rank_no2,
.SideRankingContentsData .RankNum.Rank_no2 {
	color: #9ca5b0;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	background-position: 4px -38px;
}
.SideUserContentsData .RankNum.Rank_no3,
.SideRankingContentsData .RankNum.Rank_no3 {
	color: #c58473;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	background-position: 4px -82px;
}

.SideUserContentsData .DataNum,
.SideRankingContentsData .DataNum {
	display: block;
	color: #666;
	font-size: 71.4%;
	line-height: 1;
}
.SideRankingContentsData .DataNum span.Txt{
	display: block;
	text-align: center;
}
.SideRankingContentsData span.RankArrowImg {
	display: inline-block;
	width: 16px;
	height: 20px;
	text-indent: -9000px;
	overflow: hidden;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	margin-top: 2px;
}
.SideRankingContentsData span.RankArrowImg.Arrow01 {
	background-position: -71px -8px;
}
.SideRankingContentsData span.RankArrowImg.Arrow02 {
	background-position: -71px -34px;
}
.SideRankingContentsData span.RankArrowImg.Arrow03 {
	background-position: -71px -57px;
}
.SideRankingContentsData span.RankArrowImg.Arrow04 {
	background-position: -71px -83px;
}
.SideRankingContentsData span.RankArrowImg.Arrow05 {
	background-position: -71px -107px;
}

.SideRankingContentsData span.IconStar01 {
	display: inline-block;
	width: 15px;
	height: 14px;
	text-indent: -9000px;
	overflow: hidden;
	background: url("../image/icon/icon_Rating_Star01.png") no-repeat;
	-webkit-background-size: 15px 14px;
	-moz-background-size: 15px 14px;
	-ms-background-size: 15px 14px;
	-o-background-size: 15px 14px;
	background-size: 15px 14px;
	margin-top: -6px;
}
/* - サイドコンテンツ - ユーザー投稿 */

.SideUserContentsList_Inner .ArticleLink {
	padding: 10px 10px 16px 12px;
}
.SideUserContentsList_Inner .ArticleLink:hover .Name {
	color: #e36a5c;
	text-decoration: underline;
}
.SideUserPosting {
	overflow: hidden;
	padding-left: 8px;
}

.SideUserPosting .Comment {
	color: #666;
	font-size: 85.7%;
	height: 30px;
	line-height: 1.3;
	overflow: hidden;
}

.SideUserProfBox {
	margin-bottom: 8px;
}
.SideUserProfBox .UserImage,
.SideUserProfBox .UserProf {
	display: inline-block;
	vertical-align: middle;
}
.SideUserProfBox .UserImage {
	border-radius: 50%;
	margin-right: 4px;
	max-width: 44px;
	max-height: 44px;
}
.SideUserProfBox .UserProf .Name {
	color: #004cc5;
}
.SideUserProfBox .UserProf .Data {
	margin-top: 10px;
}
.SideUserProfBox .UserProf .Data span {
	font-size: 78.6%;
	font-weight: bold;
	color: #00b0ed;
}
.SideUserContentsData .DataNum {
	display: block;
	color: #666;
	font-size: 71.4%;
	line-height: 1;
}

.SideUserContentsData .DataNum.Good,
.SideUserContentsData .DataNum.Chumoku,
.SideUserContentsData .DataNum.Poster {
	position: relative;
	text-align: center;
}
.SideUserContentsData .DataNum.Chumoku:before,
.SideUserContentsData .DataNum.Good:before,
.SideUserContentsData .DataNum.Poster:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 12px;
	vertical-align: middle;
	margin-right: 3px;
}
.SideUserContentsData .DataNum.Chumoku:before {
	background: url("../image/icon/icon_chumoku.png") no-repeat;
	-webkit-background-size: 14px 12px;
	-moz-background-size: 14px 12px;
	-o-background-size: 14px 12px;
	-ms-background-size: 14px 12px;
	background-size: 14px 12px;
	margin-top: -1px;
}
.SideUserContentsData .DataNum.Good:before {
	background: url("../image/icon/icon_good.png") no-repeat;
	-webkit-background-size: 14px 12px;
	-moz-background-size: 14px 12px;
	-o-background-size: 14px 12px;
	-ms-background-size: 14px 12px;
	background-size: 14px 12px;
	margin-top: -4px;
}
.SideUserContentsData .DataNum.Poster:before {
	background: url("../image/icon/icon_pen03.png") no-repeat;
	-webkit-background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-o-background-size: 12px 12px;
	-ms-background-size: 12px 12px;
	background-size: 12px 12px;
	margin-top: -3px;
}

.SideContentsNote {
	background: #f1f1f1;
	margin: 0 10px;
	padding: 10px;
}
.SideContentsNote .Txt {
	color: #666;
	font-size: 85.7%;
	line-height: 1.3;
}

.SideContentsList_Footer {
	padding: 0 14px 14px;
}

.SideUserProfBox .UserProf .Data span.Icon {
	position: relative;
}
.SideUserProfBox .UserProf .Data span.Icon:before {
	content: "";
	display: inline-block;
	background: url("../image/icon/icon_sprite_user_01.png") no-repeat;
	-webkit-background-size: 100px 180px;
	-moz-background-size: 100px 180px;
	-o-background-size: 100px 180px;
	-ms-background-size: 100px 180px;
	background-size: 100px 180px;
	height: 16px;
	vertical-align: middle;
	margin-right: 3px;
}
/* ともだち */
.SideUserProfBox .UserProf .Data span.Icon_UserSilhouette05:before {
	width: 22px;
	background-position: -6px -6px;
}
/* フォロー */
.SideUserProfBox .UserProf .Data span.Icon_UserSilhouette06:before {
	width: 18px;
	background-position: -8px -27px;
}
/* フォロワー */
.SideUserProfBox .UserProf .Data span.Icon_UserSilhouette07:before {
	width: 18px;
	background-position: -8px -49px;
}

/* 共通 - side_tab */
.Side_CommonTab_Menu {
	padding: 0 14px;
	position: relative;
	top: 1px;
}
.Side_CommonTab_Menu .Col2 li {
	float: left;
	width: 130px;
}
.Side_CommonTab_Menu .Col3 li {
	float: left;
	width: 86px;
}
.Side_CommonTab_Menu ul.Col2 li + li {
	margin-left: 8px;
}
.Side_CommonTab_Menu ul.Col3 li + li {
	margin-left: 6px;
}
.Side_CommonTab_Menu ul li a {
	display: block;
	background: #edece6;
	border: 1px solid #d2d1cb;
	color: #727272;
	font-size: 85.7%;
	height: 37px;
	line-height: 37px;
	text-align: center;
}
.Side_CommonTab_Menu ul .Active a {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #444;
	font-weight: bold;
}
.Side_CommonTab_Menu ul .Active a:hover {
	cursor: default;
	text-decoration: none;
}

.Side_CommonTab_Menu.v2 ul li a {
	border: 1px solid #d2d1cb;
	color: #727272;
}
.Side_CommonTab_Menu.v2 ul .Active a {
	background: #FAF8F4;
	border-bottom: 1px solid #FAF8F4;
}


/*-- タブなしランキング --*/
.SideContentsList {
	background: #faf8f4;
}
.SideContentsList.v2 {
	border: 1px solid #d2d1cb;
}
.SideContentsList ul li:last-child .ArticleLink:after {
	border-bottom: none;
}
.SideContentsList .ArticleLink {
	display: table;
	padding: 16px 12px 16px 12px;
	position: relative;
	width: 100%;
}
.SideContentsList .ArticleLink:after {
	content: '';
	display: inline-block;
	border-bottom: 1px solid #e5e4de;
	position: absolute;
	bottom: 0;
	width: 272px;
}
.SideContentsList .ArticleLink:hover {
	background: #f5f3f0;
	text-decoration: none;
}
.SideContentsList .ArticleLink:hover .SideContentsPost > .SideContentsTxt {
	color: #e36a5c;
	text-decoration: underline;
}
.SideContentsList .ArticleLink:hover .SideContentsTxt > .SideNewsTitle {
	color: #e36a5c;
	text-decoration: underline;
}


.SideContentsList ul li .SideContentsData .RankNum {
	display: block;
	color: #333;
	font-size: 128.6%;
	font-weight: bold;
	height: 24px;
	padding-top: 6px;
	margin-bottom: 8px;
	text-align: center;
}
.SideContentsList ul li:nth-child(1) .SideContentsData .RankNum {
	color: #d69d50;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	background-position: 4px 0;
}
.SideContentsList ul li:nth-child(2) .SideContentsData .RankNum {
	color: #9ca5b0;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	background-position: 4px -38px;
}
.SideContentsList ul li:nth-child(3) .SideContentsData .RankNum {
	color: #c58473;
	background: url("../image/icon/icon_sprite_ranking_01.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	background-size: 100px 600px;
	background-position: 4px -82px;
}
.SideContentsData .DataNum,
.SideContentsData .Txt {
	display: block;
	color: #666;
	font-size: 71.4%;
	line-height: 1.1;
}