@charset "UTF-8";

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

TITLE   : nikkansports.com CSS
DATE    : 2008/03/03
UPDATE  : 2010/06/01
URL     : https://www.nikkansports.com/css/entertainment/et-style_main.css
AUTHOR  : nikkansports.com

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



/* Genre Navigation
------------------------------------------------------- */
body.geinouBlog li#genreNaviBL a,
body.fortune li#genreNaviFor a,
body.CD li#genreNaviCD a {
	color: #333333;
	font-weight: bold;
}


/* Top News
-------------------------------------------------------
body#entertainment #topPhoto dt a { max-height: 200px; }

body#entertainment #topPhoto #ad150x50 {
	margin: 10px 15px 0;
	width: 150px;
}
 */



/* Data Area
------------------------------------------------------- */
p.attention {
	margin: 2px 0 0 5px;
	font-size: 90%;
	line-height: 1.5;
}


/* ----- Data Contents ----- */
.dataContents {
	width: 100%;
	display: inline-block; /* for WinIE7 & MacIE */
}

div.dataContents {
	margin-bottom: 20px;
	padding: 0;
}

.dataContents:after { /* for Modern Browser */
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

/* Hides from MacIE, for WinIE \*/
	*html .dataContents { height: 1%; }
	.dataContents { display: block; }
/* End hide from MacIE */


/* --- ２カラム --- */
.dataContentsR {
	width: 49.5%;
	float: right;
}

.dataContentsL {
	width: 49.5%;
	float: left;
}


/* --- ３カラム --- */
.dataContentsE {
	width: 33%;
	float: left;
}

.dataContentsC {
	width: 34%;
	float: left;
}

.dataContentsC div { margin: auto 10px; }

.dataContentsL div.dataContentsC div,
.dataContentsR div.dataContentsC div { margin: auto 5px; }


/* Hides from MacIE, for WinIE \*/
	*+html .dataContentsC { width: 33.8%; }
	*+html .dataContentsC div { margin: auto 9px auto 11px; }
	*+html .dataContentsL div.dataContentsC div,
	*+html dataContentsR div.dataContentsC div { margin: auto 4px auto 6px; }
	*html .dataContentsC { width: 33.8%; }
	*html .dataContentsC div { margin: auto 9px auto 11px; }
	*html .dataContentsL div.dataContentsC div,
	*html dataContentsR div.dataContentsC div { margin: auto 4px auto 6px; }
/* End hide from MacIE */

.dataContentsW {
	width: 33%;
	float: right;
}


/* --- ４カラム --- */
.dataBox01 {
	width: 25%;
	float: left;
}

.dataBox02 {
	width: 25%;
	float: left;
}

.dataBox03 {
	width: 25%;
	float: left;
}

.dataBox04 {
	width: 25%;
	float: right;
}
/* Hides from MacIE, for WinIE \*/
	*+html .dataBox04 { width: 24.8%; }
	*html .dataBox04 { width: 24.8%; }
/* End hide from MacIE */

.dataBox01 div { margin-right: 8px; }

.dataBox02 div { margin-right: 5px; margin-left: 2px; }

.dataBox03 div { margin-right: 2px; margin-left: 5px; }

.dataBox04 div { margin-left: 8px; }
/* Hides from MacIE, for WinIE \*/
	*+html .dataBox04 div { margin-left: 7px; }
	*html .dataBox04 div { margin-left: 7px; }
/* End hide from MacIE */



/* ----- Data Contents Table ----- */
.dataContents div.tableTitle {
	margin: 0;
	padding: 4px 4px 3px 7px;
	font-weight: bold;
	color: #ffffff;
	clear: left;
	display: inline-block; /* for WinIE7 & MacIE */
}

.dataContentsL div.dataContentsC div.tableTitle,
.dataContentsR div.dataContentsC div.tableTitle { margin: 0; }

.dataContents div.tableTitle:after { /* for Modern Browser */
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

/* Hides from MacIE, for WinIE \*/
	*html .dataContents div.tableTitle { height: 1%; }
	.dataContents div.tableTitle { display: block; }
/* End hide from MacIE */

.tableTitleP {
	background: #938ca5;
	border-bottom: 1px solid #6c627a;
}

.tableTitleB {
	background: #7e8cb2;
	border-bottom: 1px solid #555c87;
}

.tableTitleG {
	background: #95b27e;
	border-bottom: 1px solid #648755;
}

.tableTitleR {
	background: #b27e82;
	border-bottom: 1px solid #875855;
}

.dataContents div.tableTitle2 { margin-bottom: 5px; }

.dataContents .tableTitle h2,
.dataContents .tableTitle h3 {
	font-size: 80%;
	line-height: 1;
	float: left;
}
.dataContents .tableTitle p {
	font-size: 80%;
	line-height: 1;
	float: right;
}

.dataContents .tableTitle a {
	padding: 0 0.15em;
	color: #ffffff;
}

.dataContents table {
	width: 100%;
	border: 0 none;
	border-collapse: separate;
	border-spacing: 0;
}
*html .dataContents table { border-collapse: collapse; } /* for IE5~6 */
*+html .dataContents table { border-collapse: collapse; } /* for IE7 */

.dataContents th {
	padding: 3px 2px;
	font-size: 80%;
	text-align: center;
	color: #666666;
	background: #e3e3e3 url(https://cache2.nipc.jp/img/th-bg01.gif) repeat-y;
	border: 1px solid;
	border-top: 1px solid #ffffff;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #c4c4c4;
}

.dataContents th.bg {
	background: #e3e3e3;
	border-left: 0 none;
}

.dataContents td {
	padding: 3px;
	font-size: 90%;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 1px solid #c4c4c4;
	border-bottom: 1px dashed #aaaaaa;
}

.dataContentsL div.dataContentsE table td,
.dataContentsL div.dataContentsC table td,
.dataContentsL div.dataContentsW table td,
.dataContentsR div.dataContentsE table td,
.dataContentsR div.dataContentsC table td,
.dataContentsR div.dataContentsW table td { font-size: 80%; }


.dataContents td.line { border-left: 0 none; }

.dataContents td.day {
	padding: 3px 2px 3px 5px;
	width: 7em;
}

.dataContents td.num { text-align: center; }

.dataContents td.num2 {
	padding: 3px 5px 3px 2px;
	text-align: right;
}

.dataContents td.rank {
	text-align: center;
	width: 1.2em;
}

.dataContents td.score {
	padding: 3px 0px;
	text-align: center;
	white-space: nowrap;
	width: 3.5em;
}

.dataContents td.home { text-align: right; }

.dataContents td.homeP { text-align: right; }

.dataContents td.home,
.dataContents td.visitor,
.dataContents td.away { padding: 3px 2px; }

#entertainment div.dataContents td { font-size: 80%; }

#entertainment div.dataContents table { margin-bottom: 10px; }

#entertainment div.dataContents div.tableTitle2 { margin: 10px 0 0; }




/* Fortune Contents
------------------------------------------------------- */
#fortuneContents {
	padding: 18px 0 10px;
	width: 100%;
}

#fortuneContents h2 { padding: 0 0 13px 5px; }

#fortuneContents p {
	margin: 5px;
	font-size: 90%;
}

#fortuneContents dl {
	padding: 10px 15px;
	font-size: 90%;
	line-height: 1.6;
	background: #f5f5f5;
}

#fortuneContents dt { font-weight: bold; }

#fortuneContents dd {
	padding-left: 1em;
	text-indent: 1em;
}

#fortuneContents table {
	margin-bottom: 15px;
	width: 100%;
	border: 0 none;
	border-collapse: separate;
	border-spacing: 0;
}

*html #fortuneContents table { border-collapse: collapse; } /* for IE5~6 */
*+html #fortuneContents table { border-collapse: collapse; } /* for IE7 */

#fortuneContents tr.bgColor { background: #f4f0fc; }

#fortuneContents th {
	padding: 4px 1px;
	font-size: 80%;
	text-align: center;
	color: #ffffff;
	background: #c0bace;
	border: solid #ffffff;
	border-width: 1px 0 1px 1px;
}

#fortuneContents td {
	padding: 4px;
	font-size: 90%;
	line-height: 1.3;
	border: solid #ffffff;
	border-width: 0 0 0 1px;
}

#fortuneContents td.mark {
	padding: 4px 0;
	text-align: center;
	line-height: 1;
	width: 1.8em;
}

#fortuneContents td.constellation {
	padding: 4px 2px;
	text-align: center;
	width: 7.5em;
}





/* CDranking Contents
------------------------------------------------------- */
#CDrankingContents {
	padding: 18px 0 0;
	width: 100%;
}

#CDrankingContents h2 { font-size: 90%; }

#CDrankingContents .txt1,
#CDrankingContents .txt2 { font-size: 100%; }

#CDrankingContents th:first-child{
	background: #e3e3e3;
	border-left: 0 none;
}

#CDrankingContents th.firstChild {
	background: #e3e3e3;
	border-left: 0 none;
}

#CDrankingContents div.dataContents td {
	padding: 4px 2px;
	vertical-align: top;
}

.top20 #CDrankingContents div.dataContents td { font-size: 90%; }


#CDrankingContents td.rank02 {
	text-align: center;
	border-left: 0 none;
}

.upDate2 { margin: 5px; }

#CDrankingContents div.upDate2 table td.txt2 { font-size: 80%; }
#CDrankingContents div.upDate2 table td span.txt1 { font-size: 80%; }


/* ----- Page Navi ----- */
.pageNavi {
	margin: 0 0 15px 3px;
	font-size: 80%;
	display: inline-block; /* for WinIE7 & MacIE */
}

.pageNavi ul {
	margin-right: 10px;
	line-height: 1.6;
	display: inline-block; /* for WinIE7 & MacIE */
}

.pageNavi ul:after { /* for Modern Browser */
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}


/* Hides from MacIE, for WinIE \*/
	*html .pageNavi ul ul { height: 1%; }
	.pageNavi ul ul { display: block; }
/* End hide from MacIE */


.pageNavi li {
	color: #848484;
	border-right: 1px solid #ffffff;
	float: left;
}

.pageNavi li a {
	padding: 5px 5px 4px;
	background: #bee4ff;
}

.pageNavi li.current a,
.pageNavi li.current a:visited,
.pageNavi li.current a:hover,
.pageNavi li.current a:active {
	font-weight: bold;
	color: #848484;
	background: #ffffff;
}





/* ad-info Contents
------------------------------------------------------- */
#infoprof{
	clear:both;
	margin-bottom:1em;
	padding:10px;
	border-top:1px dotted #8D8D8D;
	border-bottom:1px dotted #8D8D8D;
	background:#f1f1f1;
}

#infoprof h3{
	font-size:90%;
	line-height:1.6;
}

#infoprof p{
	font-size:80%;
	line-height:1.6;
}


.infoLine{
	border-bottom:1px dotted #8D8D8D;
	padding-bottom:1em;
	margin-bottom:1em;
	padding-top:0.5em;
	display:block;
	overflow:hidden;
	height:1%;
}


.infophoto{
	border-left:1px solid #D9D9D9;
	clear:both;
	float:right;
	margin:0 0 5px 9px;
	padding-left:10px;
}

.infophoto dd{
	font-size:80%;
	line-height:1.35;
	padding-top:3px;
}