@charset "UTF-8";

@import url("hawks_photonews.css");
@import url("hawks_player.css");
/* =====================================================================
	0.レイアウト
	1.タイトル
	2.ナビ
	3.共通デザイン
	3.個別デザイン
		3-1.フォトニュース
		3-2.試合速報
		3-3.試合日程
		3-4.秋山監督語録
		3-5.選手名鑑
		3-6.イニング情報
		3-7./nsp/ ホークスリンク
	5.下部レイアウト
===================================================================== */

/* =====================================================================
	0.レイアウト
===================================================================== */
#newsBox{
	float:left;
	width:355px;
	margin:0;
	padding:0;
}
#support{
	float:left;
	width:200px;
	margin:0 0 0 15px;
	padding:0;
}
#mainBox{
	float:right;
	width:435px;
	margin:0;
	padding:0;
}
#centerBox{
	float:left;
	width:250px;
	margin:0;
	padding:0;
}
#rightBox{
	float:right;
	width:170px;
	margin:0;
	padding:0;
}


/* =====================================================================
	1.タイトル
===================================================================== */
#title {
	clear:both;
	width:620px;
	height:80px;
	margin:5px 0;
	padding:0;
	text-align:right;
	background:url(hawks/title_bg.jpg) no-repeat top left;
}
#title h2{
	height:52px;
	margin:0;
	padding:0;
}
#title h2 a{
	display:block;
	margin:0;
	padding:0;
}
div.clear{
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}


/* =====================================================================
	2.ナビ
===================================================================== */
#navi{
	height:28px;
	clear:both;
	margin:0;
	padding:0;
	/*background:url(hawks/navi_bg.gif) no-repeat top left;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#navi ul{
	height:28px;
	margin:0 0 0 120px;
	padding:0;
}
#navi ul li{
	float:left;
	height:28px;
	margin:0;
	padding:0;
	color:#000;
	font-size:12px;
	line-height:28px;
	list-style:none;
	border-left:1px solid #333;
}
#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited,
#navi ul li a:active {
	display:block;
	margin:0;
	padding:0 5px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	background:#000 url(hawks/navi0.gif);
}
#navi ul li a:hover {
	color:#FFCC00;
	text-decoration:none;
	background:#000 url(hawks/navi.gif);
}

/* =====================================================================
	5.共通デザイン
===================================================================== */
.sat{
	color:#00f;
}
.sun{
	color:#f00;
}

.syuku{
	color:#f00;
}

div.box{
	clear:both;
	width:auto;
	margin:0 0 10px 0;
	padding:0;
}
div.box h3{
	height:25px;
	padding:5px 0 0 5px;
	color:#fff;
	font-size:14px;
	line-height:25px;
	background:url(hawks/h3_bg.gif) repeat-x;
}
div.box h3 img{
	height:25px;
	margin:0;
	padding:0;
	border:0;
}
div.box ul.box_list{
	margin:0;
	padding:5px 0 0 5px;
}
div.box ul.box_list li {
	margin:0 0 4px 0;
	padding:0 0 0 12px;
	list-style:none;
	background:url(hawks/list.gif) no-repeat top left;
}
div.box ul.box_list li a,
div.box ul.box_list li a:link,
div.box ul.box_list li a:visited,
div.box ul.box_list li a:active { color:#222; text-decoration:none;}
div.box ul.box_list li a:hover { color:#FF6666; text-decoration: underline;}

div.box p.ichiran{
	clear:both;
	margin:0;
	padding:0.5em 0 0 5px;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div.box p.ichiran a,
div.box p.ichiran a:link,
div.box p.ichiran a:visited,
div.box p.ichiran a:active { color: #FF9900; text-decoration:none;}
div.box p.ichiran a:hover { color: #FF6600; text-decoration: underline;}


/* =====================================================================
　3.トップニュース
===================================================================== */

/* 3-1.フォトニュース
---------------------------------------------------------------- */
#photonewsBox{
	float:left;
	width:170px;
	margin:0;
	padding:0;
}
#topic_img_hawks{
	height:1034px;
	width:180px;
	overflow:hidden;
}
#photonewsBox .img_box_hawks{
	width:158px;
	height:190px;
	margin: 5px 0;
	padding:5px;
	text-align:center;
	background: url(/common/css/news/box_back02.gif) repeat-x;
	border:1px solid #b8c0c8;
	overflow:hidden;
}
.img_box_hawks img {
    margin-top:5px;
}
.img_box_hawks .caption {
	margin-top:5px;
	font-size:90%;
	line-height:1.2;
	text-align:center;
}
#photonewsBox a,
#photonewsBox a:link,
#photonewsBox a:visited,
#photonewsBox a:active { color: #222; text-decoration:none;}
#photonewsBox a:hover { color: #FF6666; text-decoration: underline;}


/* 3-2.試合速報
---------------------------------------------------------------- */
div.score {
	float:left;
	width:250px;
	margin:0;
	padding:0;
}
div.score h4 {
	margin-bottom:3px;
	color: #222;
	font-size: 14px;
}
div.score table {
	width: 250px;
	color: #222;
	line-height:1;
	border:0;
}
div.score table td {
	width: 120px;
	font-size: 14px;
	border:0;
}
div.score table td.first {
	padding:3px;
	text-align: right;
	background-color: #eee;
}
div.score table td.bottom {
	padding:3px;
	text-align: left;
	background-color: #eee;
}
div.score table td.score {
	color: #FF6600;
	font-family: Trebuchet MS, Osaka, sans-serif, Times, serif, Times New Roman;
	font-size:22px;
	font-weight: bold;
	text-align: center;
}
div.score p {
	color: #FF6600;
	font-size: 12px;
	text-align: center;
}

/* 3-3.試合日程
---------------------------------------------------------------- */
div.box ul.day{
	float:left;
	margin:0;
	padding:0;
}
div.box ul.day li {
	width:40px;
	height:32px;
	margin:2px 0 0 0;
	padding:0;
	font-size:12px;
	text-align:center;
	line-height:16px;
	list-style:none;
	background-color:#FFFFCC;
	border:1px solid #ccc;
}
div.box ul.day li a,
div.box ul.day li a:link,
div.box ul.day li a:visited,
div.box ul.day li a:active { color:#222; text-decoration:none;}
div.box ul.day li a:hover { color:#FF6666; text-decoration: underline;}

div.box ul.game{
	float:right;
	margin:0;
	padding:0;
}
div.box ul.game li {
	width:125px;
	height:32px;
	margin:2px 0 0 0;
	padding:0;
	font-size:12px;
	text-align:center;
	line-height:16px;
	list-style:none;
	border:1px solid #ccc;
}
div.box ul.game li a,
div.box ul.game li a:link,
div.box ul.game li a:visited,
div.box ul.game li a:active { color:#222; text-decoration:none;}
div.box ul.game li a:hover { color:#FF6666; text-decoration: underline;}

/* 3-4.秋山監督語録
---------------------------------------------------------------- */
div.box ul.goroku{
	width:130px;
	height:100px;
	margin:0;
	padding:15px 13px 5px 107px;
	background:url(hawks/goroku_bg.jpg) no-repeat top center;
}
div.box ul.goroku li {
	margin:0 0 4px 0;
	padding:0;
	list-style:none;
}
div.box ul.goroku li a,
div.box ul.goroku li a:link,
div.box ul.goroku li a:visited,
div.box ul.goroku li a:active { color:#222; text-decoration:none;}
div.box ul.goroku li a:hover { color:#FF6666; text-decoration: underline;}

div.box ul.goroku li.g_ichiran{
	margin:0;
	padding:0.5em 0 0 0;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div.box ul.goroku li.g_ichiran a,
div.box ul.goroku li.g_ichiran a:link,
div.box ul.goroku li.g_ichiran a:visited,
div.box ul.goroku li.g_ichiran a:active { color: #FF9900; text-decoration:none;}
div.box ul.goroku li.g_ichiran a:hover { color: #FF6600; text-decoration: underline;}

/* 3-5.選手名鑑
---------------------------------------------------------------- */
#player_list{
	float:left;
	width:240px;
	margin:0 0 10px 0;
	padding:0;
}
#player_list h4{
	margin:0;
	padding:5px;
	font-size:105%;
	border-left:5px solid #FFCC33;
	border-bottom:1px solid #FFCC33;
}
#player_list ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
}
#player_list li {
	display:inline;
	float:left;
	margin:0 5px;
	padding:0;
	list-style:none;
	background-color:#eee;
}
#player_list li img{
	margin:0;
	padding:0 10px 5px 10px;
	width:78px;
	height:90px;
}
#player_list li a{
	display:block;
	width:98px;
	padding:5px;
	color:#222;
	text-decoration:none;
	border:1px solid #eee;
}
#player_list li a:hover {
	color:#222;
	text-decoration: none;
	border:1px solid #FF9900;
}
#player_search{
	float:right;
	width:180px;
	margin:0;
	padding:0;
}
#player_search h4{
	margin:0 0 5px 0;
	padding:5px;
	font-size:105%;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	background-color:#FFCC33;
}
#player_search table{
	width:180px;
	margin:0;
	padding:0;
	border-collapse: collapse;
}
#player_search th{
	margin:0;
	padding:2px 0;
}
#player_search td{
	margin:0;
	padding:2px 0;
	border:0;
	line-height:1.5;
}
.textArea{
	width:170px;
	padding:2px;
	border:1px solid #ccc;
}
#player_search .btn2{
	margin:3px auto 0 auto;
}

/* 3-6.イニング情報
---------------------------------------------------------------- */
#top-ining {
	background: transparent url(hawks/dot.gif);
	margin:0;
	padding:4px;
	border:1px solid #FFCC00;
}
#top-ining h5{
	margin:0;
	padding:0 0 5px 0;
	color:#FFFFFF;
	font-size:105%;
}
#top-ining p{
	margin:0;
	padding:5px 0 0 0;
	color:#FFFFFF;
	font-size:12px;
}
#top-ining #bottun-reload {
	width: 121px;
	margin:0;
	padding: 2px 2px 0 0;
}
#top-ining table {
	width: 345px;
	margin:0;
	padding:0;
	border-collapse: collapse;
}
#top-ining table tr.number td {
	width: 24px;
	padding:0 0 5px;
	border-bottom: 2px solid #fc0;
	text-align: center;
}
#top-ining table tr.number td.corner {
	width: auto;
}
#top-ining table tr.top th ,
#top-ining table tr.end th {
	padding:3px 0 3px 2px;
	color: #fc0;
	font-size:14px;
	line-height: 1.2;
	text-align:center;
}
#top-ining table tr.top td ,
#top-ining table tr.end td {
	color: #fc0;
	font-family: Trebuchet MS, Osaka, sans-serif, Times, serif, Times New Roman;
	font-size:17px;
	font-weight: bold;
	text-align: center;
}
#top-ining table tr.end th ,
#top-ining table tr.end td {
	border-bottom: 2px solid #fc0;
}
#top-ining table tr.top td a ,
#top-ining table tr.end td a {
	color: #fc0;
	font-family: Trebuchet MS, Osaka, sans-serif, Times, serif, Times New Roman;
	text-decoration: none;
}

/* 3-7./nsp/ ホークスリンク
---------------------------------------------------------------- */
div#hawks_title_box{
	width:620px;
	height:120px;
	margin:10px 0px;
}
div#hawks_title_box h3 {
	height:58px;
}
div.hawks_title_link ul{
	/*float:left;*/
	list-style: none;
}
div.hawks_title_link ul li{
	float:left;
	width:96px;
	height:23px;
	display:inline;
	margin:5px 6px 0px 6px;
	padding:0;
	list-style: none;
	text-align:center;
}
div.hawks_title_link ul li a{
	display:block;
	background:url(/common/img/hawks_b_up.gif) no-repeat center top;
	width:96px;
	height:19px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	padding:4px 0px 0px 0px;
}
div.hawks_title_link ul li a:hover{
	background:url(/common/img/hawks_b_on.gif) no-repeat center top;
	color:#FFFFFF;
	text-align:center;
}
#hawks_title_contents{
	height:62px;
	background:url(/common/img/hawks120_02.jpg);
}
#hawks_title_contents .hawks_title_link{
	width:432px;
	margin-left:85px
}