@charset "utf-8"; /* clearfix設定
---------------------------------------------*/

.boxinfo2,
.boxinfo3,
.boxinfo3tic,
.boxinfo3tic .sapporoD ul,
.boxinfo3tic .tokyoD ul,
.topTicketCts ul li ul,
.topLinkList,
.teamInfo1Box,
#rotate #tabsUl,
#rotate2 #tabsUl {
	overflow:hidden;
	zoom: 1;
}

.boxinfo2:after,
.boxinfo3:after,
.boxinfo3tic:after,
.boxinfo3tic .sapporoD ul:after,
.boxinfo3tic .tokyoD ul:after,
.topTicketCts ul li ul:after,
.topLinkList:after,
.teamInfo1Box :after,
#rotate #tabsUl:after,
#rotate2 #tabsUl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* fla area */
/************************************************/

#topfla {
	margin-bottom: 15px;
	width: 790px;
	margin-top: 2px;
}

#fla {
	float: left;
	width: 557px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

#topinfo1 {
	float: right;
	height: 241px;
	width: 218px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

/*モダンブラウザ向けの指定を上書き*/
#topfla > #topinfo1 {
	min-height: 241px;
	height:auto;
}

#topinfo1 h3 {
	margin:5px 0px 3px 2px;
	color: #006699;
	font-size: 110%;
	line-height:1.2;
}

#topinfo1 td {
	font-size: 10px;
}

#topinfo1 p {
	padding:3px;
	line-height:1.2;
}

.toplink {
	text-align: right;
	margin-bottom: 2px;
	height: 25px;
}

#contentsTop {
	margin-bottom: 0px;
	margin-right: 11px;
	margin-left: 10px;
	padding-bottom: 80px;
}

#contentsTop h3 {
	font-size: 105%;
	margin-bottom: 3px;
}

/* score */
/************************************************/
#topscore {
	margin-bottom: 20px;
	width: 760px;
	background-image: url(/img/topscore/bg.png);
	background-repeat: no-repeat;
	height: 147px;
	margin-left: 8px;
	padding-top: 8px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}

/* board */
#topscoreL {
	float: left;
	width: 550px;
	font-size: 11px;
	height: 130px;
	padding-bottom: 5px;
}

#topscoreL p {
	margin-top: 19px;
	color: #666666;
}

#topscoreL p.nextgame {
	margin-top: 19px;
}

#topscoreL p.date {
	float:left;
	margin-top: 0;
}

#topscoreL p.sponsor {
	float:right;
	padding: 8px 80px 0 0;
	margin-top: 0;
}

.tableTopscore {
	background-color: #CCCCCC;
}

/* order */
#topscoreR {
	float: right;
	width: 200px;
	padding-right: 5px;
	height:135px;
}

#topscoreR table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 15px;
	clear: both;
}

#topscoreR td {
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
}

#topscoreR td a {
	font-size: 10px;
}

#topscoreR img {
	float: left;
}

#topscoreR p {
	text-align: right;
	font-size: 10px;
	float: right;
}

/* bottom01 */
#topscoreB {
	clear: both;
	font-size: 11px;
	display:inline;
	line-height:20px;
}

.tdTopscore {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 25px;
	color: #006600;
}

.tdTsInning {
	background-color: #EBEBEB;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
}


/* thisweek */
/************************************************/
.thisweek_n {
	font-size: 11px;
	color: #333333;
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	text-align: center;
	margin-bottom: 3px;
}
.thisweekLogo {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.thisweek_sat {
	font-size: 11px;
	color: #0066CC;
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	text-align: center;
	margin-bottom: 3px;
}
.thisweek_sun {
	font-size: 11px;
	color: #CC0000;
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	text-align: center;
	margin-bottom: 3px;
}

/* topinfo 1 */
/************************************************/

.nextCard {
	margin:0 auto;
	width:200px;}

a.squareLink {
	text-decoration: underline;
	background-image: url(/_share/icon/square_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
/* custom　2008/03/17 */
#topinfo1 .gameInfo{
	margin:0 0 3px;
	overflow:hidden;
}

#topinfo1 .gameInfo h4{
	margin:0 0 3px;
}

#topinfo1 .gameInfo table{
	background: url(/_share/dotted_1px_x.gif) 0 top repeat-x;
	margin:0 1px 5px;
	width:216px;
	font-size:92%;
}
/*homegame coler
#topinfo1 .gameInfo table tr.atOsk td{background:#FFE6EB;}
#topinfo1 .gameInfo table tr.atSky td{background:#DAE9F8;}
#topinfo1 .gameInfo table tr.atOther td{background:#FFF5D0;}
*/
#topinfo1 .gameInfo table td{
	font-size: 100%;
	background: url(/_share/dotted_1px_x.gif) 0 bottom repeat-x;
	padding:5px 3px 4px 3px;
	line-height: 1;
}
/* GAME EVENT
IcnEvent
IcnFan
IcnTicket
IcnTeam */
.gameInfo ul{
	margin:0 2px;
	width:214px;
}
.gameInfo li{
	display:block;
	font-size:92%;
}
ul.topLinkListOne li a{
	display: block;
}

.gameInfo li.IcnEvent{
	background:url(/_share/icon/n04.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 40px;
}
.gameInfo li.IcnFan{
	background:url(/_share/icon/n07.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 40px;
}
.gameInfo li.IcnTicket{
	background:url(/_share/icon/n03.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 40px;
}
.gameInfo li.IcnTeam{
	background:url(/_share/icon/n01.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 40px;
}
.gameInfo li.IcnGoods{
	background:url(/_share/icon/n_goods.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 40px;
}
/* custom　2008/12/12 */
/*TICKET告知用調整*/
#topinfo1 .ticketInfo1 {padding:0 3px;font-size:92%;}
#topinfo1 .ticketInfo1 p{padding:0;} 
#topinfo1 .ticketInfo1 table{width:212px; border-top:1px solid #ccc;}
#topinfo1 .ticketInfo1 table th{width:50%;text-align:left; padding:4px 0;}
#topinfo1 .ticketInfo1 table td p{margin:0 0 2px; padding:1px;}

/* topinfo 2 */
/************************************************/
#topinfo2 {
	float: left;
	width: 500px;
}

.boxinfo2 {
	margin-top: 3px;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #E4E4E4;
	background-image: url(/_share/bg_boxinfo2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 3px;
	margin-bottom: 17px;
	width: 492px;
}

.boxinfo2 table.hotTopics {
	margin:0 0 5px 0;
	font-size:92%;
	line-height: 1.3;
}

.boxinfo2 table.hotTopics td {
	padding:5px 1px 1px 1px;
	vertical-align:top;
}

#topinfo2 dl {
	line-height: 180%;
	margin-right: 5px;
	margin-left: 5px;
}

#topinfo2 dt {
	float: left;
	width: 110px;
}

#topinfo2 dd {
	float: right;
	width: 370px;
}

#shoppingTbl {
	width:492px;
}

#shoppingTbl td {
	padding:5px;
	vertical-align:top;
	width: 50%;
}

#shoppingTbl td.goods {
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

#shoppingTbl td.license {
	border-bottom:solid 1px #CCC;
}

#shoppingTbl td.shop {
	border-right:solid 1px #CCC;
}

#shoppingTbl td.collection {
}

#shoppingTbl td h3 {
	padding:8px 5px 8px 40px;
	margin:0 0 15px 0;
	height:20px;
}

#shoppingTbl td img {
	float:left;
	margin:0 10px 0 0;
}

#shoppingTbl td p {
	font-size:92%;
	float:none;
	margin:0 0 8px 0;
}

#shoppingTbl td a {
	float:right;
	background:url(/_share/icon/square_arrow.gif) 0 0.5em no-repeat;
	padding:3px 10px 3px 13px;
	display: block;
	clear: both;
}

#shoppingTbl td > h3 {
	min-height:20px;
	height:auto;
}

#shoppingTbl td.goods h3 {
	background:url(/img/info2/tbg_goods_2.gif) 0 100% no-repeat;
}

#shoppingTbl td.license h3 {
	background:url(/img/info2/tbg_license_2.gif) 0 100% no-repeat;
}

#shoppingTbl td.shop h3 {
	background:url(/img/info2/tbg_shop_2.gif) 2px 100% no-repeat;
}

#shoppingTbl td.collection h3 {
	background:url(/img/info2/tbg_collection_2.gif) 0 100% no-repeat;
}

/*2009.3.2 boxinfo 2column*/


.boxinfo2L {
	float:left;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #E4E4E4;
	background: url(/_share/bg_boxinfo2.png) 50% 100% no-repeat;
	padding: 3px;
	width: 236px;
}
.boxinfo2R {
	float:right;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #E4E4E4;
	background: url(/_share/bg_boxinfo2.png) 50% 100% no-repeat;
	padding: 3px;
	width: 236px;
}



/*チーム情報 custam 2008.10.28*/

.teamInfoCts{}
.teamInfoCtsL{width:115px;padding:5px; float:left; font-size:92%; text-align:center;}
.teamInfoCtsL img{display:block;margin:0 0 5px;}
.teamInfoCtsR{width:356px;padding:5px;float:left; border-left:1px solid #ccc; }
.teamInfoCts .teamInfoCtsNavi{
	border-bottom:1px solid #ccc;
	margin:0 0 10px;
	padding:0 0 3px;
	}

.teamInfoCts .teamInfoCtsNavi li{
	background:url(/_share/icon/link.gif) no-repeat scroll 5px center;
	display:block;
	float:left;
	padding:2px 0 2px 5px;
	width:104px;
	}

/* HotTopics */
/************************************************/
.boxinfo2 #HotTopics {
font-size:92%;
line-height:1.3;
margin:0 0 5px;
}
.boxinfo2 #HotTopics th {
padding:5px 1px 1px;
vertical-align:top;
width:30px;
}
.boxinfo2 #HotTopics td {
padding:5px 5px 1px 2px;
vertical-align:middle;
width:208px;
}

.attention{
	border:#FF0000 solid 1px;
	background:#FFFF99;
	padding:5px;
}


/* topinfo 3 */
/************************************************/
#topinfo3 {
	float: right;
	width: 250px;
}

.boxinfo3 {
	margin-top: 3px;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #E4E4E4;
	background-image: url(/_share/bg_boxinfo3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 3px;
	margin-bottom: 17px;
	margin-right: 0px;
	margin-left: 0px;
	width: 242px;
}

#topinfo3 .boxinfo3 h3 {
	padding:4px;
	margin: 0;
}

.boxinfo3 p {
	padding:3px;
}

.boxinfo3tic {
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #E4E4E4;
	background-image: url(/_share/bg_boxinfo3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 3px;
	margin-bottom: 17px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 0 3px 0;
	width: 250px;
}

.boxinfo3tic h3 {
	margin:0 0 8px 0;
}

.boxinfo3tic .sapporoD {
	padding: 10px;/*height:135px;*/
}

/*#topinfo3 > .boxinfo3tic .sapporoD {
	min-height:135px;
	height:auto;
}*/

.boxinfo3tic .tokyoD {
	padding: 10px;
	background:url(/_share/dotted_1px_x.gif) 0 0 repeat-x;/*height:135px;*/
}

/*#topinfo3 > .boxinfo3tic .tokyoD {
	min-height:135px;
	height:auto;
}
*/
.boxinfo3tic .sapporoD ul,
.boxinfo3tic .tokyoD ul {
	padding:0;
}

.boxinfo3tic .sapporoD ul li,
.boxinfo3tic .tokyoD ul li {
	padding:0 2px;
	width: 111px;
	display: block;
	float: left;
}

.boxinfo3tic .sapporoD ul li a,
.boxinfo3tic .tokyoD ul li a {
	background:url(/_share/icon/link.gif) 0 0.5em no-repeat;
	padding:2px 0 2px 13px;
	display: block;
}

.boxinfo3tic .ticketInfo {
	margin:10px 0 0 0;
	border:solid 2px #FF9900;
	padding:4px;
	font-size:92%;
}

.boxinfo3tic .ticketInfo h4 {
	margin:0 0 5px 0;
}

.boxinfo3tic .ticketInfo p {
	margin:0 0 2px 0;
	padding:0 5px 0;
}

.boxinfo3tic .ticketInfo a {
	padding:0 0 0 10px;
	background:url(/_share/icon/h_line.gif) 0 0.5em no-repeat;
}

/*08オフシーズン成績custam 2008.10.28*/

.standingsOff {font-size:92%;}
.standingsOff th{border-bottom:1px solid #666;font-weight:100;}
.standingsOff td{border-bottom:1px solid #ccc; padding:2px;}
.standingsOff .standingsNow td{background:#FFC;}

/************************************************/
/* ticket custam　2008/04/19*/

.topTicketCts{}

/* 08 LASTGAME*/
.topTicketCts #ticketSalesLast{
	border:1px solid #999;
	margin:0 auto 10px;
	width: 240px;
}
.topTicketCts #ticketSalesLast h4{
	border-bottom:1px solid #999;
}
.topTicketCts #ticketSalesLast table{
	background:#FFF;
}
.topTicketCts #ticketSalesLast table th{
	padding:5px 0 5px 5px;
	text-align:left;
	font-weight:100;
}
.topTicketCts #ticketSalesLast table td{
	padding:5px;
	text-align:center;
}
/* 08 LASTGAME END*/

.topTicketCts ul{
	padding:5px;
	width:240px;
	overflow: hidden;
}

.topTicketCts ul li{
	display:block;
}
.topTicketCts ul li a{
	background:url(/_share/icon/link.gif) 0 0.3em no-repeat;
	padding:0 0 0 10px;
	font-weight:800;
	display:block;
}

.topTicketCts ul li ul{
	padding:0;
	margin:4px 0 0;
	width:240px;
}

.topTicketCts ul li ul li {
	background:url(/_share/icon/link.gif) 0 0.3em no-repeat;
	display:block;
	float:left;
	font-size:92%;
	padding:0 0 0 10px;
	margin: 0 0 3px;
	width:110px;
}

.topTicketCts ul li ul li a{
	background:none;
	padding:0;
	color:#333;
	font-weight:100;
	display:inline;
}

.topTicketCts ul li ul li.notes {
	background:none;
	padding:0 0 0 10px;
	display:block;
	width:230px;
	float:left;
	font-size:92%;
	margin: 0 0 3px;
}
.topTicketCts ul li ul li.notes a{
	background:none;
	padding:0;
	color:#06C;
	font-weight:100;
	display:inline;
}

.topTicketCts div.tcFlash {
	padding:3px;}

/************************************************/
/* fieldclub custam　2008/06/13*/

#fieldclubBox .imgL10B{
	width:100px;
	height:75px;
}
#fieldclubBox .lboxR{
	clear:both;
}


/* other */
/************************************************/

.notice {
	border: 2px solid #EBEBEB;
	width: 660px;
	min-height: 40px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 5px 5px 65px;
	margin-bottom: 10px;
	margin-top: 8px;
	background-image: url(/img/notice.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.noticeTitle {
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 2px;
	padding-bottom: 3px;
}

.tdnIcon {
	padding: 6px 3px 3px;
	vertical-align: top;
}

.tdnDate {
	padding: 4px 3px 3px;
	color: #009900;
	vertical-align: top;
}

.tdnText {
	padding: 3px 3px 6px;
	line-height: 130%;
}

.tdhIcon {
	padding: 1px;
	vertical-align: top;
	width: 36px;
}

.tdBanner {
	padding: 0px 3px;
	vertical-align: top;
	width: 120px;
	margin-bottom: 3px;
}

.tdBannertext {
	padding: 0px 3px;
	vertical-align: top;
	width: 120px;
	margin-bottom: 3px;
	font-size: 92%;
	text-align: left;
}

.topLinkList li {
	background:url(/_share/icon/link.gif) no-repeat scroll 5px center;
	display:block;
	float:left;
	font-size:92%;
	padding:2px 0 2px 5px;
	width:102px;
}

.topLinkList li.narrower {
	width:58px;
}

.topLinkList li a {
	padding:0 0 0 10px;
}

/*---topInfo1レイアウト変更---*/

table#topTicketInfo p {margin-bottom:10px;}
table#topTicketInfo tr td.ticket01 {width:110px;}
table#topTicketInfo td.positionTicketTop{border-bottom:#CCCCCC 1px solid;}
table#topTicketInfo td.positionTicketTop span {
	font-weight:bold;
	font-size:11px;
	color:#000000;
	display:block;
	margin-left:5px;
	line-height:1.5;
	}
table#topTicketInfo td.paddingTop05 { padding-top:5px;}
table#topTicketInfo td.tableSpace{ height:5px;}

/*---topInfo1レイアウトバナー一つの時---*/

table#topTicketInfo2 p {margin-bottom:10px; font-size:12px;}
table#topTicketInfo2 tr td.ticket01 {width:110px;}
table#topTicketInfo2 td.positionTicketTop{border-bottom:#CCCCCC 1px solid; padding:5px 0;}
table#topTicketInfo2 td.positionTicketTop span {
	font-weight:bold;
	font-size:13px;
	color:#000000;
	display:block;
	margin-left:5px;
	line-height:1.5;
	}
table#topTicketInfo2 td.paddingTop05 { padding-top:5px;}
table#topTicketInfo2 td.tableSpace{ height:5px;}

/*---チケットtopInfo3---*/
table#topTicketInfo3 p {margin-bottom:2px; font-size:12px;}
table#topTicketInfo3 tr td.ticket01 {width:110px;}
table#topTicketInfo3 td.positionTicketTop{border-bottom:#CCCCCC 1px solid; padding:5px 0;}
table#topTicketInfo3 td.positionTicketTop span {
	font-weight:bold;
	font-size:13px;
	color:#000000;
	display:block;
	margin-left:5px;
	line-height:1.5;
	}
table#topTicketInfo3 td.paddingTop05 { padding-top:2px;}
table#topTicketInfo3 td.tableSpace{ height:5px;}


/*---topinfo1の時のチーム情報のスタイル---*/
#teamTopInfo1{
	}
#teamTopInfo1 ul.topLinkList li {
	width:90px;
	}

#teamTopInfo1 img {
	width:110px;
	margin-left:5px;
	}	

#teamTopInfo1 p.bandBlue{
	background:#003366;
	margin-bottom:3px;
	color:#FFFFFF;
	}

/************************************************/
/* ticketタブ化　2009/02/28*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

#rotate #tabsUl li{
	float:left;
	}

#rotate #tabsUl li a{
	background-image:url(/img/info3/tab_ticket.gif);
	background-repeat:no-repeat;
	display:block;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	}

#rotate #tabsUl li .sapporo{
	background-position:0 -26px;
	width:83px;
	}

#rotate #tabsUl li .tokyo{
	background-position:-83px -26px;
	width:83px;
	}

#rotate #tabsUl li .other{
	background-position:-166px -26px;
	width:84px;
	}

#rotate #tabsUl li.tabs-selected .sapporo{
	background-position:0 0;
	width:83px;
	}

#rotate #tabsUl li.tabs-selected .tokyo{
	background-position:-83px 0;
	width:83px;
	}

#rotate #tabsUl li.tabs-selected .other{
	background-position:-166px 0;
	width:84px;
	}
	
	
	
/* ticketタブ4つ化　2010/04/09*/
#rotate2 #tabsUl li{
	float:left;
	}

#rotate2 #tabsUl li a{
	background-image:url(/img/info3/tab_ticket2.gif);
	background-repeat:no-repeat;
	display:block;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	}

#rotate2 #tabsUl li .sapporo{
	background-position:0 -26px;
	width:62px;
	}

#rotate2 #tabsUl li .tokyo{
	background-position:-62px -26px;
	width:62px;
	}

#rotate2 #tabsUl li .other{
	background-position:-124px -26px;
	width:62px;
	}
	
#rotate2 #tabsUl li .eastern{
	background-position:-186px -26px;
	width:64px;
	}

#rotate2 #tabsUl li.tabs-selected .sapporo{
	background-position:0 0;
	width:62px;
	}

#rotate2 #tabsUl li.tabs-selected .tokyo{
	background-position:-62px 0;
	width:62px;
	}

#rotate2 #tabsUl li.tabs-selected .other{
	background-position:-124px 0;
	width:62px;
	}

#rotate2 #tabsUl li.tabs-selected .eastern{
	background-position:-186px 0;
	width:64px;
	}


.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabs-nav .tabs-disabled {
    opacity: .4;
}

*:first-child+html .tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}

/***************************************/
/* 広告バナースクロール */
#slideContentsWrap {
	height: 55px;
	margin:0 0 10px 0;
	position: relative;
	width: 492px;
}
#slideContents {
    display: block;
    height: 50px;
    overflow: hidden;
    position: absolute;
    width: 492px;
}

#slideContents li {
    height: 50px;
    left: -248px;
    position: absolute;
    width: 244px;
}