@charset "Shift_JIS";

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

			トピックス＆コラム

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

/*-----  タブ -----*/
#contentsNavi {
	background: url(/topics/img/bg_tab.gif) repeat-x;
	height: 42px;
	width: 940px;
	
	zoom:1; /*for IE 5.5-7*/
	position:relative;
	margin-top: 15px;
	
	overflow: hidden;
}


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

* html #contentsNavi {
	display:inline-table;
    /**/display:block;/**/
}

#contentsNavi ul {
	margin-left: 20px;
}

#contentsNavi ul li {
	float: left;
	margin-top: 5px;
}

#contentsNavi ul li.current {
	margin-top: 0;
}


/*-----  コンテンツ -----*/
#topicsBody {
	clear: both;
	border: 1px solid #ccc;
	border-top: none;
	width: 938px;
}


table#topicsGRID {
	margin: 0 auto;
}

table#topicsBlock,
table#blogBlock {
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(/topics/img/bg_left-column.gif) repeat-y;
	width: 560px;
}

table#topicsBlock h3,
table#blogBlock h3 {
	background: url(/topics/img/bg_head_left-column.gif) no-repeat;
	padding-left: 8px;
	width: 552px;
	height: 32px;
	line-height: 32px;
	/*line-height: 1.8;*/
	font-size: 108%;
	color: #fff;
	font-weight: bold;
	
	/*margin-bottom: 16px;*/
}


table#topicsBlock div.pseudo-bottom,
table#blogBlock div.pseudo-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(/topics/img/bg_left-column_foot.gif) no-repeat left bottom;
	width: 560px;
	height: 11px;
	
	margin-top: 2px;
}


table#topicsBlock table.topicsUnit {
	margin: 0 auto;
	margin-top: 16px;
	width: 520px;
	background: url(/topics/img/bg_topics-unit.gif) repeat-y;
	border-top: 1px solid #d7d7d7;
}

table#topicsBlock table.topicsUnit div.pseudo-bottom {
	background: url(/topics/img/bg_topics-unit_foot.gif) no-repeat left bottom;
	width: 520px;
	height: 16px;
	margin-top: 4px;
}

table#topicsBlock table.topicsUnitBody {
	margin: 0 auto;
	margin-top: 10px;
}


table#topicsBlock table.topicsUnitBody h4 {
	font-size: 108%;
	color: #2d5a05;
	margin-top: 4px;
	font-weight: bold;
	
	background: url(/common/img/icon_link-arrow_gr.gif) no-repeat left 0.12em;
	padding-left: 18px;
}

table#topicsBlock table.topicsUnitBody h4 a {
	color: #2d5a05;
	text-decoration: none;	
}

table#topicsBlock table.topicsUnitBody h4 a:hover {
	text-decoration: underline;
}

table#topicsBlock table.topicsUnitBody p {
	font-size: 93%;
	margin-top: 8px;
	line-height: 1.4;
}

table#topicsBlock table.topicsUnitBody p a {
	color: #333;
	text-decoration: none;
}

table#topicsBlock table.topicsUnitBody p a:hover {
	text-decoration: underline;
}



table#blogBlock table.blogGRID {
	margin: 0 auto;
	margin-top: 2px;
	/*margin-bottom: 8px;*/
}

table#blogBlock table.blogGRID td div.pseudo-bottom {
	background: url(/topics/img/bg_other-unit_foot.gif) no-repeat left bottom;
	width: 250px;
	height: 16px;
	margin-top: 4px;
}

table#blogBlock table.blogUnit {
	width: 250px;
	border-top: 1px solid #d7d7d7;
	background: url(/topics/img/bg_other-unit.gif) repeat-y;
}

table#blogBlock table.blogUnitBody {
	margin: 0 auto;
	margin-top: 8px;
}


table#blogBlock table.blogUnitBody td h5 {
	font-size: 108%;
	color: #2d5a05;
	margin-top: 2px;
	font-weight: bold;
	
	background: url(/common/img/icon_link-arrow_gr.gif) no-repeat left 0.12em;
	padding-left: 18px;
}

table#blogBlock table.blogUnitBody td h5.otherWindow {
	background: url(/common/img/icon_link-arrow_ow.gif) no-repeat left 0.12em;
}

table#blogBlock table.blogUnitBody td h5 a {
	color: #2d5a05;
	text-decoration: none;
}

table#blogBlock table.blogUnitBody td h5 a:hover {
	text-decoration: underline;
}

table#blogBlock table.blogUnitBody td p {
	font-size: 93%;
	margin-top: 5px;
	line-height: 1.4;
}

table#blogBlock table.blogUnitBody td p a {
	color: #333;
	text-decoration: none;
}

table#blogBlock table.blogUnitBody td p a:hover {
	text-decoration: underline;
}


/*-----  競馬コラム＆レープロ掲載コラム -----*/

table.columnBlock {
	margin-top: 20px;
	background: url(/topics/img/bg_right-column.gif) repeat-y;
	width: 320px;
}

table.columnBlock div.pseudo-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(/topics/img/bg_right-column_foot.gif) no-repeat left bottom;
	width: 320px;
	height: 11px;
	
	margin-top: 9px;
}


table.columnBlock h3 {
	background: url(/topics/img/bg_head_right-column.gif) no-repeat;
	padding-left: 8px;
	width: 312px;
	height: 32px;
	line-height: 32px;
	/*line-height: 1.8;*/
	font-size: 108%;
	color: #fff;
	font-weight: bold;
}

table.columnUnit {
	margin: 0 auto;
	margin-top: 16px;
}


table.columnUnit td span {
	color: #669933;
	font-weight: bold;
	font-size: 93%;
	
	display: block;
	margin-bottom: 4px;
}

table.columnUnit td span img {
	margin-bottom: -2px;
	margin-right: 5px;
}


table.columnUnit td h4 {
	font-size: 108%;
	font-weight: bold;
	color: #333;
}

table.columnUnit td h4.otherWindow {
	margin-top: 2px;
	background: url(/common/img/icon_link-arrow_ow.gif) no-repeat left 0.12em;
	padding-left: 18px;
}

table.columnUnit td h4 a {
	color: #333;
	text-decoration: none;
}

table.columnUnit td h4 a:hover {
	text-decoration: underline;
}

table.columnUnit td p {
	font-size: 93%;
	margin-top: 8px;
	line-height: 1.5;
}

table.columnUnit td p a {
	color: #333;
	text-decoration: none;
}

table.columnUnit td p a:hover {
	text-decoration: underline;
}