@charset "utf-8";
/*\*/
@import "reset.css";
@import "common201102.css";

/*現在のコンテンツを表示
===========================================================*/
#header h1 a,
#header h1 {
background-position:0 -200px;
}
/*=========================================================*/


/*Homeのみのページ設定(コンテンツ背景無し)
===========================================================*/

#container {
background:url(../img/common/sidebar_bg.gif) 745px 0 repeat-y;
}

#contents {
width:700px;
display:inline;
float:left;
text-align:left;
margin:0 0 15px 25px;
background:#fff;
}

#footer{
background:#7b2325 url(../img/common/footerbg.jpg) top no-repeat;
}


/*トップトピックス
===========================================================*/

#toptopics {
width:700px;
height:252px;
background:#2c0f12 url(../img/home/toptopicsbg.gif);
position:relative;
}

#toptopics img {
float:left;
margin:0 15px 0 0;
}

#toptopics h3 {
font-size:107%;
margin:10px;
}

#toptopics ul {
background:#2c0f12 url(../img/home/toptopicsbg.gif);
width:698px;
height:250px;
}

#toptopics ul li {
height:250px;
}



#toptopics a {
color:#fff;
text-decoration:none;
width:698px;
height:250px;
position:absolute;
top:1px;
left:1px;
}


#toptopics p {
margin:10px;
font-size:92%;
line-height:150%;
color:#dfd5d6;
}


#toptopics a:hover {
color:#c3b164;
background:url(../img/home/toptopics_button.gif) 600px 215px no-repeat;
}

#toptopics a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}

/*トップインフォ
===========================================================*/
#topinfo {
width:700px;
background:#232323 url(../img/home/topinfobg.gif) bottom no-repeat;
color:#ccc;
padding-bottom:5px;
}


#topinfo h2 {
height:28px;
}

#topinfo h2 a {
display:block;
height:28px;
text-indent:-9999px;
}

/*試合結果*/
#topinfo .result {
float:left;
margin-left:1px;
width:280px;
display:inline;
}

#topinfo .result h2 {
width:280px;
background:url(../img/home/topiinfotitle_result.gif) left no-repeat;
}

#topinfo .result .title {
padding:3px 0;
text-align:center;
font-size:85%;
background-color:#131313;
}

#topinfo .result .state {
padding:4px 0;
text-align:center;
color:#db7e0f;
background:#2e2e2e url(../img/home/topinfo_result_homeaway.gif) center no-repeat;
font-size:85%;
margin-bottom:3px;
}

#topinfo .result h2 a:hover {
background:url(../img/home/topinfo_more.gif) 240px center no-repeat;
}

#topinfo .result table {
color:ccc;
margin:0 15px;
}

#topinfo .result table a {
color:#ccc;
}

#topinfo .result table td {
padding:0 5px;
}

#topinfo .result .emblem_home {
width:50px;
}

#topinfo .result .point_home,
#topinfo .result .point_away {
width:25px;
font-size:189%;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#topinfo .result .point_center {
width:70px;
text-align:center;
}

#topinfo .result .team_home {
float:left;
padding:3px 0;
}

#topinfo .result .team_away {
float:right;
padding:3px 0;
}


/*次節*/
#topinfo .nextgame {
float:left;
margin-left:1px;
width:200px;
}

#topinfo .nextgame h2 {
width:200px;
background:url(../img/home/topiinfotitle_nextgame.gif) left no-repeat;
}

#topinfo .nextgame .team {
margin:5px;
text-align:center;
background:url(../img/home/toptopics_nextgame_vs.gif) 40px 20px no-repeat;
}

#topinfo .nextgame .team strong {
display:block;
margin-top:2px;
}

#topinfo .nextgame .team img {
vertical-align:middle;
margin:0 3px;
}

#topinfo .nextgame .team a {
color:#ccc;
}

#topinfo .nextgame .detail {
text-align:center;
line-height:130%;
font-size:85%;
}

#topinfo .nextgame .detail img {
margin-right:3px;
}

#topinfo .nextgame h2 a:hover {
background:url(../img/home/topinfo_more.gif) 160px center no-repeat;
}

/*ランキング*/
#topinfo .ranking {
float:left;
margin-left:1px;
width:216px;
color:#999;
}

#topinfo .ranking h2 {
width:216px;
background:url(../img/home/topiinfotitle_ranking.gif) left no-repeat;
}

#topinfo .ranking a {
color:#999;
}

#topinfo .ranking h2 a:hover {
background:url(../img/home/topinfo_more.gif) 175px center no-repeat;
}


#topinfo .ranking ul li {
padding:4px 7px 4px 8px;
}

#topinfo .ranking ul li a {
display:block;
padding-right:10px;
}

#topinfo .ranking ul li a span {
margin-right:7px;
}

#topinfo .ranking ul li.fcrank {
background-color:#2e2e2e;
color:#fff;
}

#topinfo .ranking ul li.fcrank a {
color:#fff;
}

#topinfo .ranking ul li.up a {
background:url(../img/home/topinfo_ranking_up.gif) right no-repeat;
}

#topinfo .ranking ul li.stay a {
background:url(../img/home/topinfo_ranking_stay.gif) right no-repeat;
}

#topinfo .ranking ul li.down a {
background:url(../img/home/topinfo_ranking_down.gif) right no-repeat;
}



/*ニュース
===========================================================*/
#news {
margin-top:15px;
background:url(../img/common/hr_y.gif) 210px 0 repeat-y;
}

#news h2 a {
width:200px;
height:25px;
background:url(../img/home/home_newstitle.gif) no-repeat;
text-indent:-9999px;
display:block;
margin-bottom:5px;
}

#news h2 a:hover {
background-position:0 -25px;
}

#news h3 {
font-size:114%;
margin:5px 0;
}

#news .photonews {
width:200px;
float:left;
display:inline;
}

#news .photonews dd {
line-height:150%;
}

#news .topnews {
width:480px;
float:right;
display:inline;
}

#news .topnews span {
font-size:85%;
color:#666;
margin-left:0.5em;
}

#news .topnews ul {
margin-right:15px;
}

#news .topnews ul li {
display:inline;

}

#news .topnews ul li a {
display:block;
padding:5px 2px;
margin-bottom:1px;
background:url(../img/common/hr_x.gif) bottom repeat-x;
}

#news .topnews ul li a:hover {
background-color:#f2efe1;
}

#news .topnews p {
line-height:150%;
background:url(../img/common/hr_x.gif) bottom repeat-x;
padding-bottom:5px;
}

#news .topnews dl {
margin-top:10px;
}

#news .topnews dl dd {
line-height:100%;
margin-bottom:7px;
}

#news .topnews dl dt {
width:50px;
height:13px;
font-size:10px;
display:block;
text-indent:-9999px;
float:left;
margin-right:5px;
}

.newssort1 {
background:url(../img/information/newssort1.gif) no-repeat;
}

.newssort2 {
background:url(../img/information/newssort2.gif) no-repeat;
}

.newssort3 {
background:url(../img/information/newssort3.gif) no-repeat;
}

.newssort4 {
background:url(../img/information/newssort4.gif) no-repeat;
}

.newssort5 {
background:url(../img/information/newssort5.gif) no-repeat;
}

.newssort6 {
background:url(../img/information/newssort6.gif) no-repeat;
}

.newssort7 {
background:url(../img/information/newssort7.gif) no-repeat;
}

.newssort8 {
background:url(../img/information/newssort8.gif) no-repeat;
}


/*ホーム下コンテンツ
===========================================================*/
.homebottom {
background:url(../img/home/homebottom_bg.gif) bottom no-repeat;
padding-bottom:3px;
margin-top:20px;
}

.in {
width:340px;
float:left;
display:inline;
}

.rightwin {
margin-left:20px;
}

.in h2 a,
.in h2 {
width:340px;
height:35px;
display:block;
text-indent:-9999px;
}

.topteam h2 a {
background:url(../img/home/homebottomtit_topteam.gif) no-repeat;
}

.event h2 a {
background:url(../img/home/homebottomtit_event.gif) no-repeat;
}

.youth h2 a {
background:url(../img/home/homebottomtit_youth.gif) no-repeat;
}

.blog h2 {
background:url(../img/home/homebottomtit_blog.gif) no-repeat;
}

.in h2 a:hover {
background-position:0 -35px;
}

.in dl {
margin:5px 15px;
}

.in ul {
margin:0 1px;
}

.in ul li {
border-top:1px #e2e2e2 solid;
}

.in ul li a {
display:block;
padding:8px 10px;
text-decoration:none;
/zoom:1;
}

.in ul li a:hover {
background-color:#f2efe1;
}

.in ul li span {
color:#666;
margin-right:5px;
}

.in ul li a:hover span {
text-decoration:none;
}


/*センターバナー
===========================================================*/
#spcenter {
background:url(../img/home/center_banner_bg.gif) no-repeat;
width:700px;
height:110px;
margin:15px 0 0 0;
clear: both;
}

#spcenter img {
margin:15px 0 0 15px;
}

#spcenter a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}

/*Clearfix
===========================================================*/
.homebottom:after,
#news:after,
#toptopics:after,
#topinfo:after,
.clearfix:after {
content:".";
height:0;
clear:both;
visibility:hidden;
display:block;
}

.homebottom,
#news,
#toptopics,
#topinfo,
.clearfixt {
display:inline-block;
}

/*\*/
* html .homebottom,
* html #news,
* html #toptopics,
* html #topinfo,
* html .clearfix {
height:1%;
}

.homebottom,
#news,
#toptopics,
#topinfo,
.clearfix {
display:block;
}