﻿@charset "utf-8";

/*----------------------------------------
		[1]:key_visual
-----------------------------------------*/
#key_visual {
	width:700px;
}
.key_visual_top {
	background:transparent url(/images/common/key_visual_top.png) no-repeat scroll left top;
	height:10px;
	margin:0 auto;
	width:700px;
}
#key_visual_area {
	width:680px;
	padding:0 10px;
	background:#FFFFFF;
}
#match_area {
	width:660px;
	padding:10px;
	background:#000000 url(/images/common/match_area_bg.gif) repeat scroll left top;
}
#match_area .match_date {
	background:url(/images/top/match_date_bg.gif) repeat scroll left top;
	height:20px;
	padding:5px 0 0 10px;
	margin:0 0 5px 0;
}
#match_area .match_date p {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	width:200px;
	float:left;
	padding:0;
	margin:0;
	line-height:1.0em;
}
#match_area .match_date p.link {
	margin:0 5px 0 0;
	padding:0;
	font-size:10px;
	width:100px;
	text-align:right;
	float:right;
}
#match_area .match_date p.link a {
	color:#FFFFFF;
}
#match_area .topics h3 {
	background:url(/images/top/topics_ttl_bg.gif) repeat scroll left top;
	height:16px;
	border:solid 1px #333333;
	color:#FFFF00;
	font-size:12px;
	font-weight:bold;
	padding:2px 0 0 10px;
	margin:0;
}
#match_area .topics .topics_txt {
	background:#666666 url(/images/top/topics_txt_bg.gif) repeat-x scroll left bottom;
	border-left:solid 1px #333333;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	color:#FFFFFF;
	font-size:12px;
	padding:5px 10px;
	margin:0 0 5px;
}

.match_box {
	background:url(/images/top/match/dot_side_match_box.gif) repeat-x 0 100%;
	margin-bottom:5px;
	padding-bottom:5px;
	width:660px;
}
.match_box .match_detail {
	background:url(/images/top/match_detail_bg.gif) repeat-x 0 100%;
	border:solid 1px #333333;
	margin:0;
	padding:5px;
	width:388px;
	height:68px;
	float:left;
}
.match_box .match_detail td.match_team_name {
	font-size:12px;
	font-weight:bold;
	color:#FFFF00;
}
.match_box .match_detail td.inning {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.match_box .match_detail td.score {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}
.match_box .bottun_area {
	width:250px;
	height:80px;
	float:right;
}
.match_box .bottun_area .live_btn {
	width:250px;
	margin:2px 0 9px;
	background-image:url(/images/top/match/live_btn_on.png);
	behavior: url(/js/iepngfix.htc);
}
.match_box .bottun_area .live_btn a {
	display:block;
	height:33px;
	background-image:url(/images/top/match/live_btn_on.png);
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/overflow:hidden;/**/
}
.match_box .bottun_area .live_btn a:hover {
	background-position:0 -33px;
}
.match_box .bottun_area .live_btn_off {
	display:block;
	width:250px;
	margin:2px 0 9px;
	height:33px;
	background-image:url(/images/top/match/live_btn_off.png);
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/overflow:hidden;/**/
}
.match_box .bottun_area .highlight_btn {
	width:119px;
	background-image:url(/images/top/match/highlight_btn_on.png);
	behavior: url(/js/iepngfix.htc);
	margin:0;
	float:left;
}
.match_box .bottun_area .highlight_btn a {
	display:block;
	background-image:url(/images/top/match/highlight_btn_on.png);
	height:27px;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/overflow:hidden;/**/
}
.match_box .bottun_area .highlight_btn a:hover {
	background-position:0 -27px;
}
.match_box .bottun_area .highlight_btn_off {
	display:block;
	background-image:url(/images/top/match/highlight_btn_off.png);
	width:119px;
	height:27px;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/overflow:hidden;/**/
	float:left;
}

.match_box .bottun_area .interview_btn {
	width:119px;
	background-image:url(/images/top/match/interview_btn_on.png);
	behavior: url(/js/iepngfix.htc);
	margin:0;
	float:right;
}
.match_box .bottun_area .interview_btn a {
	display:block;
	background-image:url(/images/top/match/interview_btn_on.png);
	height:27px;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/overflow:hidden;/**/
}
.match_box .bottun_area .interview_btn a:hover {
	background-position:0 -27px;
}
.match_box .bottun_area .interview_btn_off {
	display:block;
	background-image:url(/images/top/match/interview_btn_off.png);
	width:119px;
	height:27px;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/overflow:hidden;/**/
	float:right;
}

#match_area .no_game_box {
	background:#000000;
	border:1px solid #666666;
	padding:15px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0 0 10px;
}

/*----------------------------------------
		[2]:パ・リーグ ライブTVはここがすごい！
-----------------------------------------*/
#feature h2 {
	background:transparent url(/images/top/feature_ttl.png) no-repeat scroll left top;
	height:30px;
	width:700px;
	text-indent:-9999px;
	behavior: url(/js/iepngfix.htc);
}

/*----------------------------------------
		[3]:パ・リーグ動画ピックアップ
-----------------------------------------*/
#youtube h2 {
	background:transparent url(/images/top/youtube_ttl.png) no-repeat scroll left top;
	height:30px;
	width:700px;
	text-indent:-9999px;
	behavior: url(/js/iepngfix.htc);
}
.youtube_box {
	background:url(/images/common/dot_side.gif) repeat-x 0 100%;
	margin-bottom:10px;
	padding-bottom:10px;
	width:680px;
}
.youtube_box .movie_box {
	float:left;
	width:226px;
	background:url(/images/common/dot_length.gif) repeat-y 100% 0;
}
.youtube_box .movie_box_right {
	width:190px;
	background:none;
}
.youtube_box .movie_box .inner {
	background-color:#FFFFFF;
	text-align:center;
	width:190px;
	padding-left:20px;
}
.youtube_box .movie_box .inner .youtube_box_thumbnail {
	margin-bottom:3px;
	width:190px;
}
.youtube_box .movie_box .inner .youtube_box_thumbnail a img {
	border:solid 1px #0000CC;
}
.youtube_box .movie_box .inner .youtube_box_thumbnail a:hover img {
	border:solid 1px #0090FF;
}
.youtube_box .movie_box .inner .youtube_box_ttl {
	padding-bottom:5px;
	text-align:left;
	width:190px;
}
.youtube_box .movie_box .inner .youtube_box_ttl h4 {
	font-size:12px;
	font-weight:normal;
}
.youtube_box .movie_box .inner .youtube_box_ttl .date {
	font-size:10px;
	text-align:right;
	margin-top:10px;
}
/*----------------------------------------
		[4]:パ・リーグ球団情報
-----------------------------------------*/
#team_info h2 {
	background:transparent url(/images/top/team_info_ttl.png) no-repeat scroll left top;
	height:30px;
	width:700px;
	text-indent:-9999px;
	behavior: url(/js/iepngfix.htc);
}

.team_info_box {
	display:inline;
	width:220px;
	/*--height:140px;-*/
	float:left;
	margin:0 10px 10px 0;
}
.team_info_box_right {
	display:inline;
	width:220px;
	/*--height:140px;-*/
	float:left;
	margin:0 0 10px 0;
}
.team_info_area {
	border-left:1px solid #6B6B6B;
	border-right:1px solid #6B6B6B;
	border-bottom:1px solid #6B6B6B;
	padding:10px;
	width:198px;
	height:102px;
}
.team_logo {
	display:inline;
	float:left;
	margin:0 10px 0 0;
}
#team_info ul {
	width:100px;
	float:left;
}
#team_info ul li {
	width:100px;
	margin:0 0 0 15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
#team_info h3#fighters {
	background:transparent url(/images/top/team_info_fighters_ttl.gif) no-repeat scroll left top;
	height:24px;
	width:220px;
	text-indent:-9999px;
}
#team_info h3#eagles {
	background:transparent url(/images/top/team_info_eagles_ttl.gif) no-repeat scroll left top;
	height:24px;
	width:220px;
	text-indent:-9999px;
}
#team_info h3#hawks {
	background:transparent url(/images/top/team_info_hawks_ttl.gif) no-repeat scroll left top;
	height:24px;
	width:220px;
	text-indent:-9999px;
}
#team_info h3#lions {
	background:transparent url(/images/top/team_info_lions_ttl.gif) no-repeat scroll left top;
	height:24px;
	width:220px;
	text-indent:-9999px;
}
#team_info h3#marines {
	background:transparent url(/images/top/team_info_marines_ttl.gif) no-repeat scroll left top;
	height:24px;
	width:220px;
	text-indent:-9999px;
}
#team_info h3#buffaloes {
	background:transparent url(/images/top/team_info_buffaloes_ttl.gif) no-repeat scroll left top;
	height:24px;
	width:220px;
	text-indent:-9999px;
}



