@charset "shift_jis";

/*----------------------------------------------------------
各種リーグ：INDEX
----------------------------------------------------------*/

/* 01: base
==========================================================*/
#header {
	height: 174px;
}

/* 02: lnav
==========================================================*/
.navCamp #lnav {
	background: url(/Championsleague/img/bg_lnav.jpg) left top no-repeat;
}
.navEuro #lnav {
	background: url(/europaleague/img/bg_lnav.jpg) left top no-repeat;
}
.navSerie #lnav {
	background: url(/SerieA/img/bg_lnav.jpg) left top no-repeat;
}
.navEng #lnav {
	background: url(/Premier/img/bg_lnav.jpg) left top no-repeat;
}


/* 02: pageTtl
==========================================================*/
#pageTtl {
	background: url(/common/img/bg_ttl_league.jpg) left bottom no-repeat #0E8CDD;
}
.navSerie #pageTtl p.ttlLogo,
.navEng #pageTtl p.ttlLogo {
	top: 21px;
}


/* 03: sectionA, sectionMain
==========================================================*/
#sectionMain,
#sectionA {
	clear: both;
	width: 440px;
	float: left;
}

/* mainPhoto ---------------------------------*/
#sectionMain #mainPhoto {
	border: 4px #202344 solid;
	margin-bottom: 10px;
}
#sectionMain #mainPhoto img {
	border: 1px #B3B4BF solid;
}

/* ticker -------------------------------------*/
#ticker {
	margin-bottom: 15px;
}

/* scheduleTab --------------------------------*/
#sectionA .box440 #scheduleTab {
	width: 420px;
	position: relative;
	z-index: 1;
}
#sectionA .box440 #scheduleTab ul {
	width: 420px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#sectionA .box440 #scheduleTab li {
	width: 210px;
	height: 25px;
	float: left;
}
#sectionA .box440 #scheduleTab #SD {
	width: 420px;
	margin-bottom: 5px;
	padding: 28px 0 0;
	background: url(/common/img/bg_tab_s.gif) left -30px no-repeat;
}
#sectionA .box440 #scheduleTab #SD .schedule {
	width: 400px;
	_width: 420px;
	padding: 8px 8px 0;
	border: #0184BF 2px solid;
	background: url(/common/img/bg_sd_s.jpg) left top repeat-x #DEECF2;
	margin-bottom: 10px;
}
#sectionA .box440 #scheduleTab #HD {
	width: 420px;
	margin-bottom: 5px;
	padding: 28px 0 0;
	background: url(/common/img/bg_tab_s.gif) left top no-repeat;
}
#sectionA .box440 #scheduleTab #HD .schedule {
	width: 400px;
	_width: 420px;
	padding: 8px 8px 0;
	border: #FF8C01 2px solid;
	background: url(/common/img/bg_hd_s.jpg) left top repeat-x #F8DDC6;
	margin-bottom: 10px;
}
#sectionA .btnSchedule {
	text-align: right;
	margin-bottom: 10px;
}

/*table幅：400px*/
#sectionA .box440 table .days { width: 120px; }
#sectionA .box440 table .card { width: 200px; }
#sectionA .box440 table .channel { width: 80px; }

/*table幅：400px*/
#sectionA .api table .days { width: 110px; }
#sectionA .api table .phaze { width: 40px; }
#sectionA .api table .card { width: auto; }
#sectionA .api table .channel { width: 60px; }

/* infomation ---------------------------------------*/
#infomation .program a  {
 background: url(/common/img/ico_program.gif) left top no-repeat;
 display: block;
 padding: 2px 0 5px 22px;
 margin-bottom: 0;
}

#infomation .box440 {
	_padding-bottom: 0;
}


/* 04: sectionB, sectionTopnews
==========================================================*/
#sectionTopnews,
#sectionB {
	width: 330px;
	float: right;
}

/* box ---------------------------------------*/
#sectionTopnews h2,
#sectionB h2 {
	clear: both;
}

/* news ---------------------------------------*/
/* ※ 共通部分はcommon.cssに記述 ※------------*/
#sectionTopnews .box330 ul#news {
	clear: both;
	width: 298px;
	_width: 312px;
	height: 205px;
	_height: 209px;
	overflow: auto;
	border: #CCCCCC 2px solid;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
}
#sectionTopnews .box330 ul#news li span,
#sectionTopnews .box330 ul#news .info a,
#sectionTopnews .box330 ul#news .program a,
#sectionTopnews .box330 ul#news .news a,
#sectionTopnews .box330 ul#news .blog a {
	padding: 5px 0 4px 30px;
	display: block;
}

#sectionTopnews .box330 p.plainTxt,
#sectionB .box330 p.plainTxt {
	padding: 0 0 10px 0;
}
#sectionTopnews .box330 p.infoTxt,
#sectionB .box330 p.infoTxt {
	float: right;
	width: 180px;
	padding: 0 0 10px 0;
}
#sectionTopnews .box330 p.btnDetails,
#sectionB .box330 p.btnDetails {
	text-align: right;
	float: right;
	width: 180px;
	padding: 0 0 10px 0;
}

/* imgPh --------------------------------------*/
#sectionB .box330 p.imgPh {
	float: left;
	width: 110px;
	padding: 0 0 10px 0;
}





/* 01: sectionC
==========================================================*/
#sectionC {
	clear: both;
	width: 790px;
}
#sectionC .box790 {
	width: 750px;
	_width: 790px;
	padding: 0 17px 8px;
}
#sectionC .box790 p {
	padding: 0 11px 10px 11px;
}
#sectionC .box790 #verSD {
	width: 372px;
	float: left;
	margin-bottom: 8px;
	background: url(/common/img/bg_verSD.gif) repeat-y;
}
#sectionC .box790 #verSD h3 {
	color: #242424;
	font-size: 128%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 10px 8px 40px;
	border-bottom: #C8D4D8 1px solid;
	background: url(/common/img/bg_ttl-verSD.gif) left top no-repeat;
}
#sectionC .box790 #verSD ul {
	padding: 0 11px 10px 11px;
}
#sectionC .box790 #verSD ul li {
	background: url(/common/img/ico_verSD.gif) 0 5px no-repeat;
	padding-left: 13px;
	line-height: 140%;
}
#sectionC .box790 #verSD p.btnDetails {
	text-align: right;
	padding: 0 11px 10px 0;
	background: url(/common/img/bg_btn-verSD.gif) left bottom no-repeat;
}
#sectionC .box790 #verHD {
	width: 372px;
	float: right;
	margin-bottom: 8px;
	background: url(/common/img/bg_verHD.gif) repeat-y;
}
#sectionC .box790 #verHD h3 {
	color: #242424;
	font-size: 128%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 10px 8px 40px;
	border-bottom: #CFD4C2 1px solid;
	background: url(/common/img/bg_ttl-verHD.gif) left top no-repeat;
}
#sectionC .box790 #verHD ul {
	padding: 0 11px 10px 11px;
}
#sectionC .box790 #verHD ul li {
	background: url(/common/img/ico_verHD.gif) 0 5px no-repeat;
	padding-left: 13px;
	line-height: 140%;
}
#sectionC .box790 #verHD p.btnDetails {
	text-align: right;
	padding: 0 11px 10px 0;
	background: url(/common/img/bg_btn-verHD.gif) left bottom no-repeat;
}


/* スカパー！サッカー最新ツイート！--------------------------------------*/

#twitter .box330 .clearfix {
	display: block;
}

#twitter dt {
	background:url(/common/img/img_twitter_leaguebg_top.gif) bottom left no-repeat;
}

#twitter dt span {
	display: block;
}
#twitter dt .t_icon {
	float:left;
	width:35px;
	margin:5px 0 0 0;
	padding:0 0 13px 0;
}
#twitter dt .t_name {
	float: right;
	width: 270px;
	_width: 275px;
	line-height:120%;
	padding: 8px 0 5px 5px;
}
#twitter dd {
	background:url(/common/img/img_twitter_leaguebg_bottom.gif) bottom left no-repeat;
	padding: 5px 9px 5px 7px;
	margin-bottom: 5px;
	word-break:break-all;
}

/* オフ企画用--------------------------------------*/
#allContents #sectionA .box440 dt {
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	background: url(/common/img/bg_sttl-program.gif) left top repeat-y #EBE6DC;	
}
#allContents #sectionA .box440 dd {
	margin-bottom:10px;
}
#allContents #sectionA .box440 dd img {
	margin-left:10px;
}	
