@charset "utf-8";

/* base.css */
#supacon {
	background-color: #FFFFFF;}

#supacon #wrapper {
	background-color: #FFFFFF;
	background-image: url(/images/new/bg.gif);
	background-repeat: repeat;}

#supacon_main {
	background-color: #ffffff;
	max-width: 1210px;
	margin: 0px auto;
	font-size: 13px;
	}

#supacon_main img {vertical-align: middle;}
#supacon_main .chartB img { float: left;}

#supacon_main #inner {
	padding: 7px 0.9% 35px;
	}
	
#supacon_main h2.ttl {
	margin: 10px 0;}

#supacon_main h2.icon {
	margin: 10px 0;}

#supacon_main .pnkz {
	margin-bottom:15px;}

#supacon_main .pnkz a:link {color: #000000;}
#supacon_main .pnkz a:hover {color: #666666;}
#supacon_main .pnkz a:active {color: #666666; text-decoration: underline;}
#supacon_main .pnkz a:visited {color: #666666; text-decoration: underline;}

/* leftArea */
#supacon_main #inner #leftArea {
	float: left;
	max-width: 550px;
/*	margin-right:14px;*/
	position:relative;text-align: left;}

#supacon_main #leftArea .dateTab {
	/* margin:0px 73px; */
	padding:0px;
	display: inline-block;
	}
	
#supacon_main #leftArea .dateTab li {
	background-image: url(/images/supacon/bg_dateTabG.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: inline-block;
	/* float: left; */
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 56px;
	margin-right:2px;
	}
	
#supacon_main #leftArea .dateTab li.Pink {
	background-image: url(/images/supacon/bg_dateTabP.gif);
	background-position: center bottom;
	background-repeat: no-repeat;}
	
#supacon_main #leftArea .dateTab li.current {
	background-image: url(/images/supacon/bg_dateTabCurrent.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #ffffff;}

#supacon_main #leftArea .dateTab a:link {color: #000000; text-decoration: underline;}
#supacon_main #leftArea .dateTab a:hover {color: #000000; text-decoration: none;}
#supacon_main #leftArea .dateTab a:active {color: #000000; text-decoration: none;}
#supacon_main #leftArea .dateTab a:visited {color: #000000; text-decoration: underline;}

#supacon_main .before {
	/* position: absolute; */
	/* left:0px; */
	/* top:5px; */
	vertical-align: top;
	margin: 5px 1px;
	}

#supacon_main .next {
	vertical-align: top;
	margin: 5px 1px;
	}

#supacon_main #leftArea .race {
	display:block;
	width:100%;
	/* height:28px; */
	margin-bottom:5px;
	padding:0px;
	background-color:#D80000;
	}
	
#supacon_main #leftArea .race li {
	display: inline-block;
	float:left; 
	margin:5px 7px 5px 10px;
	color:#FFFFFF;
	}
	
#supacon_main #leftArea .race li.current {
	display: inline;
	/* float:left; */
	margin:5px 7px;
	padding:0px 8px;
	color:#FFFFFF;
	background-color:#FF7676;
	/*height:18px;*/
	}
#supacon_main #leftArea .race li.cancel2 {
    background-color: #b4b4b4;
    color: #7a7a7a !important;
    margin: 5px 5px;
    padding: 0px 7px;
}

#supacon_main #leftArea .race li.cancel2 a {
    color: #666;
    text-decoration: none;
}

#supacon_main #leftArea .race a:link {color: #FFFFFF; text-decoration: underline;}
#supacon_main #leftArea .race a:hover {color: #FFFFFF; text-decoration: none;}
#supacon_main #leftArea .race a:active {color: #FFFFFF; text-decoration: none;}
#supacon_main #leftArea .race a:visited {color: #FFFFFF; text-decoration: underline;}
#supacon_main .place_N {
	background-image: url(/images/icon/ic_hu2.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}
	
#supacon_main .place_SG {
	background-image: url(/images/icon/ic_sg.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}

#supacon_main .place_GP {
	background-image: url(/images/icon/ic_gp.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}
	
#supacon_main .place_G1 {
	background-image: url(/images/icon/ic_g1.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}
	
#supacon_main .place_G2 {
	background-image: url(/images/icon/ic_g2.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}
	
#supacon_main .place_G3 {
	background-image: url(/images/icon/ic_g3.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}
	
#supacon_main .place_F1 {
	background-image: url(/images/icon/ic_f1.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}
	
#supacon_main .place_F2 {
	background-image: url(/images/icon/ic_f2.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;}

#supacon_main #leftArea .racedetail {
	margin:2px 0px 5px 0px;
	padding:0px;}
	
#supacon_main #leftArea .racedetail li {
	display: block;
	float: left;
	margin:2px 12px 2px 8px;
	line-height: 1.6em;
	}
	
#supacon_main #leftArea .racedetail li.Black {
	/* background-image: url(/images/supacon/bg_Black.gif); */
	/* background-position: left 4px; */
	/* background-repeat: no-repeat; */
	color:#FFFFFF;
	padding-top: 2px;
	display: block;
	/* float: left; */
	text-align: center;
	width: 40px;
	margin:0px;
	background: black;
	}

/* rightArea */
#supacon_main #inner #rightArea {
	float: right;
	max-width: 520px;
	}

#supacon_main #rightArea .banner{
	float: left;
	padding-right: 10px;}

/* mainAreaTable */
#supacon_main #inner #main {
	float: left;
	max-width: 1200px;
	margin:0px;
	width: 100%;
	}

#supacon_main #leftrace {
	float:left;
	max-width:690px;
	margin:2px 0px 5px 0px;
	padding:0px;
	/* width: 100%; */
	text-align: left;
	}

#supacon_main #leftrace .grayrace{margin-bottom: 3px;text-align: left;display: inline-block;}

#supacon_main #leftrace .grayrace li {display: inline-block;/* float: left; */margin-right: 6px;margin-left: 2px;}

#supacon_main #leftrace .grayrace li.Gray {background-color: #868686; /*#737373*/padding: 2px 5px;color: #FFFFFF;/* display: block; */margin-right: 6px;border-radius: 3px;}	
	
#supacon_main #leftrace .pinkrace{display: inline-block;margin-bottom: 3px;}

#supacon_main #leftrace .pinkrace li {
	display: inline-block;
	/* float: left; */
	margin:2px 12px 2px 8px;
	}

#supacon_main #leftrace .pinkrace li.Pink {background-color: #FF7676;margin: 0px;padding: 2px 5px;color: #FFFFFF;display: inline-block;border-radius: 3px;}

#supacon_main #rightrace {
	float:right;
	width:290px;
	margin:2px 0px 5px 0px;
	padding:0px;}


#supacon_main #rightrace dl.view {
	display:block;
	margin:0px;}

#supacon_main #rightrace dl.view dt{
	display: inline;
	float:right;
	margin:0px;}

#supacon_main #rightrace dl.view dd{
	display: inline;
	float:right;
	margin-right:10px;}

#supacon_main #main .Title {
	background-color:black;
	background-image: url(/images/supacon/bg_titleRight.gif);
	background-position: right top;
	background-repeat: no-repeat;
	border-bottom:3px #000000 solid;
	/* height:27px; */
	border-radius: 11px 0 0 0;
	}

#supacon_main #main .Title li {
	background-image: url(/images/supacon/arrow_White.gif);
	background-position: left 13px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	color:#FFFFFF;
	font-size:108%;
	margin-right:12px;
	padding-left:7px;
	padding-top:6px;}
	
#supacon_main #main .Title li.current {
	background-image: url(/images/supacon/arrow_Pink.gif);
	background-position: left 14px;
	background-repeat: no-repeat;
	color:#FF7676;
	display: block;
	float: left;
	font-size:108%;
	margin-right:12px;
	padding-left:9px;
	padding-top:6px;
	margin-left: 5px;
	}

#supacon_main #main .Title a:link {color: #FFFFFF; text-decoration: underline;}
#supacon_main #main .Title a:hover {color: #FFFFFF; text-decoration: none;}
#supacon_main #main .Title a:active {color: #FFFFFF; text-decoration: none;}
#supacon_main #main .Title a:visited {color: #FFFFFF; text-decoration: underline;}

#supacon_main #main #charttitle {
	width: 100%;
	/* height: 47px; */
	background-color:#454545;
	padding-top:8px;
	padding-bottom: 8px;
	}

#supacon_main #main #charttitle dl.review {
	max-width:517px;
	float:left;
	padding-left:23px;
	display:block;
	margin:0px;}

#supacon_main #main #charttitle dl.review dt{
	display: inline;
	float:left;
	margin-right:10px;
	/* margin-top: 4px; */
	}

#supacon_main #main #charttitle dl.review dd{
	display: inline;
	float:left;
	margin-top: 1px;
	}	

#supacon_main #main #charttitle .Select {
	max-width:450px;
	float:right;
	/* display: block; */
	}

#supacon_main #main #charttitle .Select li {
	display: block;
	float: right;
	margin-right:12px;
	padding:0px;}

#supacon_main #main #charttitle .Select select.runway {
	text-align:left;
	padding:0px;
	margin-top:2px;}

#supacon_main #main #charttitle .Select input.ok {
	width: 4em;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	margin:0px;}

#supacon_main #main #charttitle02 {
	width: 100%;
	/* height: 84px; */
	background-color:#FFFFFF;
	border-left:1px #A3A3A3 solid;
	border-right:1px #A3A3A3 solid;
	padding-top:8px;
	text-align: left;
	}

#supacon_main #main #charttitle02 .Select02 {
	float: right;
	margin: 0 2%;
	margin-bottom:8px;
	/* width:100%; */
	display: inline-block;
	text-align: left;
	}
#supacon_main #main #charttitle02 .Select02.left {float:left;display: inline-block;float: none;text-align: left;margin-left: 2%;}

#supacon_main #main #charttitle02 .Select02 li {
	display: inline-block;
	/* float: left; */
	/* margin-right: 3px; */
	padding:0px;
	/* height: 2em; */
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	}

#supacon_main #main #charttitle02 .Select02 li.right {
	margin-right:5px;}

#supacon_main #main #charttitle02 .Select02 ul li ul li.right {
	margin-right:15px;}

#supacon_main #main #charttitle02 .Select02 li.right02 {
	/* margin-right:22px; */
	}

#supacon_main #main #charttitle02 .Select02 li.left {
	width: 294px;
	/* float:left; */
	}

#supacon_main #main #charttitle02 .Select02 span {/*    font-size: 110%;*/line-height: 2em;min-width: 2em;display: inline-block;}

.star {
	margin-top:5px;}

#supacon_main #main #charttitle02 .Select02 li.left span {
	display: inline-block;
	float: left;
	/* width: 3em; */
	/* line-height: 1em; */
}

#supacon_main #main #charttitle02 .Select02 li.left ul {
	display: block;
	display: inline-block;
	/* float: left; */
	margin-left: 5px;
	}

#supacon_main #main #charttitle02 .Select02 li.left ul li {
	display: inline-block;
	/* float: left; */
	margin:0px;
	padding-top:0px;
	}
	
#supacon_main #main #charttitle02 .Select02 li.left ul li.white {
    font-size: 110%;
	padding:0px 3px;
	line-height:2.0em;}
	
#supacon_main #main #charttitle03 {
	width: 100%;
	min-height: 2em;
	background-color:#FFE2E1;
	border-left:1px #A3A3A3 solid;
	border-right:1px #A3A3A3 solid;
	border-top:1px #A3A3A3 solid;
	padding-top:15px;
	padding-bottom: 15px;
	display: block;
	}

#supacon_main #main #charttitle03 .Select03 {
	/*float:left;*/
	padding: 0px 2%;
	/* margin-bottom:8px; */
	}

#supacon_main #main #charttitle03 .Select03 li {
	display: block;
	float: left;
	margin: 0px 3px;
	padding:0px;
	}

#supacon_main #main #charttitle03 .Select03 li.left {
	display: block;
	float:left;
	margin-left: 0;
	margin-top: 1px;
	}

#supacon_main #main #charttitle03 .Select03 span {
    font-size: 110%;
    background-color:#FFA39F;
    /*padding:2px 5px;*/
    padding:0px 5px;
    margin: 0px 2px 0px 3px;
    line-height:2.0em;
    vertical-align:top;
    }

#supacon_main #main #charttitle03 .Select03 li.left span {
	float: left;}
	
#supacon_main #main #charttitle03 .Select03 li.left ul {
	/*display: inline-block;*/
	display: block;
	float: left;
	margin:0px;}

#supacon_main #main #charttitle03 .Select03 li.left ul.bottom {
	margin-top:25px;}

#supacon_main #main #charttitle03 .Select03 li.left ul li {
	display: block;
	float: left;
	/* margin:0px; */
	padding:0px;
	}

#supacon_main #main #charttitle03 .Select03 li.left ul li.white {
    font-size: 120%;
    /* margin-right: 5px; */
    line-height:2.0em;
    }

#supacon_main #main #charttitle03 .Select03 li.left ul li.right {
	clear:both;}

#supacon_main #practicerun {

}
#supacon_main #practicerun #leftArea{
font-size:120%;
}
#supacon_main #practicerun #rightArea{
font-size:120%;
}

#supacon_main #practicerun .practicerun {
	max-width: 990px;
	margin-top:20px;}

#supacon_main #practicerun .racedetail {
	font-size:120%;
	margin:0px;
	padding:0px;}
	
#supacon_main #practicerun .racedetail li {
	display: block;
	float: left;
	margin:2px 12px 2px 8px;}
	
#supacon_main #practicerun .racedetail li.Black {
	background-image: url(/images/stpre/bg_BlackL.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color:#FFFFFF;
	padding-top: 2px;
	display: block;
	float: left;
	text-align: center;
	width: 30px;
	margin:0px;}

#supacon_main #practicerun .detail {
	max-width:980px;
	background-color:#FFF0F0;
	float: left;
	margin:5px auto 10px auto;
	padding:5px;}

#supacon_main #practicerun .detail li {
	display: block;
	float: left;
	margin:2px 12px 2px 8px;}

#supacon_main #practicerun .detail li.Pink {
	background-color: #FF7676;
	margin: 0px;
	padding: 2px 5px;
	color:#FFFFFF;
	display: block;}

#supacon_main .practicerunL {
	max-width:810px;
	float:left;}

/*  */
#supacon_main .practicerunL #chart {
	float: left;
	max-width: 810px;
	margin:0px;
	padding:0px;}

#supacon_main #chart .chartD {
	margin: 0 auto;
	padding:0px;
	max-width: 810px;
	border-top-color: #A3A3A3;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #A3A3A3;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color: #A3A3A3;
	border-right-style:solid;
	border-right-width: 1px;}	

#supacon_main #chart .chartD th,
#supacon_main #chart .chartD td {
	border-bottom-color: #A3A3A3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #A3A3A3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 3px 0px;
	margin:0px;
	text-align:center;}

#supacon_main #chart .chartD th {
	background-color:#D5D5D5;}

#supacon_main #chart .chartD th.bg_White {
	background-color:#FFFFFF;
	color:#000000;}

#supacon_main #chart .chartD th.bg_Black {
	background-color:#000000;
	color:#FFFFFF;}

#supacon_main #chart .chartD th.bg_Red {
	background-color:#FF0000;
	color:#000000;}

#supacon_main #chart .chartD th.bg_Blue {
	background-color:#0000FF;
	color:#FFFFFF;}

#supacon_main #chart .chartD th.bg_Yellow {
	background-color:#FFFF00;
	color:#000000;}

#supacon_main #chart .chartD th.bg_Green {
	background-color:#339933;
	color:#FFFFFF;}

#supacon_main #chart .chartD th.bg_Orange {
	background-color:#FF9900;
	color:#000000;}

#supacon_main #chart .chartD th.bg_Pink {
	background-color:#FF99CC;
	color:#000000;}

#supacon_main #chart .chartD td.bg_Gray {
	background-color:#F2F2F2;}

#supacon_main #chart .chartD .left {
	text-align:left;
	padding:3px 15px;}

#supacon_main #chart .chartD img {
	margin-left:5px;
	margin-bottom:3px;}

#supacon_main .practicerunR {
	width:170px;
	float:right;
	vertical-align:bottom;} 

#supacon_main .practicerunR img {
	margin-bottom:10px;}


/*  */
#supacon_main #main #chart {
	float: left;
	width: 100%;
	margin:0px;
	position:relative;
	}

#supacon_main #chart .chartA {
	/* margin: 0 auto; */
	/* width: 1188px; */
	/* border-top-color: #A3A3A3; */
	/* border-top-style:solid; */
	/* border-top-width: 1px; */
	/* border-left-color: #A3A3A3; */
	/* border-left-style:solid; */
	/* border-left-width: 1px; */
	/* border-right-color: #A3A3A3; */
	/* border-right-style:solid; */
	/* border-right-width: 1px; */
	border-top: 1px solid #a3a3a3;
	}	

#supacon_main #chart .chartA th,
#supacon_main #chart .chartA td {
	/* border-bottom-color: #A3A3A3; */
	/* border-bottom-style:solid; */
	/* border-bottom-width: 1px; */
	/* border-right-color: #A3A3A3; */
	/* border-right-style:solid; */
	/* border-right-width: 1px; */
	/* padding: 0px; */
	/* text-align:center; */
	/* height: 2em; */
	}

#supacon_main #chart .chartA th {
	background-color:#D5D5D5;}

#supacon_main #chart .chartA th.Yellow {
	background-color:#EEF2FF;
	min-width: 36px;
padding-top: 4px;
padding-bottom: 4px;
}
#supacon_main #chart .chartA th.bikeno {
min-width: 20px;
}
#supacon_main #chart .chartA .tireno {
word-wrap: break-word;
word-break: break-all;
text-align:center;
min-width: 48px;
line-height: 1.2em;
}
#supacon_main #chart .chartA .tireno span{
font-size:10px;
}
#supacon_main #chart .chartB .tireno {
word-wrap: break-word;
word-break: break-all;
text-align:center;
}
#supacon_main #chart .chartA th.line-height {
	line-height:1.0em;}

#supacon_main #chart .chartA .left {
	text-align:left;
	padding:0px 0px;}

#supacon_main #chart .chartA td.barleft {
	text-align:left;}

#supacon_main #chart .chartA .center {
	text-align:center;}

#supacon_main .title01 {
	position:absolute;
	top:23px;
	left:480px;}

#supacon_main .title02 {
	position:absolute;
	top: 2px;
	right: 20px;
	text-align:left;
	}

#supacon_main #chart .chartA .noline {
	border-bottom:none;
	border-right: none;}

#supacon_main #chart .chartA .noline02 {
	border-bottom:none;
	border-right-color: #A3A3A3;
	border-right-style:solid;
	border-right-width: 1px;}

#supacon_main #chart .chartA .rank {
	/* width:160px; */
	/*float:left;*/
	padding-left:5px;
	margin:0px;
	width: 140px;
	}

#supacon_main #chart .chartA .rank li {
	width:42px;
	display: block;
	float: left;
	margin:0px;
	padding:0px;}

#supacon_main #chart .chartA .rank li.right {
	text-align:right;}

#supacon_main #chart .chartA .rank li.center {
	text-align:center;}

#supacon_main #chart .chartA .name {
	/* width:160px; */
	/* float:left; */
	display:block;
	font-size:120%;
	font-weight:bold;
	padding:2px 5px;
	text-align:left;
	color:#000000;}

#supacon_main #chart .chartA .name a:link {color: #000000; text-decoration: none;}
#supacon_main #chart .chartA .name a:hover {color: #FF7800; text-decoration: underline;}
#supacon_main #chart .chartA .name a:active {color: #FF7800; text-decoration: none;}
#supacon_main #chart .chartA .name a:visited {color: #FF7800; text-decoration: underline;}

#supacon_main #chart .chartA .bikename {
	width: 98%;
	float:left;
	display:block;
	font-size:85%;
	padding:0px 5px;
	text-align:left;}

#supacon_main #chart .chartA .bikename span.cc {
	display: block;
	float: right;
	text-align: center;
	margin:0px;
	padding:0px 2px;}

#supacon_main #chart .chartA .bikename span.cc2 {
	display: block;
	float: right;
	text-align: center;
	margin:0px;
	padding:0px 15px 0px 0px;}

#supacon_main #chart .chartA .handicap {
	text-align:center;
	color:#000000;
	font-size:110%;
	font-weight:bold;
	/* width: 34px; */
}

#supacon_main #chart .chartA .handicap02 {
	text-align:center;
	color:#000000;
	font-size:93%;}

#supacon_main #chart .chartA .txt_B {
	text-align:center;
	color:#000000;
	font-size:110%;
	font-weight:bold;}

#supacon_main #chart .chartA .txt_W {
	text-align:center;
	color:#FFFFFF;
	font-size:110%;
	font-weight:bold;}

#supacon_main #chart .chartA tr.bg_Gray {
	background-color:#F2F2F2;}

#supacon_main #chart .chartA th.bg_White,
#supacon_main #chart .chartA td.bg_White {
	background-color:#FFFFFF;
	color:#000000;}

#supacon_main #chart .chartA th.bg_Black,
#supacon_main #chart .chartA td.bg_Black {
	background-color:#000000;
	color:#FFFFFF;}

#supacon_main #chart .chartA th.bg_Red,
#supacon_main #chart .chartA td.bg_Red {
	background-color:#FF0000;
	color:#000000;}

#supacon_main #chart .chartA th.bg_Blue,
#supacon_main #chart .chartA td.bg_Blue {
	background-color:#0000FF;
	color:#FFFFFF;}

#supacon_main #chart .chartA .bg_Blue03 {
	background-color:#D4D9FF;
	/* height:70px; */
	}

#supacon_main #chart .chartA th.bg_Yellow,
#supacon_main #chart .chartA td.bg_Yellow {
	background-color:#FFFF00;
	color:#000000;}

#supacon_main #chart .chartA .bg_Yellow03 {
	background-color:#FFFEDE;
	/* height:70px; */}

#supacon_main #chart .chartA th.bg_Green,
#supacon_main #chart .chartA td.bg_Green {
	background-color:#339933;
	color:#FFFFFF;}

#supacon_main #chart .chartA th.bg_Orange,
#supacon_main #chart .chartA td.bg_Orange {
	background-color:#FF9900;
	color:#000000;}

#supacon_main #chart .chartA th.bg_Pink,
#supacon_main #chart .chartA td.bg_Pink {
	background-color:#FF99CC;
	color:#000000;}


#supacon_main #chart .chartA .pigup {
	/* width:44px; */
	/* float:left; */
	/* padding:0px; */
	/* margin:0px auto; */
	}

#supacon_main #chart .chartA .pigup li {
	/* width:15px; */
	/* display: block; */
	/* float: left; */
	/* margin:0px auto; */
	/* padding:2px 3px; */
	}

#supacon_main #chart .chartA .chartB {
	margin: 0 auto;
	padding:0px;
	width: 100%;
	border-top: none;
	border-left: none;
	height: 100%;
}	

#supacon_main #chart .chartA .chartB td {
	border-bottom: none;
	border-right: none;
	/* padding: 2px 1px; */
	text-align:center;
	/* background-color: #FFF; */
	height: 25px;
}
@media screen and (max-width:640px){
	#supacon_main #chart .chartA .chartB td {height:2em;}
}

#supacon_main #chart .chartA .chartB tr.dot01 {
	background-image: url(/images/line/lineGray.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-bottom: none;
	border-right: none;
	padding: 0px;}

#supacon_main #chart .chartA .chartB .racenumber {
	text-align:center;
	width: 52px;
}
#supacon_main #chart .chartA .chartB {
	background-color: #fff;
}	
#supacon_main #chart .chartA .chart_bgPink .chartB{
	background-color:#F3C0E8;}

#supacon_main #chart .chartA .chart_bgBlue .chartB {
	background-color:#C7F6FF;}

#supacon_main #chart .chartA .chart_bgGreen .chartB{
	background-color:#B3FFB7;}

#supacon_main #chart .chartA .chartB .racenumber a:link {color: #000000; text-decoration: none;}
#supacon_main #chart .chartA .chartB .racenumber a:hover {color: #FF7800; text-decoration: underline;}
#supacon_main #chart .chartA .chartB .racenumber a:active {color: #FF7800; text-decoration: none;}
#supacon_main #chart .chartA .chartB .racenumber a:visited {color: #FF7800; text-decoration: underline;}

#supacon_main #main .Buy {
	background-color:#454545;
	background-image: url(/images/supacon/title_Buy.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	/* min-height: 30px; */
	/* margin-bottom: -3px; */
	text-align: left;
	padding-left: 30px;
	/* padding-top: 3px; */
	}

#supacon_main #main .Buy p.txt {
	float:left;
	color:#FFFFFF;
	font-size:85%;
	font-weight:bold;
	/* padding-left:30px; */
	padding-top: 0px;
	width: 245px;
	text-align: left;
	line-height: 3em;
	}
#supacon_main #main #expect-vote-recommend{
    display: inline-block;
}
#supacon_main #main .Buy ul {
	display: inline-block;
	}

#supacon_main #main .Buy li {
	display: block;
	float: left;
	margin:0px;
	padding-top:2px;}

#supacon_main #main .Buy li.right {
	display: block;
	margin-right: 20px;
	}
	
#supacon_main #main .Buy li.white {
	color:#FFFFFF;
	display: block;
	float: left;
	font-size:108%;
	margin:0px 5px;
	padding-top:6px;
	line-height: 1em;
	}

#supacon_main #main .Buy .now {
	float:right;
	/* margin-right:10px; */
	margin: 3px 5px;
	}

#supacon_main #main .TimeWrap {
	background-color:#000000;
}
#supacon_main #main .Time {
	background-color:#000000;
	background-image: url(/images/supacon/title_Time.gif);
	background-position: top left;
	background-repeat: no-repeat;
	/* height:30px; */
	/* margin-bottom:5px; */
	z-index: 1;
	text-align: left;
	}

#supacon_main #main .Time p.txt {
	display: inline-block;
	color:#FFFFFF;
	font-size:85%;
	font-weight:bold;
	padding-left:30px;
	padding-top:7px;
	width: 230px;
	text-align: left;
	}

#supacon_main #main .Time ul {
	/* padding-left:245px; */
	/* background-color: black; */
	/* margin-left: 20px; */
	/* clear: both; */
	display: inline-block;
	/* margin-top: 1px; */
	}

#supacon_main #main .Time li {
	display: inline-block;
	/* float: left; */
	color:#FFB400;
	font-size:90%;
	margin-left: 3px;
	/* padding-top: 6px; */
	line-height: 29px;
	}
	
#supacon_main #main .Time li.white {
	color:#FFFFFF;
	display: inline-block;
	/* float: left; */
	font-size:90%;
	margin-right: 0px;
	/* padding-top:6px; */
	}

#supacon_main #main .Articles {
	background-color:#000000;
	background-image: url(/images/supacon/title_Articles.gif);
	background-position: left;
	background-repeat: no-repeat;
	height:30px;
	margin:0px;}

#supacon_main #main .Articles p.txt {
	float:left;
	color:#FFFFFF;
	font-size:85%;
	font-weight:bold;
	padding-left:30px;
	padding-top:7px;}

#supacon_main #main .Articles ul {
	padding-left:245px;}

#supacon_main #main .Articles li {
	display: block;
	float: left;
	color:#FFFFFF;
	font-size:108%;
	margin-right:3px;
	padding-top:6px;}

#supacon_main #main .ArticlesWaku {
	max-width:950px;
	border:5px #A3A3A3 solid;
	padding:15px;
	margin-bottom:20px;}

#supacon_main .phLeft {
	float: left;
	margin-right:10px;
	}

#supacon_main .phRight {
	float:right;
	margin-top:20px;}

#supacon_main .mgT20 {
	margin-top:20px;}


/* topleftArea */
#supacon_main #inner #topleftArea {
	float: left;
	max-width: 780px;
	margin-top:5px;}

#supacon_main #inner #topleftArea #leftL {
	float: left;
	max-width: 270px;
	margin-top:10px;}

#supacon_main .data {
	max-width:266px;}

#supacon_main .data .Weather {
	border-right-color: #BBBBBB;
	border-right-style: solid;
	border-right-width: 1px;
	display: block;
	float: left;
	text-align: center;
	padding:0px;
	width: 100px;}	

#supacon_main .data .Weather img {
	margin-bottom:5px;}

#supacon_main .data .righticon {
	width:50px;
	display: block;
	float: left;
	text-align:center;
	line-height:1.2em;
	margin-left:8px;
	margin-top:3px;
	padding:0px;
	color:#FF7800;
	text-align:center;}

#supacon_main .data .righticon img {
	margin-top:5px;}

#supacon_main .data .righticon02 {
	width:50px;
	display: block;
	float: left;
	text-align:center;
	line-height:1.2em;
	margin-top:8px;
	padding:0px;
	color:#FF7800;
	text-align:center;}

#supacon_main .data .righticon02 img {
	margin-top:15px;}

	

#supacon_main #inner #topleftArea #leftR {
	float: right;
	max-width: 500px;
	margin-top:10px;}

#supacon_main #pigupraceBox {
	float:right;
	margin: 0 0 15px 0;}

#supacon_main #pigupraceBox h2 {
	background-image: url(/images/supacon/piguprace_title.gif);
	background-position: left;
	background-repeat: no-repeat;
	max-width:477px;
	height:26px;
	color:#FF7800;
	font-weight:bold;
	font-size:108%;
	margin:0px;
	padding:5px 0px 0px 23px;}

#supacon_main #pigupraceBox .name {
	background-color:#454545;
	padding:5px 0px 0px 10px;
	max-width:490px;
	height:28px;}

#supacon_main #pigupraceBox .name span.date {
	color: #FFFFFF;
	padding: 0px 0px 0px 15px;
	font-size:108%;}

#supacon_main #pigupraceBox .inner {
	max-width:496px;
	background-color: #ffffff;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width:2px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width:2px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width:2px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width:2px;
	padding: 0px 0px;}

#supacon_main #pigupraceBox .inner ul {
	}

#supacon_main #pigupraceBox .inner ul li {
	padding:8px 0px;
	background-color:#FFFFFF;}

#supacon_main #pigupraceBox .inner ul li.Gray {
	padding:8px 0px;
	background-color:#F2F2F2;}
	
#supacon_main .raceNo {
	background-image: url(/images/supacon/bg_Black.gif);
	background-position: left;
	background-repeat: no-repeat;
	width:26px;
	height:14px;
	display: block;
	float:left;
	text-align:center;
	color:#FFFFFF;
	padding-bottom:2px;
	_padding-bottom:0px;
	margin-left:8px;}

#supacon_main .raceNo a:link {color: #FFFFFF;}
#supacon_main .raceNo a:hover {color: #FFFFFF;}
#supacon_main .raceNo a:active {color: #FFFFFF; text-decoration: underline;}
#supacon_main .raceNo a:visited {color: #FFFFFF; text-decoration: underline;}

#supacon_main .Noname {
	width:160px;
	display: block;
	float:left;
	text-align:left;
	color:#000000;
	padding:0px;
	margin-left:8px;
	font-size:108%;}

#supacon_main .Noname img {
	margin-right:5px;
	margin-top:-2px;
	_margin-top:0px;}

#supacon_main .pigupraceicon {
	text-align:left;
	color:#000000;
	display: block;
	float: left;
	padding: 0px;
/*	width: 65px;*/
	margin-left:5px;
	font-size:90%;}

#supacon_main .pigupraceicon img {
	margin-right:5px;
	margin-bottom:1px;}
	
#supacon_main #pigupraceBox .noinner {
	max-width:496px;
	background-color: #FFE9E9;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width:2px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width:2px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width:2px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width:2px;
	padding: 10px 0px;
	text-align:center;
	display:block;}


/* toprightArea */
#supacon_main #inner #toprightArea {
	float: right;
	width: 200px;
	margin-top:5px;}

#supacon_main .toptitle {
	margin: 10px 0px;}

#supacon_main .txt_C {
	text-align:center;}

/* profile */
#spacon_profile {
	max-width: 750px;
	margin-bottom:15px;
	background-color: #464646;
	font-size: 13px;
    margin-left: auto;
    margin-right: auto;
}

#spacon_profile #inner {
	max-width:704px;
	/* margin:10px auto; */
	padding-bottom:10px;
	background-color: #000000;
	padding: 0 2%;
	}

#spacon_profile #inner h2 {
	background-image: url(/images/supacon/profile_title.gif);
	background-position: left;
	background-repeat: no-repeat;
	color:#FFFFFF;
	padding:18px 0px 0px 30px;
	width: 100%;
	height: 52px;
	position:relative;
	font-size: 100%;
	line-height: 1.5;
	}

#spacon_profile #inner h2 span.name {
	font-size:131%;
	font-weight:bold;
	float:left;}

#spacon_profile #inner h2 span.date {
	float: right;
	/* top:18px; */
	/* right:30px; */
	margin-right: 2%;
	}

#spacon_profile #inner .profile {
	max-width:664px;
	margin:0px;
	/* padding:15px 20px 5px 20px; */
	}

#spacon_profile #inner .profile .detail {
	float:left;
	max-width:489px;}

#spacon_profile #inner .profile .photo {
	float:right;
	background-image: url(/images/supacon/bg_profilephoto.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 150px;
	height: 100%;
	/* margin-left:30px; */
	padding: 10px;
	margin: 10px;
	}

#spacon_profile #inner .deta {
	max-width:664px;
	margin:0px;
	/* padding:0px 20px 10px 20px; */
	}

#spacon_profile #inner .deta .rank {
	float:left;
	max-width:325px;
	margin-right:14px;}

#spacon_profile #inner .deta .trialrun {
	float:left;
	max-width:325px;}

#spacon_profile #inner .title_Rank {
	float:left;
	width:100%;
	border-bottom:5px #FE83FF solid;
	margin:13px 0px 0px 0px;
	padding-bottom:5px;}

#spacon_profile #inner .title_Trialrun {
	float:left;
	width:100%;
	border-bottom:5px #C20000 solid;
	margin:10px 0px 0px 0px;
	padding-bottom:5px;}

#spacon_profile #inner .Chart {
	width: 95%;
	width:638px;
	border:3px #FFDCDC solid;
	background-color:#FFFFFF;
	margin:10px auto;
	padding:10px;
	box-sizing: content-box;
	}

#spacon_profile #inner .title {
	max-width:664px;
	margin:0px;
	/* padding:0px 20px 10px 20px; */
	}

#spacon_profile #inner .title_Title {
	float:left;
	width:100%;
	border-bottom:5px #EC9320 solid;
	margin:10px 0px 0px 0px;
	padding-bottom:5px;}

#spacon_profile #inner .title_Stats {
	float:left;
	width:100%;
	border-bottom:5px #8CC63F solid;
	margin:10px 0px 0px 0px;
	padding-bottom:5px;}

#spacon_profile #inner .title_Mediation {
	float:left;
	width:100%;
	border-bottom:5px #EAC100 solid;
	margin:10px 0px 0px 0px;
	padding-bottom:5px;}

#spacon_profile #inner .Close {
	max-width:690px;
	margin:10px 7px;
	padding:0px;
	text-align:center;
	position:relative;}

#spacon_profile #inner .Close .Screw_L {
	position:absolute;
	float:left;
	top:0px;
	left:0px;}

#spacon_profile #inner .Close .Screw_R {
	position:absolute;
	float:left;
	top:0px;
	left:673px;}

#spacon_profile #inner  .txt_C {
	text-align:center;}

/*  */
#spacon_profile #inner #chart {
	float: left;
	width: 100%;
	margin:0px;}

#spacon_profile #inner #chart .chartB {
	margin: 0 auto;
	border-top-color: #FFFFFF;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style:solid;
	border-right-width: 1px;
	max-width: 332px;
	float: left;
	margin-right: 0px;
	}	

#spacon_profile #inner #chart .chartB th {
	background-color:#CDCDCD;
	border-bottom-color: #FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 3px 5px;
	color:#222222;
	vertical-align: middle;
	/* height: 3.5em; */
	}

#spacon_profile #inner #chart .chartB td {
	background-color:#000000;
	border-bottom-color: #FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style:solid;
	border-right-width: 1px;
	/* padding: 3px 5px; */
	color: #FFFFFF;
	height: 2.4em;
	}

#spacon_profile #inner #chart .chartB td.Gray {
	background-color:#757575;
	text-align:center;}

#spacon_profile #inner #chart .chartB td.Red {
	background-color:#FFD4D4;
	color:#222222;
	text-align:center;}

#spacon_profile #inner #chart .chartB td.Red02 {
	background-color:#FFE4E4;
	color:#222222;
	text-align:center;}

#spacon_profile #inner #chart .chartB td.Blue {
	background-color:#D7EAFF;
	color:#222222;
	text-align:center;}

#spacon_profile #inner #chart .chartB td.Blue02 {
	background-color:#EBF5FF;
	color:#222222;
	text-align:center;
	/* height: 3em; */
	}

#spacon_profile #inner #chart .chartB th.txtC,
#spacon_profile #inner #chart .chartB td.txtC {
	text-align:center;
	height: 3.5em;
	}

#spacon_profile #inner #chart .chartC {
	margin: 0 auto;
	border-top-color: #FF9797;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #FF9797;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color: #FF9797;
	border-right-style:solid;
	border-right-width: 1px;}	

#spacon_profile #inner #chart .chartC th {
	background-color:#FFDCDC;
	border-bottom-color: #FF9797;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #FF9797;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 3px 10px;
	color:#222222;
	text-align:left;}

#spacon_profile #inner #chart .chartC td {
	background-color:#000000;
	border-bottom-color: #FF9797;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #FF9797;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 3px 10px;
	color:#C20000;
	text-align:left;
	font-weight:bold;}







/*
graph graph graph
*/
#spacon_profile .Chart h3 {
background-image: url(/images/supacon/graph.gif);
background-position: left center;
background-repeat: no-repeat;
color: #c20001;
font-size: 108%;
font-weight: bold;
height: 20px;
line-height: 20px;
padding-left: 30px;
}
#chartWrap {
height: 240px;
width: 638px;
}

#chartWrap .jqplot-xaxis-tick,
#chartWrap .jqplot-yaxis-tick {
line-height: 1em;
text-align: center;
width: 1em;
font-size:100%;
/font-size:93%;
/line-height: 1.1em;
}
html>/**/body #chartWrap .jqplot-xaxis-tick,
html>/**/body #chartWrap .jqplot-yaxis-tick {  
font-size:93%;
line-height: 1.1em;
}

#supacon_main .pickupExplainauto,
#pickupExplainauto {
background-image: url(/images/supacon/bg_pickupExplain_auto.jpg);
background-position: center top;
background-repeat: no-repeat;
height:149px;
max-width: 780px;
margin: 0 0 10px 0;
}
#supacon_main .pickupExplainauto ul,
#pickupExplainauto ul {
padding: 15px 0 0 5px;
}
#supacon_main .pickupExplainauto ul li,
#pickupExplainauto ul li {
float: left;
width: 130px;
padding: 0 12px;
}

#supacon_main .pickupExplainauto2,
#pickupExplainauto2 {
background-image: url(/images/supacon/bg_pickupExplain_auto2.jpg);
background-position: center top;
background-repeat: no-repeat;
height:149px;
max-width: 750px;
margin: 0 0 10px 0;
}
#supacon_main .pickupExplainauto2 ul,
#pickupExplainauto2 ul {
padding: 15px 0 0 10px;
}
#supacon_main .pickupExplainauto2 ul li,
#pickupExplainauto2 ul li {
float: left;
width: 128px;
padding: 0 10px;
}
#supacon_main .supacon_nigher{
display: block;
float: left;
width: 30px;
}
#supacon_main .supacon_nigher em {
visibility: hidden;
white-space: nowrap;
}
#supacon_main .supacon_nighterOn {
background-image: url(/images/icon/nighter.png);
background-position: 6px center;
background-repeat: no-repeat;
}
#supacon_main .supacon_midnightOn{
background-image: url(/images/icon/midnight.png);
background-position: 6px center;
background-repeat: no-repeat;
}
#supacon_main .supacon_morningOn{
background-image: url(/images/icon/morning.png);
background-position: 6px center;
background-repeat: no-repeat;
}



/*
supacon supacon supacon
*/
#supaconTab {
	border-bottom-color: #075DD2;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	margin: 5px 0px 10px 0px;}
	
#supaconTab li {
	float: left;
	padding: 0px;}

@media screen and (max-width: 640px) {
	#supacon_main #main #charttitle02 .Select02 span {
	min-width: 17vw;}
	#supacon_main #main #charttitle02 #expect-reload {
	  height: auto;
	}

}

#yosokatsuBox {
	display:flex; 
	flex-wrap: wrap;
	width: 100%;
	height:auto;
	padding:0px;
	margin: 1% 0;}
.itemL { order: 1; width: 20%; display: flex; justify-content: center; align-items: center;text-align: center; vertical-align: middle;padding: 0; margin: 0; border: 1px solid #c5c5c5;}
.itemR { order: 2; width: 80%; text-align: left; padding: 1%; margin: 0; border-top: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}

.yosokatsuBtnB,
.yosokatsuBtnP {
	margin: 0;
	position: relative;}
.yosokatsuBtnB li {
	width: 45%;
	font-size: 130%;
	color: #FFFFFF;
	text-align: center;
	line-height: 3em;
	background-color: #1496be;
	border-radius: 5px;
	float: left;
	display: inline-block;
	margin: 0 2.5%;
	padding: 0;
	position: relative;}
.yosokatsuBtnP li {
	width: 45%;
	font-size: 130%;
	color: #FFFFFF;
	text-align: center;
	line-height: 3em;
	background-color: #eb6363;
	border-radius: 5px;
	float: left;
	display: inline-block;
	margin: 0 2.5%;
	padding: 0;
	position: relative;}
.yosokatsuBtnB li a,
.yosokatsuBtnP li a {
	color: #FFFFFF;
	display: block;}

.marquee {
	margin : 2% auto 0 auto;
	width : 95%;
	font-size : 120%;
	line-height: 2.5em;
	background-color: #f7d2d1;
	border-radius: 20px;
	text-align : center;
	overflow : hidden;}
.marquee p {
	margin:0;
	display : inline-block;
	padding-left: 100%;
	white-space : nowrap;
	line-height : 1em;
	animation : scrollAnime 15s linear infinite;}
@keyframes scrollAnime{
	0% { transform: translateX(0)}
	100% { transform: translateX(-100%)}
}

@media screen and (max-width:640px) {
.itemL { order: 1; width: 100%; height: auto;padding: 3% 3% 1% 3%;border-bottom: none;}
.itemR { order: 2; width: 100%; padding: 3%; border-top: none;border-left: 1px solid #c5c5c5;}
.yosokatsuBtnB li,
.yosokatsuBtnP li {
	width: 100%;
	font-size: 4vw;
	margin: 0 0 2% 0;}
.marquee {
	width : 100%;
	font-size : 3.8vw;
	line-height: 2.5em;}
}