@charset "shift_jis";


@import "../../css/default.css";
@import "../../css/header.css";
@import "../../css/footer.css";

/* X基準フォント */
div#noIn-MainCon-Wrapper {
	font-size: 12px;
}

/* 見出し */
h2 {
	width: 740px;
	height: 30px;
	margin-bottom: 15px;
}
h3 {
	width: 740px;
	height: 30px;
	margin:20px 0 10px;
}

/* 指数Xとは */
 .whatsx {
	margin-top: 15px;
}

/* 指数Xで穴馬を捕まえろ！ */
 .x-hits {
	margin-top: 15px;
}

/* 会員登録バナー */
 .free_box {
	margin:0 auto 50px 0;
	width:740px;
	text-align:center;
}

/* .free_box p {
	margin-bottom:15px;
}*/

/* yosou/index.html用 */
/* 指数X */
 .idx_sisux {
	margin:30px 0 30px 0;
	text-align:center;
}
 .idx_sisux .bnr_sisux {
	background-color:#EDEDED;
	width:890px;
	margin:0 auto;
}
 .idx_sisux .bnr_sisux p.image {
	margin:0 15px 0 0;
	float:left;
	border-right:#FFFFFF 1px solid;
	text-align:center;
}
 .idx_sisux .bnr_sisux p.text {
	padding:10px 15px 10px 0;
	text-align:left;
}
 .idx_sisux .bnr_sisux p.text .btn_detail {
	padding:10px 15px 10px 0;
}
/* 指数Xの達人5人衆 */
 .idx_master {
	margin:0 0 0 0;
}
 .idx_master ul.ptlist {
	display: block;
}
 .idx_master ul.ptlist li {
	display: block;
	float: left;
	width: 430px;
	margin:0 0 0 30px;
	_margin:0 0 0 15px;
	padding:0 0 15px 0;
}
 .idx_master ul.ptlist li dl {
	float: right;
	width: 340px;
	padding:0 10px 0 0;
}
 .idx_master ul.ptlist dt {
	line-height: 1.1;
}
 .idx_master ul.ptlist dt.inlink {
	font-size:85%;
}
 .idx_master ul.ptlist dt.inlink strong {
	font-size:120%;
	line-height:1.6em;
}
 .idx_master ul.ptlist li p.image {
	float: left;
	padding:1px;
	border:#CCCCCC 1px solid;
}
 .idx_master ul.ptlist dd ul {
	width: auto;
	background-image: none;
}
 .idx_master ul.ptlist dd li {
	display: inline;
	float: none;
}
 .idx_master ul.ptlist dd ul {
	margin: -5px 0 0 0;
}
/* 指数Xの達人5人衆 */
 .kouza {
	margin:15px 0 0 0;
	padding:0 0 30px 0;
}
 .kouza .bnr_area {
	margin:0 0 0 15px;
}
 .kouza .bnr_area div {
	float:left;
	margin:0 0 0 15px;
}

/* 今週のメインレース */
/* /x/index.html */

 .sisu_race{
	background:#ffffff url(../images/sisu_race_bg.gif) no-repeat;
	width:640px;
	height:66px;
	margin:15px 50px 20px;
	padding:0;
	position:relative;
	text-align: center;
}

 .sisu_race span{
	color:#ffffff;
	width:335px;
	height:46px;
	font-size:26px;
	font-weight: bold;
	padding:20px 0 0px 0;
	left:310px;
	position:absolute;
}

 .sisu_race a:link{color:#ffffff; :underline;}
 .sisu_race a:visited{color:#ffffff; :underline;}


 .mds_sisux {
	position:relative;
	width:950px;
	margin:0 0 30px 0;
}
 .mds_sisux .base_img {
	z-index:1;
}
 .mds_sisux h2 {
	position:absolute;
	z-index: 2;
	top: 16px;
	left: 611px;
}
 .mds_sisux .img_text {
	position:absolute;
	z-index: 2;
	top: 129px;
	left: 24px;
}
 .pickup {
	margin:30px 0 0 0;
	text-align:left;
}
 .pickup .picklist {
	width:886px;
	margin:0 auto;
	padding:10px 0;
	background:url(../images/bg_pickuplist.gif) repeat-y left top;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}
 .pickup .picklist div {
	padding:0 10px;
	width:157px;
	float:left;
}
 .pickup .picklist div p.race {
	font-weight:bold;
}

 .xtop_img{
	margin:0; padding:0;
}


/* recommend（導線バナー） */

.recommend	{
	margin-top: 20px;
	width: 740px;
	}

.recommend h4.x_line {
		background:url(../images/race_line_bg.gif);
		height:20px;
		padding-left:10px;
		font-size: 14px;
		font-weight:bold;
}

/*.recommend h4	{
	width: 740px;
	height: 20px;
	margin-bottom: 10px;
	line-height: 25px;
	text-indent: 15px;
	background: url("/umajin/images/umajin_title.gif") no-repeat scroll 0 0 transparent;
	font-size: 12px;
	color: #333333;
		}*/

.recommend .banner_box{
		margin-top: 15px;
		width:740px;
		}

.recommend .banner_box li{
		margin-left:50px;
		width:180px;
		height:69px;
		float:left;
		display:inline;
		}

/* recommend（導線バナー）旧仕様

 .banner_box {
	margin:20px 0 0 0;
	width:740px;
}
 .banner_box_l {
	margin:10px 0 0 0;
	width:680px;
	float:left;
}
 .banner_box_r {
	margin:10px 0 0 0;
	width:250px;
	float:right;
}
 .banner_l {
	width:610px;
	height:69px;
	margin: 10px auto 0;
}
 .banner_r {
	width:250px;
	height:69px;
}
 .banner {
	margin-right:35px;
	width:180px;
	height:69px;
	float:left;
}
 .banner2 {
	width:180px;
	height:69px;
	float:left;
}

 .banner3 {
	margin:10px 0 0 35px;
	width:180px;
	height:69px;
}
*/

/* index.html,bachu.html,sort.html,result.html */
/* レース選択ナビ日付(タブ) */
 .backtab_box {
	margin:30px 0 0 0;
}
 #tab {
	line-height: 0;
}
 .tabset {
	margin:0;
	padding:0;
	border-left:#CCCCCC 1px solid;
	display:inline-block;
}
 .tabset:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 .tabset li {
	margin: 0;
	width:60px;
	float:left;
	background:url(../images/bg_tab.jpg) repeat-x left bottom;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	text-align:center;
	line-height: 1.4em;
}
 .tabset li a {
	display:block;
	padding:15px 0;
}
 .tabset li a:hover {
	display:block;
	background-color:#018ccd;
	color:#FFFFFF;
}
 .tabset li a:active {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}
 .tabset li .active {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}
 .tabset li a.active:visited {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}
 .tabset li .active:hover {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}

/* index.html,bachu.html,sort.html,result.html */
/* タブ下　テーブル */
 .link_tbl {
	margin:0;
	width:740px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}
 .link_tbl th {
	padding: 8px 15px;
	width:116px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background-color:#f0f0f0;
	font-weight:normal;
	text-align:left;
}
 .link_tbl td {
	padding: 8px 0;
	width:52px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
}
 .link_tbl td span {
	color:#CCCCCC;
}
 .link_tbl td a {
	font-weight:bold;
	display:inline-block;
}
 .link_tbl td.select {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}

/* バックナンバー共通 テーブル */
/*
 .back_tbl {
	margin:0 0 0;
	width:740px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}
 .back_tbl th {
	padding:5px 10px;
	width:180px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background-color:#F0F0F0;
	font-weight:normal;
	text-align:left;
}
 .back_tbl td {
	padding:5px 0;
	width:60px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
}
 .back_tbl td span {
	color:#999999;
}
 .back_tbl td a {
	font-weight:bold;
}
 .back_tbl td.select {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}

*/
/* 日程型バックナンバータブ */
#bntab {
	line-height: 0;
}
#bntab .bntabset {
	margin:0 1px;
	padding:0;
	border-left:#CCCCCC 1px solid;
	display:inline-block;
}

#bntab .bntabset:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#bntab .bntabset li {
	margin:0 0 0 0;
	width:64px;
	float:left;
	background:url(../images/bg_tab.jpg) repeat-x left bottom;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	text-align:center;
	line-height: 1.4em;
}

#bntab .bntabset li a {
	display:block;
	padding:8px 0;
}

#bntab .bntabset li a:hover {
	display:block;
	background-color:#018ccd;
	color:#FFFFFF;
}
#bntab .bntabset li a:active {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}
#bntab .bntabset li .active {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}
#bntab .bntabset li a.active:visited {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}
#bntab .bntabset li .active:hover {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
}


/* 日程型バックナンバー本体 */
 .backnumber {
	width: 740px;
}
 .backnumber_table {
	width: 738px;
	margin: 0 1px 2px 1px;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
}
 .backnumber_table th {
	padding: 5px 0px;
	background-color: #f0f0f0;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	text-align: center;
	font-weight: normal;
}
 .backnumber_table th.none {
	background-color: #eeeeee;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
 .backnumber_table td {
	width: 67px;
	padding: 12px 0px;
	background-color: #ffffff;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	text-align: center;
	color: #aaaaaa;
	font-weight: bold;
}
 .backnumber_table td a span {
	font-weight: normal;
	font-size: 10px;
	color: #006699;
}
 .backnumber_table td span {
	font-weight: normal;
	font-size: 10px;
	color: #aaaaaa;
}
 .backnumber_table td.none {
	width: 67px;
	background-color: #eeeeee;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	color: #333333;
}