@charset "UTF-8";

@import "menu.css";

/* common.css */ 
/*
========== TABLE of CONTENTS ==========

1:reset
2:clearfix
3:layout

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset ---------- */

html {
	overflow-y: scroll; /* Firefox scroll-on */
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	background: #cee8f5 url(../images/bg_body.png) 0 0 repeat-x;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
	margin: 0;
	padding: 0;
}

body,td,th,table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 14px;
}

ul li,ol li {
	list-style: none;
}

table,th,td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

th,caption {
	text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
	font-weight: normal;
	font-style: normal;
}

img,fieldset {
	border: none;
}

/* Default Link Style */

a,a:link,a:active,a:visited {
	color: #3e3a39;
	text-decoration: underline;
}

a:hover {
	color: #43bcee;
	text-decoration: underline;
}

a img {
	border: 0;
}

/* ---------- /1:reset ---------- */

/* --------- 2:clearfix --------- */

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; font-size:0.1em; line-height:0; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* --------- /2:clearfix --------- */

/* ---------- 3:layout ---------- */

#wrapper {
	width: 100%;
	color: #3e3a39;
	background: url(../images/bg_wrap.png) center top no-repeat;
}

#contents {
	width: 960px;
	margin: 0 auto;
	padding: 10px 15px 0px 15px;
	background-color: #fff;
}

#contents h1 {
	position: relative;
	width: 960px;
	/*height: 248px;*/ height:320px;
	margin:0 auto;
	padding:0;
}

#contents h1 span {
	position: absolute;
	display: block;
	margin:0;
	padding:0;
/*
*/
	width: 311px;
	height: 68px;
	right: 12px;
	bottom: 13px;
/*
	width: 260px;
	height: 21px;
	right: 2px;
	bottom: 2px;
*/
}

#contents iframe#socialIframe{ margin:5px 0 0 auto; padding:0; width:260px; height:21px; }

#contents #mainBanner {
	margin: 10px auto 0;
	text-align: center;
}
#contents #mainBanner td { padding:0px 5px;}

#contents .subBanner{ padding:5px 0 10px 0; margin:0; }

#information {
	width:928px;
	margin: 0 auto 20px;
	padding: 10px 0px;
	background-color: #fff;
}

#information h2{
 margin-bottom:10px;
}

#information table{
 width:100%;
 margin:0 auto;
}

#information table th{ width: 130px; padding: 4px 0; background-image: url(../images/top_info_arrow.png); background-repeat: no-repeat; background-position: right center; }
#information table td{ padding: 4px 0 4px 6px; }



#contents .contentBox {
	position: relative;
	width: 928px;
	margin: 0 auto;
}

#contents .contentBox h2 {
	margin-bottom: 14px;
}

#contents .contentBox ul#langSelect {
	position: absolute;
	width: 220px;
	height: 31px;
	right: 4px;
	top: 2px;
}

#contents .contentBox ul#langSelect li {
	float: left;
}

#contents .contentBox table {
	width: 100%;
	line-height: 150%;
}

#contents .contentBox th {
	width: 120px;
	padding: 10px 14px 10px 28px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #3b6187;
}

#contents .contentBox table.en th {
	width: 220px;
	padding: 10px 14px 10px 28px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #3b6187;
}

#contents .contentBox td {
	width: auto;
	padding: 10px 14px 10px 0;
	text-align: left;
	vertical-align: top;
}

#contents .contentBox td table.schedule {
	width: auto;
	border: 1px solid #e2e2e2;
}

#contents .contentBox td table.schedule th {
	width: auto;
	padding: 6px 12px;
	background-color: #cbe3ee;
	color: #3e3a39;
	border: 1px solid #e2e2e2;
}

#contents .contentBox td table.schedule td {
	width: auto;
	padding: 6px 12px;
	background-color: #ebf2f9;
	border: 1px solid #e2e2e2;
}

#contents .contentBox td table.schedule td.start {
	width: 60px;
	background-color: #ffffff;
	text-align: right;
}

#contents .contentBox td table.price {
	width: auto;
	margin-bottom: 4px;
	border: 1px solid #e2e2e2;
}

#contents .contentBox td table.price th {
	width: auto;
	padding: 6px 12px;
	background-color: #cbe3ee;
	border: 1px solid #e2e2e2;
	color: #3e3a39;
	text-align: center;
}

#contents .contentBox td table.price td.Categories {
	width: auto;
	padding: 6px 12px;
	background-color: #ebf2f9;
	border: 1px solid #e2e2e2;
	text-align:center;
}

#contents .contentBox td table.price td {
	width: auto;
	padding: 6px 12px;
	border: 1px solid #e2e2e2;
	text-align: right;
}

#contents .contentBox td dl.tel { margin-bottom:10px;}
#contents .contentBox td dl.tel dt { float:left; width:240px;}
#contents .contentBox td dl.tel dd { margin-left:260px;}
#contents .contentBox td dl.site {}
#contents .contentBox td dl.site dt { float:left; width:240px;}
#contents .contentBox td dl.site dd { margin-left:260px;}
#contents .contentBox td ul.notes{ padding-left:20px;}
#contents .contentBox td ul.notes li{ list-style-type:disc;}
#contents .contentBox td strong{ font-weight:bold;}

#footer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 30px 0;
}

#footer p#copy {
	text-align: left;
	padding: 0 185px 0 6px;
	color: #505050;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

#footer ul#return {
	position: absolute;
	width: 185px;
	padding-right: 5px;
	right: 0;
	top: 20px;
}

#footer ul#return li {
	float: left;
	padding-left: 5px;
}

.onMouse:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.7;
	opacity: 0.6;
}


/*------------------ポイントランキング選手なし------------------*/
#contents .contentBox table.roadtoTablePre{ width:100%; border-collapse: separate; border-spacing: 1px;}
#contents .contentBox table.roadtoTablePre tr{}
#contents .contentBox table.roadtoTablePre th{ font-size: 14px; font-weight: bold !important; color: #fff; background-color: #3b6187; vertical-align: middle; text-align: center; white-space: nowrap; padding: 10px; width: 11%; }
#contents .contentBox table.roadtoTablePre td{ font-size: 14px; line-height: 1.2em; border: 1px solid #ccc; letter-spacing: 0px; padding: 10px; text-align: center; }


/*------------------ポイントランキング------------------*/
#contents .contentBox table.roadtoTable{ width:100%; border-collapse: separate; border-spacing: 1px;}
#contents .contentBox table.roadtoTable tr{}
#contents .contentBox table.roadtoTable th{ font-size:10px; line-height:1.2em; font-weight:bold; color:#fff; background-color:#3b6187; vertical-align:middle; text-align:center; white-space:nowrap; padding:4px; width:11%;}
#contents .contentBox table.roadtoTable td{ font-size:10px; line-height:1.2em; border:1px solid #ccc; letter-spacing: 0px; padding:2px;}
#contents .contentBox table.roadtoTable td.b{ width:12%; line-height:1.6em; padding-left:10px;}
#contents .contentBox table.roadtoTable td b{ font-weight:bold !important; display:block; color:#3b6187; color:#3b6187;}
#contents .contentBox table.roadtoTable td strong{ font-weight:bold !important; display:block; color:#3b6187; color:#3b6187;}


/*------------------出場国一覧------------------*/
ul#playerCont2{ padding-bottom:20px; /*padding-left:12px; border:1px solid #f00;*/ }
ul#playerCont2 li{ width:285px; height:540px; margin:10px; background-color:#FFF; box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; display: inline-block; float:left; border:1px solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul#playerCont2 li div.cont2 { height:90px; font-size:10px; color:#999; text-align:center; margin-top:10px; position:relative;}
ul#playerCont2 li div.cont2 img { width:120px; height:90px; margin:0px 0px 0px 10px; float:left; }
ul#playerCont2 li div.con2data{ padding-top:15px;}
ul#playerCont2 li table.playerTable2 { width:90% !important; margin:0 auto 10px; clear:both; float:none;}
ul#playerCont2 li table.playerTable2 td{ width:45% !important; padding:10px 2px 2px 2px !important; font-size:10px !important; font-weight:bold; text-align:center; line-height:1.4em; color:#666; }
ul#playerCont2 li table.playerTable2 td img{ width:100px; margin-bottom:4px; border:2px solid #ace; }


/*------------------出場国一覧　横------------------*/
ul#playerCont{ padding-bottom:20px; /*padding-left:12px; border:1px solid #f00;*/ }
ul#playerCont li{ height:165px; margin:10px; background-color:#FFF; box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; display:block; border:1px solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul#playerCont li div.cont { /*height:160px;*/ width:120px; font-size:10px; color:#999; text-align:center; margin:10px 20px 0 20px; position:relative; float:left; }
ul#playerCont li div.cont img { width:120px; height:90px; margin:0; }
ul#playerCont li div.condata{ }
ul#playerCont li table.playerTable { width:720px; margin:15px 0 0 0; float:left; }
ul#playerCont li table.playerTable td{ width:120px; padding:0; font-size:9px !important; font-weight:bold; text-align:center; line-height:1.4em; color:#666; }
ul#playerCont li table.playerTable.tdL td{ font-size:11px !important;}
ul#playerCont li table.playerTable td a{ text-decoration:none; padding:0; margin:0; text-indent:0; }
ul#playerCont li table.playerTable td a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
ul#playerCont li table.playerTable td img{ width:100px; margin:0 auto 4px; border:2px solid #ace; display:block; }


/*------------------エキシビションli------------------*/
ul#playerCont2 li.exhibi{ width:380px; height: auto; margin:10px; background-color:#FFF; box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; display: inline-block; float:left; border:1px solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul#playerCont2 li.exhibi table.playerTable3 { /*width:99% !important;*/ margin:0 auto; clear:both; float:none;}
ul#playerCont2 li.exhibi table.playerTable3 td{ /*width:33% !important;*/ padding: 2px !important; padding:10px 2px 2px 2px !important; font-size:10px !important; font-weight:bold; text-align:center; line-height:1.4em; color:#666; vertical-align:top; }
ul#playerCont2 li.exhibi table.playerTable3 td img.exhibi{ width:100px; margin-bottom:4px; border:2px solid #ace; }


/*------------------エキシビションDIV------------------*/
div.exhibi{ /*width:417px;*/ width:360px; height: auto; margin:0 0 20px 26px; background-color:#FFF; box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; border:1px solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
div.exhibi table.playerTable3 { /*width:99% !important;*/ margin:0 auto; clear:both; float:none;}
div.exhibi table.playerTable3 td{ /*width:33% !important;*/ padding: 2px !important; padding:10px 2px 2px 2px !important; font-size:10px !important; font-weight:bold; text-align:center; line-height:1.4em; color:#666; vertical-align:top; }
div.exhibi table.playerTable3 td span{ color:#6ce; color:#39c;}
div.exhibi table.playerTable3 td img.exhibi{ width:100px; margin-bottom:4px; border:2px solid #ace; }


/*------------------出場選手------------------*/
ul#playerList{ padding-bottom:20px; /*padding-left:12px; border:1px solid #f00;*/ }
ul#playerList li{ width:278px; /*height:240px;*/ margin:16px 14px; background-color:#FFF; box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; display: inline-block; float:left; border:1px solid #ccc; background-image: url(../player/bgimg.gif); background-repeat: no-repeat; background-position: right bottom; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul#playerList li img{ width:238px; height:238px; margin:0px 20px 5px !important; border:1px solid #ace; }
ul#playerList li img.className{ width:238px; height:18px; margin:10px 20px 2px !important; border:none; display:block; }
ul#playerList li div.data1{ margin:0px; padding:10px; font-size:12px; line-height:18px; border-bottom:1px dotted #ddd; }
ul#playerList li div.data1 span.name{ font-size:13px; font-weight:bold; color:#3b6187; padding-right:0.6em; }
ul#playerList li div.data1 span.nameE{ display:none;/* font-size:11px; font-style:italic; color:#192E43; font-family: "Times New Roman", Times, serif; */}
ul#playerList li div.data1 span.age{ /*display:none;*/ font-size:11px;}
ul#playerList li div.data2{ margin:0px; padding:10px; font-size:10px; line-height:14px; height:150px; color:#666;}


/*------------------出場選手2------------------*/
ul#playerList2{ padding-bottom:20px; /*padding-left:12px; border:1px solid #f00;*/ }
ul#playerList2 li{ width:430px; /*height:240px;*/ margin:16px 14px; background-color:#FFF; box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; display: inline-block; float:left; border:1px solid #ccc; background-image: url(../player/bgimg.gif); background-repeat: no-repeat; background-position: right bottom; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; min-height:225px; }
ul#playerList2 li img{ width:180px; height:180px; margin:0px 0px 15px 15px; margin-bottom:15px !important; border:1px solid #ace; display:block; float:left; }
ul#playerList2 li img.className{ width:180px; height:14px; margin:10px 20px 2px !important; border:none; display:block; float:none; }
ul#playerList2 li div.data1{ margin:0px 15px 0px 0px; padding:0px 0px 10px 0px; font-size:11px; line-height:18px; border-bottom:1px dotted #ddd; display:block; float:right; width:200px; }
ul#playerList2 li div.data1 span.name{ font-size:13px; font-weight:bold; color:#3b6187; padding-right:0.6em; }
ul#playerList2 li div.data1 span.nameE{ display:none;/* font-size:11px; font-style:italic; color:#192E43; font-family: "Times New Roman", Times, serif; */}
ul#playerList2 li div.data1 span.age{ /*display:none;*/ font-size:11px;}
ul#playerList2 li div.data2{ margin:0px 15px 10px 0px; padding:10px 0px 0px 0px; font-size:10px; line-height:14px; color:#666; display:block; float:right; width:200px; }


/*------------------バナー------------------*/
#wttAdBoxSP{ padding:20px 0px 0px; margin:10px auto 0px;}
#wttAdBoxSP img.onMouse { border:1px solid #ccf;}
#wttAdBoxSP ul{ width:928px;}
#wttAdBoxSP ul li{ width:232px; height:86px; float:left; display: inline-block;}
#wttAdBoxSP ul li a{ width:220px; height:74px; display:block; padding:0; margin:0 auto;}
#wttAdBox{ padding:20px 0px 0px; margin:20px auto 0px; /*border-top:1px solid #99c;*/}
#wttAdBox img.onMouse { border:1px solid #ccf;}
#wttAdBox ul{ width:928px;}
#wttAdBox ul li{ width:232px; height:86px; float:left; display: inline-block;}
#wttAdBox ul li a{ width:220px; height:74px; display:block; padding:0; margin:0 auto;}


/*------------------放送予定------------------*/
table.onairTable { margin-bottom:80px; }
table.onairTable th{ border-bottom:1px solid #ccc; }
table.onairTable td{ border-bottom:1px solid #ccc; padding-left:10px !important; }
table.pData{ width:10% !important;}
table.pData td{ padding:0 !important; font-size:12px; white-space:nowrap;}


/*------------------競技結果------------------*/
#contents .contentBox ul#eventSelect {
	position: absolute;
	width: 440px;
	height: 31px;
	right: 4px;
	top: 2px;
}

#contents .contentBox ul#eventSelect li {
	float: left;
}
.pagetop{ text-align:right; font-size:12px; margin-bottom:20px;}
#contents .contentBox #rankList{}

#contents .contentBox #rankList h3{
 position:relative;
 /*width:740px;*/
 padding:10px 6px 8px;
 font-weight:bold;
 color:#ffffff;
 border:1px solid #e2e4e5;
}

#contents .contentBox #rankList h3 span{
 position:absolute;
 display:block;
 width:500px;
 right:6px;
 bottom:8px;
 text-align:right;
 font-size:12px;
 font-weight:normal;
}

#contents .contentBox #rankList h3.contryTitle{ background-color:#999999;}
#contents .contentBox #rankList h3.menTitle{ background-color:#84c3ed;}
#contents .contentBox #rankList h3.ladiesTitle{ background-color:#ee779b;}
#contents .contentBox #rankList h3.pairTitle{ background-color:#6fc84d; }
#contents .contentBox #rankList h3.icedanceTitle{ background-color:#eaa938; }

#contents .contentBox #rankList table{
 margin-bottom:20px;
 border-collapse:separate;
 border-left:1px solid #e2e4e5;
}

#contents .contentBox #rankList table a{ color:#008cd6;}
#contents .contentBox #rankList table a:hover{ color:#006ba3;}

#contents .contentBox #rankList th,
#contents .contentBox #rankList td{
 padding:10px;
 border-right:1px solid #e2e4e5;
 border-bottom:1px solid #e2e4e5;
}

#contents .contentBox #rankList th{ background-color:#ededeb;}

#contents .contentBox #rankList th.rank,
#contents .contentBox #rankList td.rank{
 width:6%;
 text-align:center;
 font-family:Tahoma, Geneva, sans-serif;
}

#contents .contentBox #rankList th.name,
#contents .contentBox #rankList td.name{
 width:50%;
 padding-left:15px;
 padding-right:10px;
}

#contents .contentBox #rankList th.name span,
#contents .contentBox #rankList td.name span{
 padding-left:12px;
 font-size:12px;
 font-family:Tahoma, Geneva, sans-serif;
}

#contents .contentBox #rankList th.score,
#contents .contentBox #rankList td.score{
 width:11%;
 text-align:center;
 font-family:Tahoma, Geneva, sans-serif;
}

#contents .contentBox #rankList table.contry tr th,
#contents .contentBox #rankList table.contry tr td,
#contents .contentBox #rankList table.men tr th,
#contents .contentBox #rankList table.men tr td,
#contents .contentBox #rankList table.ladies tr th,
#contents .contentBox #rankList table.ladies tr td,
#contents .contentBox #rankList table.pair tr th,
#contents .contentBox #rankList table.pair tr td,
#contents .contentBox #rankList table.icedance tr th,
#contents .contentBox #rankList table.icedance tr td{ vertical-align:middle;}

#contents .contentBox #rankList th.rankContry,
#contents .contentBox #rankList td.rankContry{
 width:10%;
 text-align:center;
 font-family:Tahoma, Geneva, sans-serif;
}

#contents .contentBox #rankList th.nameContry{
 width:25%;
 text-align:center;
}
#contents .contentBox #rankList td.nameContry{
 width:25%;
 padding-left:70px;
}

#contents .contentBox #rankList th.scoreContry,
#contents .contentBox #rankList td.scoreContry{
 width:13%;
 text-align:center;
 font-family:Tahoma, Geneva, sans-serif;
}

#contents .contentBox #rankList table.contry tr.even{ background-color:#fafafa;}
#contents .contentBox #rankList table.men tr.even{ background-color:#f3faff;}
#contents .contentBox #rankList table.ladies tr.even{ background-color:#fdf0f4;}
#contents .contentBox #rankList table.pair tr.even{ background-color: #EEFFE0;}
#contents .contentBox #rankList table.icedance tr.even{ background-color: #FFF2E0;}

span.sr{font-size:90%; padding-left:2px;}


/*------------------国別対抗戦とは?------------------*/
table.aboutBox{ margin-bottom:20px;}
.aboutBoxL{ text-align:left; }
.aboutBoxL h3{ font-weight:bold; color:#06C; border-bottom:1px dotted #999; margin-bottom:5px; padding:0 0 5px 10px; }
.aboutBoxL p{ margin-bottom:20px; line-height:1.8em; }
.aboutBoxL p a{ color: #09f; text-decoration: underline; }
.aboutBoxL p a:hover { color: #43bcee; text-decoration: underline; }
.aboutBoxR{ width: 290px; padding: 0 0 0 10px !important; overflow: hidden; }
.aboutBoxR img{ width:280px; margin:0px 0px 10px 0px; border:1px solid #ace; display:block; }
table.aboutBoxData{ width:auto !important;}
table.aboutBoxData td{ padding:0 !important;}



/*-----------------データ放送プレゼント------------------*/
.catchBox{ text-align:left; padding:0 0 10px 0; margin:0; }
.catchBox h3{ font-weight:bold; color:#06C; border-bottom:1px dotted #999; margin-bottom:5px; padding-bottom:5px; }
.textBox { text-align:left; padding:0; margin:0 0 20px 0; }
.textBox p{ margin-bottom:10px; line-height:1.8em; }
.textBox p a{ color: #09f; text-decoration: underline; }
.textBox p a:hover { color: #43bcee; text-decoration: underline; }
div.ouboBox{padding:0 0 20px 13px;}
a.oubo{ display:block; margin:0; padding:15px 0px; width:100%; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; background-color:#999; border:1px solid #333; text-align:center; }
a.ouboOn{ display:block; margin:0; padding:15px 0px; width:100%; font-size:12px; font-weight:bold; color:#069; background-color:#fff; border:1px solid #069; text-align:center; cursor:pointer; }
a.ouboOn:hover{ color:#069; background-color:#ffe; border:1px solid #39c; }

strong{font-weight:bold;}