@charset "utf-8";
/*
* player.css
*
* date: 2014/MM/DD
*/

/* ttlPosition
-------------------------------------------------- */
#mainSection .ttlPosition {
	background: url(/_img/bg/bg_title_bar01.gif) no-repeat;
	font-size: 15px;
	height: 42px;
	line-height: 42px;
	text-indent: 20px;
	width: 760px;
}

/* phPlayer
-------------------------------------------------- */
#mainSection ul.phPlayer {
	margin: 20px 0 20px 15px;
}
	#mainSection ul.phPlayer li {
		float: left;
		margin: 0 30px 20px 0;
		width: 120px;
	}
	#mainSection ul.phPlayer li:nth-child(5n) {
		margin: 0 0 20px 0;
	}
		#mainSection ul.phPlayer li .photo {
			position: relative;
		}
			#mainSection ul.phPlayer li .photo img {
				max-height: 155px;
				max-width: 120px;
			}
		#mainSection ul.phPlayer li .fw:after {
			content: url(/player/img/ico_position_01.png);
			position: absolute;
			right: 0;
			bottom: 0;
		}
		#mainSection ul.phPlayer li .mf:after {
			content: url(/player/img/ico_position_02.png);
			position: absolute;
			right: 0;
			bottom: 0;
		}
		#mainSection ul.phPlayer li .df:after {
			content: url(/player/img/ico_position_03.png);
			position: absolute;
			right: 0;
			bottom: 0;
		}
		#mainSection ul.phPlayer li .gk:after {
			content: url(/player/img/ico_position_04.png);
			position: absolute;
			right: 0;
			bottom: 0;
		}
		#mainSection ul.phPlayer li .nameJp {
			margin: 5px 0 0 5px;
		}
		#mainSection ul.phPlayer li .nameEn {
			color: #008851;
			font-size: 11px;
			margin: 2px 0 0 5px;
		}
		#mainSection ul.phPlayer li .nameBe {
			color: #000000;
			font-size: 11px;
			line-height:1.1;
			margin: 2px 0 0 5px;
		}
	#mainSection .presentTime {
		color: #000000;
		font-size: 11px;
		line-height:1.1;
		text-align: right;
		padding: 0 10px 10px;
	}
	/* phPlayer
-------------------------------------------------- */
#mainSection ul.phPlayer2 {
	margin: 0 0 20px;
}
	#mainSection ul.phPlayer2  li {
		border-bottom:1px solid #AAAAAA;
		height:50px;
		display:table;
		width:100%;
	}
		#mainSection ul.phPlayer2  li div{
		display:table-cell;
		vertical-align:middle;
		}
		#mainSection ul.phPlayer2  li .nameTy{
			font-size:13px;
			color:#00995B;
			padding:0 20px 0;
			width:150px;
		}
		#mainSection ul.phPlayer2  li .nameJp{
			font-size:13px;
			color:#000000;
		}
		#mainSection ul.phPlayer2  li .nameEn{
			font-size:11px;
			color:#008851;
			padding:0 0 0 10px;
		}
	#mainSection p.close{
		text-align: center;
		font-size:20px;
		padding-top:30px;
	}

/* menuTab
-------------------------------------------------- */
#menuTab li {
	background: url(/_img/bg/bg_main_tab_no.png) no-repeat;
	float: left;
	height: 60px;
	text-align: center;
	width: 375px;
  margin: 0 0 10px 10px;
}

#menuTab li:hover{
	background: url(/_img/bg/bg_main_tab_on.png) no-repeat;
}

#menuTab li:nth-child(odd) {
	margin-left: 0;
}

#menuTab li.current {
	background: url(/_img/bg/bg_main_tab_on.png) no-repeat;
	color: #fff;
}

#menuTab li a {
	color: #006625;
	display: block;
	height: 100%;
}

#menuTab li a:hover {
	color: #fff;
}

#menuTab .ttl {
display: block;
font-size: 17px;
font-weight: bold;
line-height: 60px;
}

#menuTab .ttl:before {
content: url(/_img/ico/ico_arrow02_orange.png);
margin: 0 12px 0 0;
}

/* obListBlock
-------------------------------------------------- */
.obListBlock {
  width: 640px;
  margin: 20px auto;
}

.obListBlock dl {
  border-bottom: 1px dotted #666666;
  padding: 15px 30px;
  margin: 0;
}

.obListBlock dl > * {
  display: table-cell;
  vertical-align: middle;
}

.obListBlock dl > dt {
  width: 240px;
  font-size: 24px;
}

.obListBlock dl > dd {
  color: #008851;
  font-size: 14px;
}