@charset "utf-8";
@import url("base.css");





/* ---------- headLine ---------- */

#headLine {
	width:950px;
	padding:8px 0 27px;
	float:left;
	font-size:75%;
	line-height:1.5em;
}

#headLine dt {
	padding:0 11px 0 20px;
	float:left;
}

#headLine dd {
	padding:1px 0 0;
	float:left;
	color:#FFCC00;
}

#headLine dd a {
	color:#FFCC00;
	text-decoration:none;
}





/* ---------- left common ---------- */

#left {
	width:205px;
	float:left;
	padding:0 0 20px;
	margin:0 15px 0 20px;
	display:inline;
}

#left .ttl {	
	width:185px;
	margin:20px 0 0;
	padding:4px 0 13px 20px;
	float:left;
	font-size:85%;
	line-height:1.5em;
	background:url(../../../image/top/bg_ttl_s.gif) left top no-repeat;
	display:inline;
}

* html #left .ttl {	
	width:205px;
}

.nttl {
	padding:8px 0 41px 13px;
	margin:0 0 -39px;
	background:url(../../../image/top/bg_nttl.gif) left top no-repeat;
}





/* ---------- schedule ---------- */

#left #schedule {
	width:205px;
	margin:0 0 15px;
	float:left;
	display:inline;
	background:url(../../../image/top/bg_bot.gif) left bottom no-repeat;
}

#left #schedule div {
	width:205px;
	float:left;
}





/* ---------- game ---------- */

#left #game dl {
	font-size:65%;
	line-height:1.2em;
	padding:0 0 10px 14px;
}

#left #game dt {
	float:left;
}

#left #game dd {
	padding:3px 0 5px 40px;
}

#left #game p {
	background:url(../../../image/top/bg_game.gif) left bottom no-repeat;
	padding:0 0 25px 14px;
}

#left .tokushima {
	background:url(../../../image/team/bg_tokushima02.gif) right bottom no-repeat;
}

#left .kochi {
	background:url(../../../image/team/bg_kochi02.gif) right bottom no-repeat;
}

#left .nagasaki {
	background:url(../../../image/team/bg_nagasaki02.gif) right bottom no-repeat;
}

#left .ehime {
	background:url(../../../image/team/bg_ehime02.gif) right bottom no-repeat;
}

#left .kagawa {
	background:url(../../../image/team/bg_tokushima02.gif) right bottom no-repeat;
}





/* ---------- today ---------- */

#left #today .date {
	width:35px;
	padding:1px 0 2px;
	margin:0 14px 15px;
	float:left;
	display:inline;
	background:url(../../../image/top/bg_date.gif) left top no-repeat;
	text-align:center;
}

#left #today .date li {
	width:35px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.0em;
}

#left #today .date .dd {
	font-size:18px;
	line-height:1.0em;
	padding:4px 0 3px;
	color:#204526;
	font-weight:bold;
}

#left #today .schedule {
	width:134px;
	float:left;
	padding:0 0 8px;
	font-size:65%;
	line-height:1.3em;
}

#left #today .schedule li {
	padding:0 0 0 10px;
	margin:0 0 3px;
	background:url(../../../image/common/bg_arr03.gif) left 5px no-repeat;
}

#left #today p {
	padding:0 0 10px 13px;
	float:left;
}





/* ---------- ranking ---------- */

#ranking {
	width:205px;
	padding:0 0 10px;
	float:left;
	background:url(../../../image/top/bg_bot.gif) left bottom no-repeat;
	position:relative;
}

#ranking h4 {
	position:absolute;
	font-size:65%;
	line-height:1.2em;
	font-weight:normal;
	right: 15px;
	top: 19px;
}

#ranking table {
	border-top:#666666 1px solid;
	font-size:65%;
	line-height:1.2em;
	margin:0 13px;
}

#ranking table th,
#ranking table td {
	border-bottom:#666666 1px solid;
	text-align:center;
	padding:1px 0;
	font-weight:normal;
}

#ranking table .guyners {
	background:#10260C;
}





/* ---------- other ---------- */

#left #other {
	width:205px;
	padding:0 0 5px;
	float:left;
	font-size:75%;
	line-height:1.5em;
}

#left #other li {
	margin:0 5px 6px;
	padding:0 0 6px 20px;
	background:url(../../../image/common/bg_arr01.gif) 5px 5px no-repeat;
	border-bottom:#555555 1px dotted;
	font-weight:bold;
}





/* ---------- magazine ---------- */

#left #magazine {
	width:195px;
	margin:0 5px;
	float:left;
	display:inline;
}

#left #magazine p {
	padding-bottom:10px;
}





/* ---------- banner ---------- */

#left .banner {
	width:205px;
	padding:0 0 5px;
	float:left;
}

#left .banner li {
	padding:0 5px 5px;
	float:left;
}





/* ---------- center common ---------- */

#center {
	width:550px;
	float:left;
	margin:0 15px 0 0;
	padding:0 0 20px;
	display:inline;
}

#center .conBox {
	width:550px;
	float:left;
}

#center .conBox h3 {	
	width:530px;
	margin:20px 0 10px;
	padding:4px 0 3px 20px;
	float:left;
	display:inline;
	font-size:85%;
	line-height:1.5em;
	background:url(../../../image/top/bg_ttl_l.gif) left top no-repeat;
}

* html #center .conBox h3 {	
	width:550px;
}

#center .conBox .rss {	
	width:468px;
}

* html #center .conBox .rss {	
	width:488px;
}

#center .conBox .btn {
	float:left;
	padding:20px 0 0;
}

#center .conBox dl {
	width:540px;
	margin:0 5px 5px;
	float:left;
	display:inline;
	font-size:75%;
	line-height:1.5em;
}

#center .conBox dt {
	float:left;
	color:#CAB70B;
	font-weight:bold;
	margin:0 0 0 10px;
}

#center .conBox dd {
	padding:0 0 6px 100px;
	margin:0 0 6px;
	border-bottom:#555555 1px dotted;
}





/* ---------- news ---------- */

#center #news dt {
	float:left;
	color:#CAB70B;
	padding:0 0 0 60px;
	margin:0;
	font-weight:bold;
}

#center #news dd {
	padding:0 0 6px 145px;
}

#center #news .iNew {
	background:url(../../../image/top/ic_news.gif) 5px 4px no-repeat;
}

#center #news .iPre {
	background:url(../../../image/top/ic_press.gif) 5px 4px no-repeat;
}

#center #news .iEve {
	background:url(../../../image/top/ic_event.gif) 5px 4px no-repeat;
}

#center #news .iPla {
	background:url(../../../image/top/ic_player.gif) 5px 4px no-repeat;
}

#center #news .iGoo {
	background:url(../../../image/top/ic_goods.gif) 5px 4px no-repeat;
}

#center #news .iMed {
	background:url(../../../image/top/ic_media.gif) 5px 4px no-repeat;
}

#center #news .iRep {
	background:url(../../../image/top/ic_report.gif) 5px 4px no-repeat;
}

#center #news .iDra {
	background:url(../../../image/top/ic_draft.gif) 5px 4px no-repeat;
}

#center #news .iRes {
	background:url(../../../image/top/ic_result.gif) 5px 4px no-repeat;
}

#center #news .iOth {
	background:url(../../../image/top/ic_other.gif) 5px 4px no-repeat;
}

#center #news .iTea {
	background:url(../../../image/top/ic_team.gif) 5px 4px no-repeat;
}





/* ---------- flash ---------- */

#center #flash {
	width:550px;
	margin:0 0 15px;
	float:right;
	display:inline;
}

#center #flash h3 {
	font-size:85%;
	line-height:1.5em;
	margin:5px 0 5px;
}

#center #flash h4 {
	font-size:75%;
	line-height:1.5em;
	margin:0 0 25px;
}





/* ---------- score ---------- */

#center #score {
	width:550px;
	float:left;
	background:url(../../../image/top/bg_score.gif) left bottom no-repeat;
	position:relative;
}

#center #score h3 {
	background:url(../../../image/top/bg_sttl.gif) left top no-repeat;
}

#center #score h4 {
	position:absolute;
	color:#FFCC00;
	font-size:75%;
	line-height:1.5em;
	right: 15px;
	top: 15px;
}

#center #score table {
	margin:0 13px 10px;
	border-left:#666666 1px solid;
	border-top:#666666 1px solid;
}

#center #score table th,
#center #score table td {
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	text-align:center;
	vertical-align:middle;
	font-size:75%;
	line-height:1.5em;
}

#center #score table .round {
	font-size:65%;
	line-height:1.5em;
	width:29px;
}

#center #score .note {
	width:370px;
	float:left;
	margin:0 0 0 15px;
	display:inline;
}

#center #score .fRight {
	padding:5px 13px 0 15px;
}





/* ---------- week ---------- */

.week {
	width:539px;
	margin:0 5px 10px;
	float:left;
	display:inline;
	border-left:#555555 1px solid;
}

* html .week {
	width:540px;
}

.week li {
	width:76px;
	float:left;
	border:#555555 1px solid;
	border-left:none;
	text-align:center;
}

* html .week li {
	width:77px;
}

.week li h4 {
	margin:0 0 7px;
	padding:6px 0 4px;
	font-size:75%;
	line-height:1.5em;
	color:#CAB70B;
	background:url(../../../image/top/bg_th.gif) left bottom repeat-x;
}

.week li h5 {
	color:#CAB70B;
	font-size:65%;
	line-height:1.2em;
	font-weight:normal;
	padding:54px 0 3px;
}

.week li p {
	font-size:65%;
	line-height:1.2em;
	padding:0 0 7px;
}

.week li .kochi {
	background:url(../../../image/team/bg_kochi01.gif) center top no-repeat;
}

.week li .tokushima {
	background:url(../../../image/team/bg_tokushima01.gif) center top no-repeat;
}

.week li .ehime {
	background:url(../../../image/team/bg_ehime01.gif) center top no-repeat;
}

.week li .kagawa {
	background:url(../../../image/team/bg_kagawa01.gif) center top no-repeat;
}

.week li .nagasaki {
	background:url(../../../image/team/bg_nagasaki01.gif) center top no-repeat;
}





/* ---------- right ---------- */

#right {
	width:166px;
	float:left;
}

#right .mttl {	
	width:146px;
	padding:5px 0 13px 20px;
	float:left;
	font-size:75%;
	line-height:1.5em;
	background:url(../../../image/top/bg_right.gif) left top no-repeat;
}

* html #right .mttl {	
	width:166px;
}

#right ul {
	width:166px;
	float:right;
	padding:0 0 25px;
}

#right li {
	float:left;
	margin:0 0 1px 1px;
	display:inline;
}
