@charset "Shift_jis";

@import "/soccer_old/common/css/basic.css";
@import "/soccer_old/common/css/format.css";

@media screen and (max-device-width: 480px) {
body{ width:990px; overflow:hidden;}
}
@media screen and (max-device-width: 1024px) {
body{ width:990px; overflow:hidden;}
}

/*▼共通-------------------------------------------------------------------*/
body { background-color: #0084ff; background-image: url(bg-wcup.jpg); }
a{outline:none;}
.eng{ font-family:Arial, Helvetica, sans-serif; }
.l{text-align:left !important;}
.r{text-align:right !important;}
.c{text-align:center !important;}
div#mainWrap { background-image:url(face.png); width:100% !important; }
div#mainBox { width:972px; margin:0 auto; padding:10px 0 0; overflow:hidden; /*border:1px solid #fcc;*/ }
div#contentsHeaderBox{ height:0px !important; overflow:hidden;}
#pagetree { position: absolute; left: -9999px; top: -999px; text-indent: -9999px; margin:0px; padding:0px; }
div#contentsBoxFull { width:952px; margin:0 auto; padding:0; position:relative; /* float:none; border:1px solid #000;*/ }
div#footerBox { margin:0 auto; padding:0 0 10px 0; width:950px; height:16px; overflow:hidden; /*border:1px solid #000;*/ }
div.footerBox1 { float:left; margin:0 10 0 0; padding:0px; }
div.footerBox1 img { vertical-align:middle; }
div.footerBox2 { float:right; margin:0; padding:0; }
div.footerBox2 img { margin-right:15px; vertical-align:middle; }
div.footerBox2 a { text-align:right; font-size:10px; vertical-align:middle; padding:0; margin:0; }
div.textBox { margin:0; padding:0 20px; position:relative;}

div.columnBox { /*border:1px solid #000;*/ float:none; position:relative; }
div.leftBox{ float:left; width:466px; /*border:1px solid #fcc;*/ }
div.rightBox{ float:right; width:466px; /*border:1px solid #fcc;*/ }

h3.boxCatch{ text-indent: -9999px; background-color: #666; height:36px; /*height:24px;*/ background-repeat: no-repeat; background-position: left center; margin: 0px; padding: 0px; }
.h3groupstage{ background-image:url(catch/groupstage.gif);}
.h3player{ background-image:url(catch/player.gif);}
h3.boxCatch div.upDate{ font-size:12px; font-weight:normal; color:#ccc; text-indent:0px !important; text-align:right; position:absolute; top:10px; right:5px; height:18px; width:200px; margin:0; padding:0; /*border:1px solid #fff;*/ }
.h3onair{ background-image:url(catch/onair.gif);}
.h3outline{ background-image:url(catch/outline.gif);}
.h3YAVATAR{ background-image:url(catch/YAVATAR.gif);}
.h3condition{ background-image:url(catch/condition.gif);}
.h3analyse{ background-image:url(catch/analyse.gif);}
.h3result{ background-image:url(catch/result.gif);}
.h3groupyosen{ background-image:url(catch/groupyosen.gif);}
.h3stats{ background-image:url(catch/stats.gif);}
.h3newsflash{ background-image:url(catch/newsflash.gif);}
.h3formation{ background-image:url(catch/formation.gif);}
.h3resultdata{ background-image:url(catch/resultdata.gif);}
.h3present{ background-image:url(catch/present.gif);}

div.borderBox{ padding:10px; margin-bottom:20px; border-width:0px 1px 1px 1px; border-style:solid; border-color:#999; background-color:#fff;
 box-shadow: 0px 2px 4px #666;
 -webkit-box-shadow: 0px 2px 4px #666;
 -moz-box-shadow: 0px 2px 4px #666;
 border-radius:0em 0em 0.5em 0.5em;
 -webkit-border-radius:0em 0em 0.5em 0.5em;
 -moz-border-radius:0em 0em 0.5em 0.5em;
 }

div.borderBox div.columnBox { /*border:1px solid #000;*/ float:none; position:relative; }
div.borderBox div.leftBox{ float:left; width:456px; /*border:1px solid #fcc;*/ }
div.borderBox div.rightBox{ float:right; width:456px; /*border:1px solid #fcc;*/ }
.dotline{ border-bottom:2px dotted #999; padding-bottom:20px; margin-bottom:20px;}

table.bannerBox2 { margin:0 0 20px 0; padding:0;}
table.bannerBox2 img { border:none;}
img.ImgDrop{
 box-shadow: 0px 2px 4px #666;
 -webkit-box-shadow: 0px 2px 4px #666;
 -moz-box-shadow: 0px 2px 4px #666;
 }

/*▼トップ-------------------------------------------------------------------*/

/*▼メニュー-------------------------------------------------------------------*/
div#menuBox { width:972px !important; margin:0px auto 20px; padding:0px; position:relative; float:none; clear:both; overflow:hidden; /*border:1px solid #d9d9d9;*/ }
.noLink{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
#container{ width: 972px; margin:0 auto; }
ul.tabNavi{ width:730px; list-style:none; margin:0; padding:0; }
ul.tabNavi li{ float: left; display:block; width:365px; height:70px; overflow:hidden; }
#tabContainer{ border-width:0px 1px 1px 1px; border-style:solid; border-color:#999; background-color:#fff; padding:10px 0;
 box-shadow: 0px 2px 4px #666;
 -webkit-box-shadow: 0px 2px 4px #666;
 -moz-box-shadow: 0px 2px 4px #666;
 /*position:relative;*/ }
#tab-1{ }
#tab-2{ }
/*
#tab-1 table, #tab-2 table{ width:100%;}
#tab-1 table tr td, #tab-2 table tr td{ width:25%; vertical-align:top; text-align:center}
*/
#tab-1 table, #tab-2 table{ margin:0px auto; }
#tab-1 table tr td, #tab-2 table tr td{ vertical-align:top; padding:0px 20px;}
#tab-1 table tr td img,#tab-2 table tr td img{ width:175px; height:36px; border:none; }
#tab-1 table.overallTable, #tab-2 table.overallTable{ width:100%;}
#tab-1 table.overallTable tr td, #tab-2 table.overallTable tr td{ width:100%; vertical-align:top; padding:10px 0;}
#tab-1 table.overallTable tr td img,#tab-2 table.overallTable tr td img{ width:940px; height:inherit; border:none; }

/*▼対戦表-------------------------------------------------------------------*/
table.dataTable{ background-color:#000;}
table.dataTable tr th{ background-color:#333; color:#fff; text-align:center; font-size:12px; white-space:nowrap;}
table.dataTable tr td{ background-color:#fff; color:#333; text-align:center; font-size:12px; white-space:nowrap;}
table.dataTable tr td.nationName{ text-align:left; }
table.dataTable tr td.nationName img{ vertical-align:middle; width:40px; margin-right:5px; border:none; }
table.dataTable tr.pickupColor td{ background-color:#fdd; color:#000; font-weight:bold; text-shadow: 0px 2px 2px rgb(255, 255, 255); border-color:#faa #fff #faa #faa; border-width:0px 0px 1px 0px; border-style:solid; }
table.dataTable tr.pickupColor td.nationName{ background-color:#fff; color:#c00; font-weight:bold; border:none;}
table.dataTable td.gameDate{ text-align:left; padding-left:10px; }
table.dataTablePart{ width:98%; margin:0px auto; }
table.dataTablePart td{ }
table.dataTablePart td.home{ background-color:none; width:43%; font-size:12px; text-align:right !important; }
table.dataTablePart td.home img{ width:20px; vertical-align:middle; margin-left:5px; border:none; }
table.dataTablePart td.vs{ background-color:none; width:14%; font-size:12px; text-align:center !important; letter-spacing:3px; }
table.dataTablePart td.away{ background-color:none; width:43%; font-size:12px; text-align:left !important; }
table.dataTablePart td.away img{ width:20px; vertical-align:middle; margin-right:5px; border:none; }

/*▼選手-------------------------------------------------------------------*/
.glossymenu{ margin: 0; padding: 0; width: 100%; border-bottom-width:0; /*border: 1px solid #9A9A9A;*/ }
.glossymenu a.menuitem{ background: #cee4e4 url(js/playerNameBG1.gif) repeat-x bottom left; font-size:14px; font-weight:normal; display:block; position:relative; width:auto; padding:4px; text-decoration:none; color:#333; border:1px solid #9A9A9A; margin-bottom:2px; height:22px; overflow:hidden; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color:#333; }
.glossymenu a.menuitem:hover{ background-image: url(js/playerNameBG2.gif); padding:4px; text-decoration:none; color:#333; border: 1px solid #9A9A9A; margin-bottom:2px;}
/*
.glossymenu a.menuitem .statusicon{ position:absolute; top:7px; right:5px; left:auto; bottom:auto; border:none; margin:0px; padding:0px; }
*/

.glossymenu a.menuitem .statusicon{ position:absolute; top:7px; right:5px; left:auto; bottom:auto; border:none; margin:0px; padding:0px; }

body:nth-of-type(1) .glossymenu a.menuitem .statusicon {
 position:relative; float:right; border:none; margin:-4px -2px 0px 0px; padding:0px; 
}

.glossymenu a.menuitem .statusicon img{ border:none; margin:0px; padding:0px; }
.glossymenu div.submenu{ background:#fff; padding:10px; margin:0px; border:none !important; }
.glossymenu div.submenu table{ margin:0px; padding:0px; display:block; position:relative; }
.glossymenu div.submenu table tr{ vertical-align:top; }
.glossymenu div.submenu table tr td{ padding:0px; }
.glossymenu div.submenu table tr td.playerPHOTO{}
.glossymenu div.submenu table tr td.playerPHOTO img.playerPH{ width:100px; height:100px; margin-right:10px;}
.glossymenu div.submenu table tr td.playerDATA{ font-size:14px; line-height:20px; padding-right:10px; white-space:nowrap; }
.glossymenu div.submenu table tr td.playerTXT{ font-size:12px; line-height:18px; padding-left:10px; border-left:1px dotted #999; }
.glossymenu div.submenu table tr td.playerTXT hr{ size:1; color:#999; margin:2px auto !important; padding:0px !important; }

/*UL of each sub menu*/
/*
.glossymenu div.submenu ul{ list-style-type:none; margin:0; padding:0; }
.glossymenu div.submenu ul li{ border-bottom: 1px solid blue;}
.glossymenu div.submenu ul li a{ display:block; font-size:13px; font-weight:normal; color:black; text-decoration:none; padding:2px 0; padding-left:10px; }
.glossymenu div.submenu ul li a:hover{ background:#DFDCCB; colorz:white; }
*/
div.photoCopyright{ margin:0; padding:10px 0 0; text-align:right; font-size:9px; font-family:Arial, Helvetica, sans-serif; clear:both; }

/*▼放送予定-------------------------------------------------------------------*/
table#oaTable{ margin:20px auto 0px; }
table#oaTable tr{ vertical-align:top;}
table#oaTable td{ font-size:14px; font-weight:bold; border-bottom:1px dotted #666; padding:5px; }
table#oaTable td table.oaTable{ margin-left:120px;}
table#oaTable td table.oaTable tr{ vertical-align:top;}
table#oaTable td table.oaTable td{ font-size:12px; padding:0px; font-weight:normal; border:none;}


/*▼試合速報-------------------------------------------------------------------*/
table.statsTable{ width:100%; }
table.statsTable th.contryName{ width:38%; border:2px solid #333; background-color:#555; padding:5px; text-align:center; font-size:14px; font-weight:bold; color:#fff; white-space:nowrap;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(153, 153, 153)),color-stop(1, rgb(85, 85, 85)));
	background-image: -moz-linear-gradient(-90deg,rgb(153, 153, 153) 0%,rgb(85, 85, 85) 100%);
	background-image: linear-gradient(-90deg,rgb(153, 153, 153) 0%,rgb(85, 85, 85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff999999, endcolorstr=#ff555555, gradienttype=0));
	zoom: 1;
}
table.statsTable td{ padding:5px 2px; border-bottom:1px dotted #999; text-align:center; font-size:20px; font-weight:bold; color:#333; white-space:nowrap; font-family:Arial, Helvetica, sans-serif; }
table.statsTable td.statsItem{ width:24%; border:1px solid #999; font-size:12px; font-weight:normal; }

table.newsTable{ width:100%; }
table.newsTable tr{ vertical-align:top; }
table.newsTable td{ padding:10px 5px; border-bottom:1px dotted #ccc; font-size:14px; line-height:1.6em; color:#333; }
table.newsTable td.eventTime{ width:20%; font-weight:bold; padding-right:10px; border-bottom:1px dotted #333; white-space:nowrap; }
table.newsTable td.eventTxt{ width:80%; }

ul.subMember{ list-style:none; margin:0; padding:0; width:440px; display:block; position:relative;}
ul.subMember li{ float:left; display: inline-block; width:135px; margin:0 5px 5px 0; padding:3px; border-bottom:1px dotted #999; font-size:14px; white-space:nowrap; }
ul.subMember li:first-child{ }
ul.subMember li a{ color:#333; }

/*▼フォーメーション-------------------------------------------------------------------*/
.panel h2.title { margin:10px 0 0 0; padding:5px 0; border-top:1px dotted #999; font-size:14px; color:#333; }
.panel h2.title:first-letter { font-size:18px; }
.coda-slider-wrapper { margin:0; padding:0; }
.coda-slider { background:#fff; }
.coda-slider-no-js .coda-slider { width:444px; overflow: hidden; padding:0; margin:20px 0 0 0 !important; }
.coda-slider, .coda-slider .panel { width:444px; margin:0; padding:0; } 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:444px; height:494px !important; margin:0; padding:0; display:block; }
.coda-slider-wrapper.arrows .coda-slider { margin:0; }
.coda-nav-left a, .coda-nav-right a { background:#036; color:#fff; padding:5px; }
.coda-nav ul li a.current { background:#39c; }
.coda-slider .panel-wrapper { padding:0;  }
.coda-slider p.loading { padding:20px; text-align:center; }
.coda-nav{ width:444px !important; position:relative; margin:0 auto; padding:0; }
.coda-nav ul { clear:both; float:none; display:block; margin:0 auto; padding:0; _height:26px; _overflow:hidden; }
.coda-nav ul li { display:inline; }
.coda-nav ul li a { background:#036; color:#fff; display:block; float:left; margin:0 0 0 1px; padding:3px 6px; text-decoration:none; font-size:14px; height:20px; overflow:hidden !important; white-space:nowrap; _letter-spacing:0px; }
.coda-slider-wrapper { clear:both; overflow:hidden; }
.coda-slider { float:left; overflow:hidden; position:relative; }
.coda-slider .panel { display:block; float:left; }
.coda-slider .panel-container { position:relative; }
#wrap{ position:relative; width:444px !important;}
#wrap a{ color:#fff;}
#wrap a:hover{ color:#fff;}
.coda-nav-left { position: absolute; left:0; top:0; height:20px !important; width:30px !important; overflow:visible !important; }
.coda-nav-right { position: absolute; right:0; top:0; height:20px !important; width:30px !important; overflow:visible !important; }
.coda-nav-left a, .coda-nav-right a { display:block; text-align:center; text-decoration:none; padding:3px 6px; font-size:14px; height:20px; overflow:hidden !important; }


/*▼フォーメーション交代-------------------------------------------------------------------*/
h3.infoTitle{ padding:5px 10px; font-size:14px; font-weight:normal; margin:5px 0; letter-spacing:2px; color:#fff; background-color:#666;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(153, 153, 153)),color-stop(1, rgb(85, 85, 85)));
	background-image: -moz-linear-gradient(-90deg,rgb(153, 153, 153) 0%,rgb(85, 85, 85) 100%);
	background-image: linear-gradient(-90deg,rgb(153, 153, 153) 0%,rgb(85, 85, 85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff999999, endcolorstr=#ff555555, gradienttype=0));
	text-shadow: 0px 1px 3px #000;
	border-radius:0.2em 0.2em 0.2em 0.2em;
	-webkit-border-radius:0.2em 0.2em 0.2em 0.2em;
	-moz-border-radius:0.2em 0.2em 0.2em 0.2em;
}
.playerChangeTable{ font-size:14px; line-height:1.8em; }
table.playerChangeTable tr{ vertical-align:top;}
table.playerChangeTable tr th{ font-weight:bold; text-align:left; }
table.playerChangeTable tr td{ }
table.playerChangeTable tr td a{ color:#333; }