@charset "UTF-8";

/* body.index #content > #main
**************************************************/
body.detail #main #block00 .photo{
	float: left;
	margin: 0 0 30px;
	width: 285px;
}

body.detail #main #block00 .text{
	background: #fff;
	float: right;
	font-size: 1.4em;
	line-height: 1.5;
	width: 350px;
}

body.detail #main .block .box01{
	margin: 0 10px 0 0;
	_margin: 0 5px 0 0;
	width: 150px;
}

body.detail #main .block .box02{
	margin: 0 10px 0 0;
	width: 310px;
}

body.detail #main .block .box03{
	margin: 0 10px 0 0;
	width: 470px;
}

body.detail #main .block .box04{
	margin: 0 10px 0 0;
	width: 630px;
}

body.detail #main .block .box02 ul li,
body.detail #main .block .box03 ul li,
body.detail #main .block .box04 ul li{
	float: left;
	margin: 0 10px 20px 0;
	width: 150px;
}

body.detail #main .block .box02 ul li.double,
body.detail #main .block .box04 ul li.double{
	width:310px;
}

body.detail #main .block .spot01{
	margin-bottom: 24px;
}

/* ----- #block01 ------------------------------ */

body.index #main #block01 .new .photo{
	float: left;
	margin: 0 0 30px;
	width: 285px;
}

body.index #main #block01 .new .text{
	float: right;
	width: 350px;
}

body.index #main #block01 .new .text .box{
	background: #fff;
	border: solid 3px #ccc;
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 10px;
	padding: 20px;
}

body.index #main #block01 .new .text .box a{
	background: url(../../cmn/img/ic_link.gif) no-repeat top left;
	padding: 0 0 2px 15px;
}


body.index #main #block01 .new .text .box .gaora{
	background: #686867;
	padding: 10px;
}

body.index #main #block01 .new .text .box .gaora h3{
	border-bottom: solid 1px #fff;
	margin: 0 0 10px;
}

body.index #main #block01 .new .text .box .gaora a{
	background: none;
	color: #fff;
	padding: 0;

}

p.sub{
	margin: 0 0 10px 0;
	font-size: 1.4em;
	clear: both;
	background: url("/record/img/ic_sub_tit.gif") center left no-repeat;
	padding-left: 15px;
}

p.sub_tit {
	margin: 0px 0px 10px;
	font-size: 1.4em;
}

body.index #main #block01 ul{
	border-top: dotted 1px #666;
	padding: 15px 0 0;
}

body.index #main #block01 ul li{
	border-bottom: dotted 1px #666;
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

body.index #main #block01 ul li a{
	display: block;
	background: url(../../cmn/img/ic_link.gif) no-repeat top left;
	padding: 0 0 0 15px;
}


/* ----- #block02 ------------------------------ */

body.index #main #block02{
	background: #fff;
	border: solid 2px #666;
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 10px;
	padding: 20px;
}

body.index #main #block02 ul{
	border-top: dotted 1px #666;
	border-bottom: dotted 1px #666;
	margin: 0 0 20px;
}

body.index #main #block02 ul li{
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 0;
}

body.index #main #block02 ul li a{
	background: url(../../cmn/img/ic_link.gif) no-repeat center left;
	padding: 0 0 0 15px;
}

/* body.detail #content > #main
**************************************************/

body.detail #main h3.name{
	background: url(../../cmn/img/bg_ttl01.gif) repeat-x bottom left;
	font-size: 1.6em;
	padding: 0 0 10px;
	position: relative;
}
body.detail #main h3.name a.youtube {
	position: absolute;
	right: 0px;
	background: transparent url("/record/img/btn_yt.png") no-repeat scroll 0% 0%;
	padding-left: 20px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
}

body.detail #main #outline{
	margin: 0 0 10px;
}

body.detail #main #outline dl{
	font-size: 1.4em;
}

body.detail #main #outline dl dt{
	clear: both;
	float: left;
	padding: 10px 0;
	width: 3em;
}

body.detail #main #outline dl dd{
	border-bottom: dotted 1px #666;
	padding: 10px 0 10px 3em;
}


body.detail #main .block .main-photo{
	margin: 0 0 20px;
	text-align: center;
}

body.detail #main .block .main-photo p{
	font-size: 1.4em;
	line-height: 1.5;
	padding: 10px 0 0;
}
body.detail #main .block .ttl01 {
	position: relative;
	display: block;
}
body.detail #main .block .ttl01 a.youtube {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
}
body.detail #main .block .ttl01 a.youtube:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	background: transparent url("/record/img/btn_yt.png") no-repeat scroll 0% 0%;
	height: 16px;
	width: 16px;
	padding-right: 4px;
}
body.detail #main .block .main-photo a.youtube {
	display: block;
	margin-top: 5px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
}
body.detail #main .block .main-photo a.youtube:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	background: transparent url("/record/img/btn_yt.png") no-repeat scroll 0% 0%;
	height: 16px;
	width: 16px;
	padding-right: 4px;
}

body.detail #main .block ul{
	_margin: 0 0 20px;
}

body.detail #main .block ul li{
	border-bottom: solid 1px #ccc;
	float: left;
	margin: 0 10px 20px 0;
	_margin: 0 5px 20px 0;
	width: 150px;
}

body.detail #main .block ul li p{
	text-align: center;
	font-size: 1.4em;
	line-height: 1.5;
	padding: 5px 0;
}

body.detail #main .block ul li p img{
	_margin: 0 0 2px;
}

body.detail #main .block ul li p span{
	display: block;
	font-size: 0.8em;
}

body.detail #main .block ul li.first p.rank,
#main .table-record thead th.first {
	background: #CC0000;
	color: #ffffff;
}

body.detail #main .block ul li.second p.rank,
#main .table-record thead th.second {
	background: #003399;
	color: #ffffff;
}

body.detail #main .block ul li.third p.rank,
#main .table-record thead th.third {
	background: #009933;
	color: #ffffff;
}

body.detail #main .block ul li.other p.rank,
#main .table-record thead th.other {
	background: #ff9900;
	color: #ffffff;
}

#main .table-record thead th.award {
	background: #444;
	color: #ffffff;
}

body.detail #main .block ul li.end{
	margin-right: 0 !important;
}


.ic-link{
	background: url(../../../cmn/img/ic_link.gif) no-repeat top left;
	padding: 0 0 2px 15px;
}

.event {
	font-size: 14px;
	margin-bottom:15px;
}

.ippon {
	margin-bottom: -2px;
}
.line {
	border-bottom: 1px solid #CCC;
}

.ttl03 {
	position: relative;
}
#main .ttl03.add-space {
	padding-bottom: 1.7em;	
}
.block a.youtube {
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
}
.block a.youtube::before {
	content: "";
	display: inline-block;
	padding-right: 3px;
	width: 16px;
	height: 16px;
	background: transparent url("/record/img/btn_yt.png") no-repeat scroll 0% 0%;
	vertical-align: bottom;
}
.ttl03 a.youtube {
	position: absolute;
	right: 0px;
	bottom: 0.5em;
}
.block li a.youtube {
	font-weight: bold;
	margin-bottom: 5px;
}
.block li span.youtube {
	display: block;
	height: 16px;
	margin-bottom: 5px;
}

.table-record {
  width: 100%;
  border-collapse: collapse;
}
.table-record th{
  width: 100px;
  font-size: 1.4em;
}
.table-record td{
  width: 150px;
  font-size: 1.4em;
}
.table-record td span {
  font-size: 0.8em;
}
.table-record tbody th:first-child {
  background: #fafafa;
}

td.awase::after {
	content: "";
	display: block;
	width: 60px;
	height: 16px;
	margin-top: 3px;
	background: url("/record/img/ic_awase.gif") no-repeat top left;
}
td.ippon::after {
	content: "";
	display: block;
	width: 60px;
	height: 16px;
	margin-top: 3px;
	background: url("/record/img/ic_ippon.gif") no-repeat top left;
}
td.ko::after {
	content: "";
	display: block;
	width: 60px;
	height: 16px;
	margin-top: 3px;
	background: url("/record/img/ic_ko.gif") no-repeat top left;
}
td.tko::after {
	content: "";
	display: block;
	width: 60px;
	height: 16px;
	margin-top: 3px;
	background: url("/record/img/ic_tko.gif") no-repeat top left;
}
td.hantei::after {
	content: "";
	display: block;
	width: 60px;
	height: 16px;
	margin-top: 3px;
	background: url("/record/img/ic_hantei.gif") no-repeat top left;
}