@charset "utf-8";
/*========================================================
Site Name   :: ひかりＴＶ SOCCER
Site URL    :: http://soccer.hikaritv.net
Description :: UEFAチャンピオンズリーグ検定 - CSS
Author      :: by ひかりＴＶ SOCCER - n.j.u
Last Up Date:: 2008-10-28
========================================================*/

/*========================================================
========================================================*/

/*
===== 0: 構造初期化 ==========================================
*/

html {
overflow-y:scroll;
}

body{
  background-color: #131649;
}

#container{
  border-top: solid #000 10px;
  border-right: solid #000 10px;
  border-left: solid #000 10px;
  background-color: #000;
  margin: 20px auto 0 auto;
  padding: 0;
  width: 900px;
}

* html #container{
  width: 908px;
}


#header{
  width: 900px;
  height: 258px;
}

#leftMenu{
  width: 150px;
  float: left;
  display: inline;
}

.leftSection{
  margin: 0 0 15px 0;
}

#main{
  float: right;
  display: inline;
  border: 1px solid #fff;
  width:740px;
  background:url(/kentei/uefacl/img/new_bg.jpg) no-repeat;
  background-color: #fff;
}

#mainHeader{
  width: 740px;
  height: 270px;
}

#mainHeaderLeft{
  float: left;
  display: inline;
  width: 245px;
  padding: 200px 0 0 10px;
  line-height: 1.2;
}

#mainHeaderRight{
  float: left;
  display: inline;
  width: 455px;
  padding: 130px 0 0 10px;
}

#mainHeaderRight p{
  font-size: 120%;
  font-weight: bold;
}

#kenteiMenu{
  font-size: 16px;
  color: #666;
  background-color: #000;
  padding: 8px 0 8px 5px;
  text-align:center;
}

form{
  text-align: center;
}

#kenteiMenu a:link,
#kenteiMenu a:visited,
#kenteiMenu a:hover{
  color: #ff0;
}

#mainContentBody{
  margin: 0;
}

#movieBoxArea{
  float: left;
  display: inline;
  width: 360px;
  margin: 0 10px 0 10px;
}

#info {
  float: left;
  display: inline;
  width: 350px;
  color: #333;
}

#entryTitle{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 10px 0;
}

#description{
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.5;
}


/*
クイズ部分
*/

#vertical_container{
  color: #000;
  width: 740px;
}

.accordion_toggle {
  height: 93px;
  background: url(/kentei/uefacl/img/answer_bg.jpg) no-repeat;
  padding: 0;
  font-size: 12px;
  color: #000000;
  margin: 0 0 10px 0;
}

.quiz_title{
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  height: 65px;
}

.question{
  width: 130px;
  margin: 0 0 0 0;
  float: left;
  display: inline;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

.questionTitle{
  float: left;
  display: inline;
  width: 590px;
  padding: 5px 0 0 0;
  line-height: 1.2;
}

.accordion_toggle ul{
  margin: 0;
  padding: 0;
}

.accordion_toggle li{
  float: left;
  display: inline;
  width: 160px;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 0;
  position: relative;
}

.mini{
  font-size: 8px;
  font-weight: bold;
}

.mini2{
  font-size: 9px;
  font-weight: bold;
}

.mini3{
  font-size: 10px;
  font-weight: bold;
}

.wbr{
  position: relative;
  top: -10px;
  line-height: 1.1;
}

.kenteiMenuForm{
  width: 300px;
}

.button{
  margin: 0 auto 0 auto;
  text-align:center;
  margin: 0 0 20px 0;
}

.leftSection h3 {
  min-height: 24px;
  margin: 0 0 5px 0;
  padding: 5px 0 0 28px;
  background: url(/img/web/h3_title.gif) no-repeat;
  background-color: #000;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
}


/*
===== OtherMovieList ==========================================
*/

#other_moviebox{
  height: 200px;
  border: 1px solid #666;
  overflow: auto;
  margin: 0;
}

#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 {

}

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

#other_movieboxTitle{
  display: none;
}

.subcon #main{
  float: right;
  display: inline;
  border: 3px solid #fff;
  width:730px;
  min-height: 1600px;
  background: none;
  background-color: #fff;
  padding: 5px;
  color: #000;
}

.result #main{
  float: right;
  display: inline;
  border: 3px solid #fff;
  width:730px;
  min-height: 1600px;
  background: none;
  background-color: #fff;
  padding: 5px;
  color: #000;
}

#bet #main{
  float: right;
  display: inline;
  border: 3px solid #fff;
  width:730px;
  min-height: 1600px;
  background: none;
  background-color: #fff;
  padding: 5px;
  color: #000;
}


.subcon #main h1,
.result #main h1{
  font-size: 22px;
  height: 33px;
  color: #fff;
  margin: 0 0 10px 0;
  text-align: center;
  background:url(/kentei/uefacl/img/h1_bg.gif) no-repeat center center;
}

.blackArea{
  color: #fff;
}

#standing{
  width: 600px;
  margin: 0 auto;
  padding: 0;
}

.standings{
  float: left;
  display: inline;
  margin-bottom: 15px;
  padding: 0 0 10px 0;
}
.standingsSwf{
  background-color: #000;
}

.standingsA{
  background:url(/kentei/uefacl/img/a_bg.gif) no-repeat;
}

.standingsB{
  background:url(/kentei/uefacl/img/b_bg.gif) no-repeat;
}
.standingsC{
  background:url(/kentei/uefacl/img/c_bg.gif) no-repeat;
}
.standingsD{
  background:url(/kentei/uefacl/img/d_bg.gif) no-repeat;
}
.standingsE{
  background:url(/kentei/uefacl/img/e_bg.gif) no-repeat;
}
.standingsF{
  background:url(/kentei/uefacl/img/f_bg.gif) no-repeat;
}
.standingsG{
  background:url(/kentei/uefacl/img/g_bg.gif) no-repeat;
}
.standingsH{
  background:url(/kentei/uefacl/img/h_bg.gif) no-repeat;
}

.linkBg{
  margin: 5px 0 0 0;
  background:url(/kentei/uefacl/img/link_bg.gif) no-repeat;
  display: block;
  height:36px;
  padding: 7px 0 0 7px;
}

.linkBg a{
  color: #ff0;
}

.GameListblock{
  background-color:#fff;
  margin: 0 0 20px 0;
}

.betQuestion,
.questioner,
.betPoint{
  text-align: center;
  background-color:#E9EEF2;
}

.questionerIn,
.betPointIn{
  text-align: center;
  width: 100px;
}

#tab1 .betPointIn,
#tab2 .betPointIn,
#tab3 .betPointIn,
#tab4 .betPointIn{
  text-align: center;
  width: 150px;
}

.GameListblock table {
  width: 100%;
  border-top:1px solid #CBD7E0;
  border-right:1px solid #CBD7E0;
  border-left:1px solid #CBD7E0;
  border-bottom:1px solid #CBD7E0;
}

.GameListblock table a {
  color: #0000ff;
}


.GameListblock td {
	padding:1px 0;
	border-bottom:1px dotted #D0D0D0;
}

.rightbox{
  margin-left: 50px;
}


.subcon .description{
  color: #fff;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
}

.subcon #main h3 {
  min-height: 24px;
  margin: 0 0 10px 0;
  padding: 5px 0 0 28px;
  background: url(/img/web/h3_title.gif) no-repeat;
  background-color: #000;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
  color: #fff;
}

.subcon #standing h3 {
  min-height: 24px;
  margin: 0;
  padding: 5px 0 0 28px;
  background: url(/img/web/h3_title.gif) no-repeat;
  background-color: #000;
  border-top: solid 1px #666;
  border-bottom: solid 1px #333;
  color: #fff;
}

/* Flash Objectの表示位置 */
object,
embed {
  vertical-align: top;
}



/* #14 Side-AccordianBox
---------------------------------------------------------------------------- */
#accordian{
  z-index:2;
  color: #494949;
}

.accordion_headings{
  padding:5px;
  background:#494949;
  color:#ffffff;
  border:1px solid #666;
  cursor:pointer;
  font-weight:bold;
  font-size: 12px;
}

.accordion_headings:hover{
  background:#666666;
}

.accordion_child{
  font-size: 9px;
  padding:5px 0 10px 5px;
  background:#eeeeee;
}

.first{
  background:#259dfc;
}







#clfooter{
  clear:both;
  padding: 10px 0 0 0;
  background-color: #222;
  margin: 0 auto;
  width: 920px;
}

#clfooter dl#assistNav dd ul{
  padding: 0 0 5px 0;
  text-align: center;
}

#clfooter dt{
  display: none;
}

#clfooter dl#assistNav dd ul li{
  display:inline;
  margin: 0 5px 0 0;
  padding: 0 0 0 10px;
  background:
  url(/common/img/footer/footerline.gif)
  no-repeat;
}

#clfooter dl#assistNav dd ul li.firstChild{background:none;}

#clfooter address{
  padding:0.5em;
  text-align:center;
  font-size:83%;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  text-align:center;
}

#hikaritv_pr{
  width: 590px;
  height: 310px;
  margin: 50px 0 10px 0;
  padding: 40px 10px 0 150px;
  background: url(/kentei/uefacl/img/pr_bg.jpg) no-repeat;
}

#banner{
  width: 579px;
}

#banner li{
  display: inline;
  margin: 0 5px 5px 8px;
}

#banner img {
    border: 2px solid #0099ff;
}

#banne OBJECT,
#banne EMBED,{
    border: 2px solid #0099ff;
}

#rssInformation{
  width: 579px;
  height: 32px;
  margin: 12px 0 0 0;
}

/* 情報BOX タブ設定 */
#tab-1,
#tab-2 {
  margin: 0;
  padding: 0;
  height: 30px;
  overflow: hidden;
  border-bottom: 1px solid #fff;
  color: #fff;
}

#tab-1 li,
#tab-2 li {
  width: 140px;
  float: left;
  display: inline;
  height: 30px;
  line-height: 2.3;
  text-decoration: none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: url(/img/top/tab_bg.gif) repeat-x;
  color: #fff;
}

#tab-1 li a,
#tab-2 li a {
  width: 140px;
  display: block;
  height: 30px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

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

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

#tab-1 li.present a,
#tab-2 li.present a{
  background: url(/img/top/tab_bg_hover.gif) repeat-x;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  border-bottom:1px solid #fff;
}

#flets_pr img{
  text-align: center;
}

#flets_pr img{
  border: 5px solid #ccc;
}

.quizCaption{
  color:#fff;
  font-size: 10px;
  text-align: right;
}

#howtoBox{
  border: 2px solid #ccc;
  background-color: #fff;
  min-height: 100px;
  padding: 10px;
}


#captionBox{
  border: 1px solid #ccc;
  padding: 10px;
}

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

#captionBox{
  background-color: #fff;
}

#captionBoxText{
  border: 1px #ccc solid;
  background-color: #eee;
  padding: 10px;
  font-weight: bold;
  color: #333;
}


#captionBoxText h2{
  font-size: 18px;
  margin: 0 0 5px 0;
  color: #000;
  border-bottom: 1px dashed #ccc;
}


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

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

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


#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6,
#tab7{
  margin: 0 0 50px 0;
}

.GameListblockTitle{
  font-weight: bold;
  margin: 0 0 5px 0;
  font-size: 16px;
}


.bargraphHorizontal{
  color: #000;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-collapse: collapse;
  margin: 0 0 5px 0;
}

.bargraphHorizontal th{
  font-weight:normal;
  background-color: #e5e5e5;
  text-align: center;
  padding: 5px 0 5px 0;
  border: 1px solid #ccc;
}

.bargraphHorizontal td{
  padding: 5px 0 5px 0;
  margin:0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.bargraphHorizontal .label{
  text-align:right;
}
.bargraphHorizontal .val{
  text-align:left;
}
.bargraphHorizontal img{
  vertical-align:middle;
}

.bargraphHorizontal .order{
  width: 30px;
  text-align:center;
  font-size: 11px;
}

.bargraphHorizontal .team{
  width: 160px;
  text-align:center;
  font-size: 11px;
}

.bargraphHorizontal .guraph{
  width: 500px;
  font-size: 11px;
}

.bargraphHorizontal .oz{
  font-size: 11px;
  width: 80px;
  text-align: center;
}

.GameListblockTitle{
  font-weight: bold;
  margin: 10px 0 5px 0;
  font-size: 16px;
  color: #0099ff;
}

#descriptionTitle{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  margin: 0 0 10px 0;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 0 0;
  background: url(../img/ebet.gif) no-repeat right center;
}

#infobar{
  color: #000;
  background-color: #f5f8fa;
  border: 1px solid #CAD6DF;
  margin: 0 0 20px 0;
  padding: 5px 10px 5px 10px;
  text-align: center;
}

#descriptionText{
  color: #000;
  margin: 0 0 10px 0;
}

.ebetLink{
  text-align: right;
  margin: 0 0 20px 0;
  color: #000;
}

#ebetPr{
  color: #000;
  background-color: #f5f8fa;
  border: 1px solid #CAD6DF;
  margin: 10px 0 10px 0;
  padding: 5px 10px 5px 10px;
  text-align: center;
}

#Prtext,
#Prscript{
  float: left;
  display: inline;
}

#Prtext{
  width: 50px;
}

#Prscript{
  width: 650px;
}