@charset "utf-8";

body{
	background-image:url("../img/topMenuBg.png");
	color:#ddd;
}
a.button{
	box-shadow:inset 0px -15px 15px 0px rgba(0,0,0,0.15), inset 0px 15px 15px 0px rgba(255,255,255,0.15);
	display:inline-block;
	background-color:#14CCC7;
	border:1px solid #053332;
	padding:5px 20px;
	color:#eee;
	text-decoration:none;
}
a.button:hover{
	background-color:#053332;
	color:#14CCC7;
}
.breakAll{
	word-break: break-all;
}
/*************************************/
/* レイアウト */
/*************************************/
div.leftCol{
	float:left;
	width:200px;
	margin:0;
	padding:0;
}
div.rightCol{
	float:right;
	width:758px;
	border-right:1px solid #14CCC7;
	border-left:1px solid #14CCC7;
	margin:0;
	padding:0;
	min-height:462px;
}
div.leftColRank{
	float:left;
	width:758px;
	margin:0;
	padding:0;
	border-right:1px solid #14CCC7;
	border-left:1px solid #14CCC7;
	min-height:270px;
}
div.rightColRank{
	float:right;
	width:200px;
	margin:0;
	padding:0;
}

div.leftColHalf{
	float:left;
	width:50%;
}
div.rightColHalf{
	float:right;
	width:50%;
}

div.col, div.cautionCol{
	background:rgba(0,0,0,0.7);
	margin:0 20px 20px 20px;
	padding:20px;
}
div.mypageInfoCol{
	margin-bottom:10px;
	border-bottom:1px solid rgba(5,51,50,0.8);
	padding:0 0 10px 0;
}
div.cautionCol{
	margin-top:20px;
}
div.robotInfoImg{
	position:relative;
	float:left;
	margin:20px 0 20px 20px;
}
img.fameImg{
	position:absolute;
	top:-10px;
	right:-10px;
}
div#robotInfoRank{
	position:relative;
	background:rgba(5,51,50,0.8);
	border:1px solid #14CCC7;
	float:right;
	width:380px;
	height:90px;
	margin:20px 20px 0 0;
	background-image:url("../img/robotInfoRankBg.png");
	background-repeat: no-repeat;
	background-position:15px 10px;
}
div#robotInfoRank h2{
	position:absolute;
	top:7px;
	left:40px;
	color:#14CCC7;
	font-size:20px;
	font-weight:normal;
}
div#robotInfoRankPoint{
	position:absolute;
	top:40px;
	left:40px;
	font-size:27px;
}
div#robotInfoRankRank{
	position:absolute;
	top:22px;
	right:30px;
	font-size:45px;
	font-weight:bold;
}
div#robotInfoRankRank span{
	font-size:30px;
}
div.robotInfoRight{
	background:rgba(0,0,0,0.7);
	margin:20px 20px 20px 20px;
	padding:20px;
	float:right;
	width:340px;
}

/*************************************/
/* H */
/*************************************/
h1{

}
h2.col{
	margin:20px 20px 0px 20px;
	background:rgba(5,51,50,0.8);
	color:#14CCC7;
	font-size:100%;
	font-weight:normal;
	padding:5px 20px 3px 20px;
	background-image:url("../img/mypageH2Bg.png");
	background-repeat: no-repeat;
	background-position:8px 5px;
	overflow:hidden;
}
h3{
	color:#14CCC7;
	padding:5px 0;
}
/*************************************/
/* ヘッダー */
/*************************************/
div#pageTitle{
	border:1px solid #14CCC7;
	border-top:none;
	background-image:url("../img/pageTitleBg.png");
	background-repeat: no-repeat;
	background-position:right top;
	height:70px;
}
div#pageTitle h1{
	background-image:url("../img/pageH1Bg.png");
	background-repeat: no-repeat;
	background-position:15px 32px;
	color:#14CCC7;
	font-size:250%;
	padding:10px 0 0 45px;
}
div#pageTitle h1 span{
	color:#eee;
	font-size:50%;
	font-weight:normal;
	margin-left:20px;
}
#topFacebookLink{
	margin:3px 0 0 10px;
	display:inline-block;
	vertical-align:middle;
}
#topFacebookLink img{
	width:30px;
	border:1px solid #888;
	border-radius:2px;
}
#topYoutubeLink{
  display:inline-block;
  width:35px;
  word-break: break-all;
  line-height:14px;
  margin-left:5px;
  vertical-align:middle;
  text-align:center;
}
div#headerWrapUser{
	background-color:rgba(20,204,199,0.4);
	border-bottom:1px solid #14CCC7;
}
div#headerUser{
	height:40px;
	width:958px;
	margin:0 auto;
}
a.headerButton{
	padding:2px 20px;
}
div#topRightMenu{
	margin:0;
	padding:5px 0 0 0;
	float:right;
}
div#logo{
	float:left;
	margin:10px 10px 0 0;
}
div#headerTitle {
	padding:7px 0 0 0;
	display:inline-block;
}
div#headerTitle a {
	color:#fff;
  font-size:14px;
  letter-spacing:0.05em;
  margin-top:3px;
}

/*************************************/
/* レフトメニュー */
/*************************************/
div.leftMyMenuWrap{
	margin:0;
	padding:5px 0;
	position:relative;
}
div.leftMyMenuWrap div{
	text-align:center;
	color:#fff;
}
ul.leftMyMenu{
	border-left:1px solid #14CCC7;
}
ul.leftRankMenu{
	border-right:1px solid #14CCC7;
	border-left:none;
}
ul.leftMyMenu li{
	margin:0px;
	padding:0;
	border-bottom:1px solid #14CCC7;
}
ul.leftMyMenu li a{
	display:block;
	background-image:url("../img/mypage_menu_bg.png");
	background-repeat: no-repeat;
	width:180px;
	height:55px;
	color: #14CCC7;
	font-size:19px;
	padding:10px 0 0 20px;
	line-height:1.4;
}
ul.leftMyMenu li a span{
	color:#fff;
	font-size:12px;
}
ul.leftMyMenu li a:hover{
	background-image:url("../img/mypage_menu_bg_on.png");
	color:#fff;
	text-decoration:none;
}
/*************************************/
/* パンくず */
/*************************************/
div.pankuzu{
	background-color:rgba(20,204,199,0.4);
	padding:2px 0 1px 15px;
	color:#ccc;
	font-size:80%;
}
div.pankuzu a{
	margin:0 5px 0 0;
	padding:0px 5px;
	color:#ccc;
	text-decoration:none;
}
div.pankuzu a:hover{
	color:#9FCAE6;
	background-color:#0e7bc1;
}

/*************************************/
/* table */
/*************************************/
table.view{
	margin:10px 0;
	border-top:1px #0F9995 solid;
	border-bottom:1px #0F9995 solid;
}
table.view td, table.view th{
	background:none;
	padding:10px 15px 7px 15px;
	border-bottom:1px dotted #042625;
}
table.view th{
	background:rgba(5,51,50,0.8);
	color:#eee;
	font-weight:normal;
}
table.line{
	border-spacing:0;
	margin:10px 0;
	word-break: break-all;
}
table.line td, table.line th{
	background:none;
	border:1px #14CCC7 solid;
	padding:5px 15px 3px 15px;
}
table.line th{
	background:rgba(5,51,50,0.8);
	color:#eee;
	font-weight:normal;
}

table.tment{
	margin:50px 0px;
}
table.tment th, table.tment td{
	word-break: break-all;
	text-align: justify;
	text-justify: inter-ideograph;
	padding:5px 0px;
	width:30px;
	text-align:center;
	line-height:1.1;

}
table.tment caption{
	padding-bottom:5px;
}
table.tment td{
	position:relative;
	height:50px;
	padding:0;
}
table.tment td span.round, table.tment td span.round1{
	position:absolute;
	bottom:3px;
	left:50%;
	padding-left:3px;
	font-size:10px;
}
table.tment td span.round1{
	padding:0;
	bottom:10px;
	left:45%;
}
table.tmentData, span#round_num, span#third_num{
	display:none;
}
div#tmentWrap{
	position:relative;
	display:inline-block;
	padding:0 10px;
}
div#tmentRingA{
	background-color:rgba(255,0,0,0.5);
	width:50%;
	height:135px;
	position:absolute;
	top:325px;
	left:0px;
}
div#tmentRingB{
	background-color:rgba(0,0,255,0.5);
	width:50%;
	height:135px;
	position:absolute;
	top:325px;
	right:0px;
}
div#tmentRingA b, div#tmentRingB b{
	margin-left:5px;
	font-size:18px;
}
div#tmentRingA b span, div#tmentRingB b span{
	font-size:11px;
	font-weight:normal;
}
#tmentPrint{
	display:inline-block;
}
#tmentImg{
	clear:both;
}


/*************************************/
/* トーナメント表横書き */
/*************************************/
#tmentImg{
	margin:0 0 50px 30px;
}

#tmentWrapSide{
	margin:50px 0;
	position:relative;
}
.tmentSide{
	border-spacing:0;
	border-collapse: collapse;
}
.tmentSide th{
	text-align:left;
	padding:0 10px;
	background:rgba(255,255,255,0.1);
	height:24px;
	font-size:14px;
	line-height:1;
}
.tmentSide tr:nth-child(2n) th{
  background:rgba(255,255,255,0.2);
}
.tmentSide td{
	min-width:40px;
  padding:0px;
	position:relative;
}
.tmentSide td canvas{
  margin:-1px;
}
.tmentSide td span {
    position: absolute;
    bottom: 50%;
    left: 3px;
    padding-left: 3px;
    font-size: 10px;
}
.tmentSide td span.round1{
  bottom: 20px;
  left: 6px;
}
.tmentSide{
	position:relative;
}
.tmentSide caption{
	position:absolute;
	top:50%;
	right:-60px;
	margin-top:-28px;
}
.tmentSide caption.tmentSideThirdCaption{
  right:-40px;
  margin-top:-15px;
}
.tmentSideThirdTitle{
	margin:0 0 10px 0;
	font-size:20px;
}



.tmentPrintSide{
	padding-right:70px;
}
div#tmentRingSideA{
  background-color:rgba(255,0,0,0.3);
  height:49.8%;
  width:160px;
  position:absolute;
  top:0;
  left:200px;
  text-align:right;
  font-size:12px;
}
div#tmentRingSideB{
  background-color:rgba(0,0,255,0.3);
  height:50.2%;
  width:160px;
  position:absolute;
  top:49.8%;
  left:200px;
  text-align:right;
  font-size:12px;
}
div#tmentRingSideA b, div#tmentRingSideB b{
  margin-left:5px;
  font-size:18px;
}
div#tmentRingSideA b span, div#tmentRingSideB b span{
  font-size:11px;
  font-weight:normal;
}



/*************************************/
/* フォーム */
/*************************************/
input[type=submit], button{
	background-color:#14CCC7;
	border:1px solid #999999;
	box-shadow:inset 0px -15px 15px 0px rgba(0,0,0,0.15), inset 0px 15px 15px 0px rgba(255,255,255,0.15);
	padding:5px 20px;
	min-width:100px;
	color:#fff;
	font-size:15px;
	line-height:1.7;
}
/*************************************/
/* ページネート */
/*************************************/
div.paging{
	background:rgba(5,51,50,0.8);
	padding:5px 20px;
	margin:10px 0 0 0;
	text-align:center;
	overflow:hidden;
}
/*************************************/
/* 大会セレクト */
/*************************************/
.choose_tournament{
  background: #14CCC7;
  color:#fff;
  margin:0;
  padding:10px 20px;
  cursor:pointer;
}
.choose_tournament:hover{
  opacity:0.8;
}
div.choose_tournament_block{
  border-radius:0 0 3px 3px;
}