@charset "utf-8";
/*========================================================
Site Name   :: ひかりＴＶ SOCCER
Site URL    :: http://soccer.hikaritv.net
Description :: サッカーマガジン連動企画 CSS
Author      :: by ひかりＴＶ SOCCER - N.j.U
Last Up Date:: 2008-06-04
========================================================*/

/*
===== 0: NAVIGATION ==========================================
*/

#container{
  width: 100%;
  margin: 0;
  padding: 0;
}

#header{
  margin: 0 auto;
}

#main{
  width: 100%;
  height: 500px;
  border-top: 2px #00c3ff solid;
  border-bottom: 2px #00c3ff solid;
  border-top: #0099ff 5px solid;
  border-bottom: #0099ff 5px solid;
  background: url(/magazine/img/top.jpg) top left;
  background-repeat: no-repeat;
}

#contentNavi {
  width: 180px;
  margin: 0 auto 0 auto;
  background-image: url(/img/web/nav_web.gif);
  background-repeat: no-repeat;
}

#contentMain h2 {
  color: #fff;
  font-size: 16px;
  border-bottom: #666 dashed 2px;
}

#contentMenu h2 {
  width: 180px;
  height: 47px;
  background-image: url(/img/web/nav_web_header.gif);
  background-repeat: no-repeat;
  position: relative;
}

#contentMenu h2 a {
  width: 180px;
  height: 47px;
  display: block;
  position: absolute;
  background-image: url(/img/web/nav_web_header.gif);
  background-repeat: no-repeat;
}

#contentMenu h2 a:hover {
  width: 180px;
  height: 47px;
  display: block;
  position: absolute;
  background-image: url(/img/web/nav_web_header.gif);
  background-position: -180px 0;
  background-repeat: no-repeat;
}

#contentMain {
  width: 900px;
  height: 500px;
  margin: 0 auto;
  float: none;

}

#mainBlockLeft,
#mainBlockCenter,
#mainBlockRight{
  float: left;
  display: inline;
}

#mainBlockCenter{
  width:320px;
  margin: 50px 0 0 10px;
}

#contentMainBoxTop{
  margin: 0 0 10px 0;
}

#contentMainBoxMiddle{
  text-align: center;
  margin: 0 auto 10px auto;
}

#contentMainBoxBottom{
  font-size: 11px;
  color: #000;
  text-align: center;
  margin: 10px 10px 20px 10px;
  border: 1px solid #f8b910;
  background-color: #fcd465;
  padding: 3px 0 0 0;
}

/*
===== 0: PAGE TITLE ==========================================
*/


/*サブコンテンツメイン領域枠線*/
#contentBody{
  margin: 0 0 0 120px;
  padding: 0;
  float: left;
  display: inline;
  width: 500px;
}

* html #contentBody{
  margin: 0 0 0 80px;
}

#paper{
  margin: 31px 0 0 0;
  float: right;
  display: inline;
  width: 250px;
}

#breadcrumbs{
  margin: 0 0 0 50px;
}

/*H3タイトル*/
.RankingArea h3,
.rankingBoxPersonalArea h3 {
  min-height: 24px;
  padding: 5px 0 0 30px;
  margin: 0 0 5px 0;
  background: url(/img/web/h3_title.gif) no-repeat;
  background-color: #000;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
}

.entry_bar{
  margin: 0 0 5px 0;
}


#contentMainBoxMiddle form{
  text-align: center;
}

#entery_area{
  margin: 200px 0 0 20px;
}

#entery_form{
  padding: 10px;
  border-left:5px solid #186aa9;
  border-bottom:5px solid #186aa9;
  border-right:5px solid #186aa9;
  background: url(../img/password_bg.gif) repeat;
  color: #000;
}

.msbox{
  border: 2px solid #ccc;
  margin: 10px 0 0 0;
  padding: 10px 5px  10px 60px;
  background: url(../img/pass_bg.jpg) no-repeat 5px center;
  background-color: #fff;
}

#entery_form_bottom {
  width: 300px;
  margin: 0 auto;
  padding: 0;
}

.pass_form{
  width: 300px;
  height: 30px;
  font-size: 24px;
  float: left;
  display: inline;
}

.pass_button{
  width: 140px;
  height: 35px;
  margin: 0;
  padding: 0;
  float: right;
  display: inline;
  background-color: #eee;
}

/*==============================================
 パスワード入力タブ設定 
==============================================*/
#tab {
  margin: 0;
  padding: 0;
  height: 37px;
  overflow: hidden;
  color: #000;
}

#tab li {
  width: 240px;
  float: left;
  display: inline;
  height: 37px;
  line-height: 3.0;
  text-decoration: none;
  background: url(../img/tab_bg_hover.gif) repeat-x;
  background-color: #fff;
  color: #000;
  border-top:5px solid #186aa9;
}

#tab li a {
  width: 240px;
  display: block;
  height: 37px;
  text-align: center;
  text-decoration: underline;
  color: #000;
}

#tab li.present a {
  text-decoration: none;
  background-color: #efefef;
  color: #000;
}

#tab .tabend{
  border-right: solid 1px #ccc;
}

#tab li a:hover {
  text-decoration: underline;
  color: #000;
}

#tab li.present a{
  background: url(../img/tab_bg.gif) repeat-x;
  background-color: #186aa9;
  color: #eee;
  font-weight: bold;
  border-bottom:1px solid #fff;
}

#tab li.present p{
  width: 240px;
  display: block;
  height: 37px;
  text-align: center;
  background: url(../img/tab_bg.gif) repeat-x;
  background-color: #186aa9;
  color: #eee;
  font-weight: bold;
  line-height: 3.0;
}


/*========================================
PR AREA 
========================================*/

#pr_area{
  float: right;
  text-align: right;
  margin: 20px 0 0 0;
}

#soccermagazine_img{
  text-align: right;
}

#soccermagazine_img img{
  width: 256px;
  margin: 0 5px 5px 5px;
  padding: 5px;
  border: #666 solid 1px;
  background-color: #000;
}

#banner{
  width: 600px;
  margin: 10px 0 0 0;
}

/*========================================
Archive AREA 
========================================*/

.archiveArea {
  position: relative;
  margin: 0 auto;
  padding: 10px 10px;
}

.archiveArea ul {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}

.archiveArea ul li{
  float: left;
  border: 1px solid #333;
  margin: 0.3em 1em 0.3em 0;
}

.archiveArea ul li a,
.archiveArea ul li span {
  display: block;
  width: 2.3em;
  background-color: #000;
  border: 1px solid #000;
  text-decoration: none;
  padding: 5px 0;
  text-align: center;
}

.archiveArea ul li span {
  color: #333;
}

.gameNo1 .archiveArea .game1 a,
.gameNo2 .archiveArea .game2 a,
.gameNo3 .archiveArea .game3 a,
.gameNo4 .archiveArea .game4 a,
.gameNo5 .archiveArea .game5 a,
.gameNo6 .archiveArea .game6 a,
.gameNo7 .archiveArea .game7 a,
.gameNo8 .archiveArea .game8 a,
.gameNo9 .archiveArea .game9 a,
.gameNo10 .archiveArea .game10 a,
.gameNo11 .archiveArea .game11 a,
.gameNo12 .archiveArea .game12 a,
.gameNo13 .archiveArea .game13 a,
.gameNo14 .archiveArea .game14 a,
.gameNo15 .archiveArea .game15 a,
.gameNo16 .archiveArea .game16 a,
.gameNo17 .archiveArea .game17 a,
.gameNo18 .archiveArea .game18 a,
.gameNo19 .archiveArea .game19 a,
.gameNo20 .archiveArea .game20 a,
.gameNo21 .archiveArea .game21 a,
.gameNo22 .archiveArea .game22 a,
.gameNo23 .archiveArea .game23 a,
.gameNo24 .archiveArea .game24 a,
.gameNo25 .archiveArea .game25 a,
.gameNo26 .archiveArea .game26 a,
.gameNo27 .archiveArea .game27 a,
.gameNo28 .archiveArea .game28 a,
.gameNo29 .archiveArea .game29 a,
.gameNo30 .archiveArea .game30 a,
.gameNo31 .archiveArea .game31 a,
.gameNo32 .archiveArea .game32 a,
.gameNo33 .archiveArea .game33 a,
.gameNo34 .archiveArea .game34 a {
  background-color: #0099ff;
  border: 1px solid #000;
  color: #fff;
}


/*========================================
RANKING
========================================*/

.RankingArea{
  width: 1000px;
  margin: 0 auto;
}

.rankingbox_left{
  float: left;
  width: 180px;
  margin: 0 5px 0 0;
  text-align: center;
}

.rankingbox_right{
  float: left;
  display: inline;
  width: 175px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.rankingBoxPersonalArea,
.rankingBoxPersonal{
  float: left;
  display: inline;
}

.rankingBoxPersonalArea{
  width:630px;
  margin: 0 5px 0 0;
}

.rankingBoxPersonal{
  margin: 0 3px 10px 0;
}

.rankingBoxTeam{
  float: left;
  margin: 0 2px 5px 0;
}

.rankingbox_right li{
  margin: 0 0 10px 0;
}

.rankingBoxs{
  margin: 0 0 20px 0;
}

/*========================================
PickupContetsArea
========================================*/

.SpecialContentsArea{
  width: 100%;
  margin: 20px 0 10px 0;
  background: url(/magazine/img/sub_title_bg.jpg) repeat-x;
  background-position: top left;
}

.SpecialContentsBackNumber{
  width: 900px;
  margin: 0 auto;
  height: 51px;
  background: url(/magazine/img/backnumber.jpg) no-repeat;
  background-position: left top;
}

.SpecialContentsBackNumber09{
  width: 900px;
  margin: 0 auto;
  height: 51px;
  background: url(/magazine/img/backnumber09.jpg) no-repeat;
  background-position: left top;
}

.SpecialContentsBackNumber10{
  width: 900px;
  margin: 0 auto;
  height: 51px;
  background: url(/magazine/img/backnumber10.jpg) no-repeat;
  background-position: left top;
}

.SpecialContentsTitle{
  width: 900px;
  margin: 0 auto;
  height: 51px;
  background: url(/magazine/img/subtitle.jpg) no-repeat;
  background-position: left top;
}

.SpecialContents {
  width: 1000px;
  margin: 10px auto 0 auto;
  padding: 0;
  text-align: center;
}

.SpecialContents ul{
}

.SpecialContents li{
  float: left;
  display: inline;
  margin: 0 0 10px 10px;
  padding: 0;
}

.SpecialContents a {
  display: block;
  width: 182px;
  height: 102px;
  border: 1px solid #000;
}

.special08,
.special07,
.special06,
.special05,
.special04,
.special01,
.special02,
.special03 {
  width: 182px;
  height: 102px;
}

.special01 { background: url(/magazine/img/special01.jpg) no-repeat right bottom;}
.special02 { background: url(/magazine/img/special02.jpg) no-repeat right bottom;}
.special03 { background: url(/magazine/img/special03.jpg) no-repeat right bottom;}
.special04 { background: url(/magazine/img/special04.jpg) no-repeat right bottom;}
.special05 { background: url(/magazine/img/special05.jpg) no-repeat right bottom;}
.special06 { background: url(/magazine/img/special06.jpg) no-repeat right bottom;}
.special07 { background: url(/magazine/img/special07.jpg) no-repeat right bottom;}
.special08 { background: url(/magazine/img/special08.jpg) no-repeat right bottom;}

.special08 a:hover,
.special07 a:hover,
.special06 a:hover,
.special05 a:hover,
.special04 a:hover,
.special01 a:hover,
.special02 a:hover,
.special03 a:hover {
  display: block;
  width: 174px;
  height: 94px;
  border: 5px solid #0099ff;
}

/*======================================================
OTHER MOVIE BOX AREA
=======================================================*/

#other_moviebox{
  width: 175px;
  height: 290px;
  background-color: #000;
  color: #fff;
  border: 1px solid #666;
  overflow: auto;
}

#other_moviebox li {
  border: 0;
}

.other_movieList{
  margin: 10px 5px 0 5px;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #333;
  zoom:1;
}

.other_movieList:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html .other_movieList{
	display:inline-table;
	/*\*/display:block;/**/
}

.other_movieImg{
  float: left;
  width: 55px;
}

.other_movieInfo {
  width: 90px;
  float: left;
}

.other_movieInfo li{
  font-size: 10px;
  margin: 0;
  padding: 0;
}

#other_movieboxTitle{
  display: none;
}

object,embed{
  margin: 0;
  padding: 0;
}


#apply{
  width:180px;
  height:128px;
  background:#FFFFFF url(/img/service/uefacl/btn_app_bg.jpg) no-repeat;
  margin: 0 0 10px 0;
}

#apply #btn_app01{
  margin:30px 0 0 5px;
}

#apply #btn_app02{
  margin:3px 0 0 5px;
}

#tooltip{
  position:absolute;
  border:1px solid #A5CFE9;
  background:#D5EBF9;
  padding: 5px;
  color:#4B7A98;
  display:none;
}