/*===========================================
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;
}
body {
	font-size: 62.5%;
	background-color: #fff;
	color: rgb(51,51,51) !important;/*#333*/
	font-family:"ヒラギノ角ゴ ProN W3",'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
	text-shadow:none !important;
}
body #page {
	font-size:1.4em;
}
body .Wrap {
	overflow: hidden;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
ul, li {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

img {
	border:0;
}
a img{
	border:0 none;
}
/*----- .リンク共通指定 -----*/
a {
	color:#03a;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* change colours to suit your needs */
ins {
	color:rgb(0,0,0);
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	color:rgb(0,0,0);
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
em{
	font-style:normal;
}
input {
	vertical-align: middle;
	/*-webkit-appearance: none;*/
}
select{
	vertical-align:middle;
	background:#fff;
}
.disp_none {
	display : none;
}
.clearfix:after {
	clear:both;
	content:" ";
	display:block;
}
.ClearBefore:before {
	clear:both;
	content:" ";
	display:block;
}
fieldset {
	border:0 none;
}
.fc:after {
	clear:both;
	content:" ";
	display:block;
}

.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;
}
.fc{
	zoom:	100%;
	/*\*//*/
	display:	inline-table;
	/**/
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family	:	monospace;
	*font-size	:	108%;
	line-height	:	100%;
}
table {
	font-size	:	inherit;
	font	:	100%;
}


/**
 * マウスオーバー画像
 */

a:hover img.imgover {
	/* IE */
	filter	:	alpha(opacity=65);
	/* Safari Opera */
	opacity	:	0.65;
	/* Firefox Netscape */
	-moz-opacity	:	0.65;
}

/* ==== 表組設定 ==== */
table.nk_tb_common {
	border-collapse	:	separate;
	border-spacing	:	1px;
	background-color: #999;
}
* html table.nk_tb_common {
	border	:	none; /* ie6 */
}
*:first-child+html table.nk_tb_common {
	border	:	none; /* ie7 */
}

table.nk_tb_common th {
	background	:	#efefd9;
}

img.inline_img {
	display	:	inline;
	vertical-align	:	middle;
}
/* ==== 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:5 !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; }


/* =======================================================
2.ヘッダー指定	#header
======================================================= */
#header {
	position	:	relative;
	width	:	960px;
	text-align	:	left;
	margin	:	0 auto;
	padding	:	7px 0 0;
}
#header h2 {
	position	:	absolute;
	top	:	8px;
	left	:	0;
	width	:	178px;
	height	:	65px;
}
/* ========= ユーザーガイド ======== */
#header .user_guide {
	margin	:	0 0 6px;
}
#header .user_guide ul {
	display	:	block;
	height	:	20px;
	float	:	right;
}
#header .user_guide ul li {
	float	:	left;
	line-height	:	18px;
	border-right	:	1px solid #b2b2b2;
	padding	:	0 10px;
}
#header .user_guide ul li.head_user_guide_login a {
	background	:	url("../image/demo/head_login_icon_01.png") no-repeat left center;
	padding	:	2px 0 2px 24px;
}
#header .user_guide ul li.head_user_guide_logout a {
	padding	:	2px 0;
}
#header .user_guide ul li.head_user_guide_mypage a {
	background	:	url("../image/demo/head_mypage_icon_01.png") no-repeat left center;
	padding	:	2px 0 2px 18px;
}
#header .user_guide ul li.head_user_guide_regist a {
	background	:	url("../image/demo/head_mypage_icon_01.png") no-repeat left center;
	padding	:	2px 0 2px 18px;
}
#header .user_guide ul li a:hover{
	background-color	:	#eef7ff ;
}

/*----- netkeibaヘッダー マイページ新着アラート -----*/
#header .user_guide li.head_user_guide_mypage a:hover {
	text-decoration	:	none;
}
#header .user_guide li.head_user_guide_mypage a:hover em {
	text-decoration	:	underline;
}
#header .user_guide li.head_user_guide_mypage span {
	color	:	#c00;
}
#header .user_guide li.head_user_guide_mypage a span {

}

/* ========= フォントサイズ変更ボタン ======== */
#header ul#fnt-s {
	width	:	113px;
	height	:	39px;
	float	:	right;
}
#header ul#fnt-s li {
	height	:	39px;
	margin	:	0;
}
#header ul#fnt-s li a{
	display	:	block;
	width	:	113px;
	display	:	block ;
	height	:	0pt;
	overflow	:	hidden;
	padding-top	:	39px;
}

ul li#big a{
	display	:	block;
	background	:	url("../image/demo/font_icon_big.png") no-repeat 0 0;
}
ul li#mid{
	display	:	none;
}
ul.b_select li#mid {
	display	:	block;
}
ul.b_select li#mid a{
	background	:	url("../image/demo/font_icon_mid.png") no-repeat 0 0;
}
ul.m_select li#mid {
	display	:	none;
}
ul.b_select li#big {
	display	:	none;
}

#header .fontsize_change ul li a:hover{
	background-position	:	0 -39px !important;
}

/* ========= ヘッダー検索入力 ======== */
#header .head_search {
	width	:	570px;
	height	:	39px;
	background	:	url("../image/demo/form_head_search_bg_01.png") no-repeat 0 0;
	margin	:	5px 0 0;
	position	:	absolute;
	top	:	28px;
	right	:	124px;
}

#header .head_search form {
	position	:	relative;
}
#header .head_search form input.field {
	position	:	absolute;
	top	:	7px;
	left	:	36px;
	width	:	344px;
	background	:	url("../image/demo/form_head_search_input_bg_01.png") no-repeat 0 0;
	border	:	none;
	padding	:	6px 10px 8px;
	color	:	#444;
	outline: none;
}
#header .head_search form select.select_search {
	position	:	absolute;
	top	:	7px;
	left	:	388px;
	width	:	100px;
	height	:	24px;
	border	:	1px solid #ccc;
	padding:0 0 0 10px;
	color	:	#444;
}

#header .head_search form input.form_head_btn {
	position	:	absolute;
	top	:	7px;
	left	:	498px;
}
/* ========= グローバルナビ ======== */
.menu_block {
}
.global_menu {
	background	:	url("../image/demo/head_navi_gnavi_bg.png") repeat-x 0 0;
	height	:	35px;
	margin	:	10px 0 0;
}
.global_menu ul {
	width	:	961px;
	margin	:	auto;
}
.global_menu ul li {
	float	:	left;
	height	:	30px;
	display	:	block;
	position	:	relative;
}
.global_menu ul li a {
	display	:	block ;
	height	:	0pt;
	overflow	:	hidden;
	padding-top	:	30px;
}

/* ========= グローバルナビボタン ======== */
.global_menu ul li.home a {
	background	:	url("../image/demo/head_gnavi_btn_home.png") no-repeat 0 0;
	width	:	81px;
}
.global_menu ul li.race a {
	background	:	url("../image/demo/head_gnavi_btn_race.png") no-repeat 0 0;
	width	:	65px;
}
.global_menu ul li.news a {
	background	:	url("../image/demo/head_gnavi_btn_news.png") no-repeat 0 0;
	width	:	82px;
}
.global_menu ul li.yoso a {
	background	:	url("../image/demo/head_gnavi_btn_yoso.png") no-repeat 0 0;
	width	:	88px;
}
.global_menu ul li.column a {
	background	:	url("../image/demo/head_gnavi_btn_column.png") no-repeat 0 0;
	width	:	68px;
}
.global_menu ul li.db a {
	background	:	url("../image/demo/head_gnavi_btn_db.png") no-repeat 0 0;
	width	:	102px;
}
.global_menu ul li.local a {
	background	:	url("../image/demo/head_gnavi_btn_local.png") no-repeat 0 0;
	width	:	81px;
}
.global_menu ul li.yosocs a {
	background	:	url("../image/demo/head_gnavi_btn_yosocs.png") no-repeat 0 0;
	width	:	81px;
}
.global_menu ul li.community a {
	background	:	url("../image/demo/head_gnavi_btn_community.png") no-repeat 0 0;
	width	:	81px;
}
.global_menu ul li.owner a {
	background	:	url("../image/demo/head_gnavi_btn_owner.png") no-repeat 0 0;
	width	:	81px;
}
.global_menu ul li.pog a {
	background	:	url("../image/demo/head_gnavi_btn_pog.png") no-repeat 0 0;
	width	:	70px;
}
.global_menu ul li.newspaper a {
	background	:	url("../image/demo/head_gnavi_btn_paper.png") no-repeat 0 0;
	width	:	81px;
}
.global_menu ul li.game a {
	background	:	url("../image/demo/head_gnavi_btn_game.png") no-repeat 0 0;
	width	:	65px;
}
.global_menu ul li a:hover {
	background-position	:	0 -30px;
}

/* ========= グローバルナビボタン(active) ======== */
body.home .global_menu ul li.home a,
body.race .global_menu ul li.race a,
body.news .global_menu ul li.news a,
body#PremiumYoso .global_menu ul li.yoso a,
body.yoso .global_menu ul li.yoso a,
body.yosocs .global_menu ul li.yosocs a,
body.column .global_menu ul li.column a,
body.community .global_menu ul li.community a,
body.db .global_menu ul li.db a,
body.local .global_menu ul li.local a,
body.owner .global_menu ul li.owner a,
.global_menu.owner ul li.owner a,
body.pog .global_menu ul li.pog a,
body.newspaper .global_menu ul li.newspaper a,
body.game .global_menu ul li.game a {
	position	:	relative;
	overflow	:	hidden;
	padding-top	:	39px;
	margin-top	:	-4px;
}

body.home .global_menu ul li.home a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_home_active.png") no-repeat 0 0;
}
body.news .global_menu ul li.news a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_news_active.png") no-repeat 0 0;
}
body.race .global_menu ul li.race a {
	width	:	65px;
	background	:	url("../image/demo/head_gnavi_btn_race_active.png") no-repeat 0 0;
}
body.yoso .global_menu ul li.yoso a,
body#PremiumYoso .global_menu ul li.yoso a {
	width	:	88px;
	background	:	url("../image/demo/head_gnavi_btn_yoso_active.png") no-repeat 0 0;
}
body.column .global_menu ul li.column a {
	width	:	68px;
	background	:	url("../image/demo/head_gnavi_btn_column_active.png") no-repeat 0 0;
}
body.db .global_menu ul li.db a {
	width	:	102px;
	background	:	url("../image/demo/head_gnavi_btn_db_active.png") no-repeat 0 0;
}
body.local .global_menu ul li.local a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_local_active.png") no-repeat 0 0;
}
body.yosocs .global_menu ul li.yosocs a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_yosocs_active.png") no-repeat 0 0;
}
body.community .global_menu ul li.community a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_community_active.png") no-repeat 0 0;
}
body.owner .global_menu ul li.owner a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_owner_active.png") no-repeat 0 0;
}
.global_menu.owner  ul li.owner a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_owner_active.png") no-repeat 0 0;
}
body.pog .global_menu ul li.pog a {
	width	:	70px;
	background	:	url("../image/demo/head_gnavi_btn_pog_active.png") no-repeat 0 0;
}
body.newspaper .global_menu ul li.newspaper a {
	width	:	81px;
	background	:	url("../image/demo/head_gnavi_btn_paper_active.png") no-repeat 0 0;
}
body.game .global_menu ul li.game a {
	width	:	65px;
	background	:	url("../image/demo/head_gnavi_btn_game_active.png") no-repeat 0 0;
}
/* ========= 白線調整 ======== */
body.home .global_menu ul li.race a,
body.race .global_menu ul li.race a,
body.race .global_menu ul li.news a,
body.news .global_menu ul li.news a,
body.news .global_menu ul li.yoso a,
body.yoso .global_menu ul li.yoso a,
body.yoso .global_menu ul li.column a,
body.column .global_menu ul li.column a,
body.column .global_menu ul li.db a,
body.db .global_menu ul li.db a,
body.db .global_menu ul li.local a,
body.local .global_menu ul li.local a,
body.local .global_menu ul li.pog a,
body.pog .global_menu ul li.pog a,
body.pog .global_menu ul li.newspaper a,
body.newspaper .global_menu ul li.newspaper a,
body.newspaper .global_menu ul li.game a,
body.game .global_menu ul li.game a {
	margin-left	:	-1px;
}

/* ========= newIcon(2017.03.23) ======== */
span.NavNewIcon01 {
	position: absolute;
	left: -10px;
	top: -25px;
	color: #fff;
	text-align: center;
	width: 46px;
	line-height: 22px;
	font-size: 12px;
	font-family: "メイリオ", "Meiryo", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", "Helvetica", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	background: #dc2b05;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
}
span.NavNewIcon01:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 8px solid #dc2b05;
	position: absolute;
	bottom: -12px;
	left: 19px;
}
span.NavNewIcon01:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 8px solid #e2e2e2;
	position: absolute;
	bottom: -13px;
	left: 19px;
}
/* ========= ジャンルナビ ======== */
.genre_menu {
	background	:	#f0f0f0 url("../image/head_navi_genre_menu_bg.png") repeat-x left bottom;
	line-height	:	1.4;
}
.genre_menu ul {
	width	:	960px;
	margin	:	auto auto 0;
}
.genre_menu ul li {
	float	:	left;
	margin	:	3px 16px 0 0;
}
.genre_menu ul li.active {
	background	:	url("../image/head_genre_navi_list_bg_02.png") no-repeat right top;
}
.genre_menu ul li.active a {
	color	:	#333;
	text-decoration	:	none;
	background	:	url("../image/head_genre_navi_list_bg_01.png") no-repeat left top;
	padding:	2px 20px;
}
.genre_menu ul li a {
	display	:	block;
	font-weight	:	bold;
	padding	:	2px 6px;
}
/*----- netkeibaヘッダー マイページ新着アラート -----*/
#header .user_guide li.head_user_guide_li_03 span {
	color	:	#c00;
}

/*----- netkeibaヘッダー ロゴのみパターン -----*/
.Header_LogoOnly {
	position: relative;
	width: 960px;
	text-align left;
	margin: 0 auto;
	padding: 18px 0 10px;
}


/* =======================================================
3.共通フッター指定	#footer
======================================================= */
#footer img{
	display	:	inline;
	vertical-align	:	middle;
}
#footer ul {
	background	:	url("../image/demo/foot_ul_bg_01.png") repeat 0 0;
	text-align	:	center;
	line-height	:	30px;
}
#footer ul li {
	display	:	inline;
	color	:	#ccc;
	margin	:	0 7px 0 0;
}
#footer .foot_txt p {
	font-size	:	.8em;
	margin	:	.8em 0 0;
}
#footer .foot_txt p a {
	color	:	#555;
}
#footer .foot_txt {
	padding	:	6px 8px;
	text-align:center;
}
#footer .foot_txt p{
	line-height:1.5;
}
* html #footer img{
	margin	:	9px 4px 9px 0;
}
/* =======================================================
4.共通コンテンツ指定	#contents #MainColumn #SideColumn　
予想家Newアイコン
======================================================= */
#contents {
	width: 960px;
	min-width: 430px;
	padding: 0;
	margin: 14px auto;
}
#MainColumn {
	width: 645px;
	float: left;
}
#SideColumn {
	width: 300px;
	float: right;
}
/*予想家Newアイコン*/
.Yosoka .YosokaImage.New,{
	height: 89px;
}

/* .YosokaCommentBox .YosokaPhoto.New, */
.Yosoka .YosokaImage.New > div{
	position: relative;
    overflow: hidden;
    border-radius: 4px;
    width: 89px;
    /* height: 89px; */
    top: 0;
    left: 0;
}
/* .Yosoka .YosokaImage.New > div, */
.YosokaCommentBox .YosokaPhoto.New{
	/* position: absolute; */
    overflow: hidden;
    /* border-radius: 4px; */
    width: 89px;
    /* height: 89px; */
    top: 0;
    left: 0;
}
.YosokaCommentArea .YosokaCommentBox .YosokaPhoto.New{
	width: auto;
}
.Yosoka .YosokaImage.New > div:before,
.YosokaCommentBox .YosokaPhoto.New:before{
    position: absolute;
    display: block;
    content: 'NEW';
    background: #c03;
    width: 52px;
    height: 32px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    left: -19px;
    top: -9px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 17px;
    transform: rotate(-45deg);
}