@charset "utf-8";
/* =========================================================
   common style
   =======================================================*/

body {
  margin: 0;
  font-family: Osaka,"ＭＳ ゴシック";
}

img {
  border: 0;
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

.clearfix {
 zoom: 1;
 margin-bottom: 0;
}

/* =========================================================
   content style
   =======================================================*/

/* ------------ player-block ------------ */
div#player-block {
  font-size: 0;
  width: 774px;
  margin: 8px 0;
  border: 1px solid #a3a3a3;
  background: #e2e2e2;
}

/* ------------ player-main ------------ */
div#player-block div#player-main {
  float: left;
}

div#player-block div#player-main p {
  margin: 0;
}

div#player-block div#player-main ul {
  margin: 0;
  padding: 0;
}

div#player-block div#player-main ul li {
  margin: 0;
  padding: 0;
  float: left;
}

div#player-block div#player-main ul li#player-url {
  font-size: 0;
  width: 205px;
  height: 22px;
  background: transparent url(http://image.b-ch.com/contents/ttl3/player/bg_player_url.gif) no-repeat;
}

div#player-block div#player-main ul li#player-url input {
  font-size: 12px;
  width: 110px;
  height: 16px;
  margin: 3px 0 0 53px;
  padding: 0;
  border: 1px solid #a3a3a3;
  float: left;
}

div#player-block div#player-main ul li#player-url img {
  margin: 3px 0 0 4px;
  float: left;
}
/* ------------ player-main ------------ */

/* ------------ player-menu ------------ */
div#player-block div#player-menu {
  float: right;
  width: 286px;
  padding-top: 5px;
}

div#player-block div#player-menu ul {
  margin: 0;
  padding: 0;
}

div#player-block div#player-menu li {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}

div#player-block div#player-menu div#ttl-mv-list {
  font-size: 12px;
  width: 281px;
  height: 337px;
  margin-top: 5px;
  overflow-y: scroll;
  color: #000000;
  position: relative;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-lists {
  width: 263px;
  margin: 0 0 3px 0;
  background: #ffffff;
}

div#player-block div#player-menu div#ttl-mv-list div#active {
  background: #fffdc2;
}


div#player-block div#player-menu div#ttl-mv-list p.mv-thum {
  font-size: 0;
  margin: 1px 5px 1px 1px;
  padding: 1px;
  background: #ffffff;
  border: 1px solid #6d6d6d;
  float: left;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data {
  margin: 0;
  padding: 2px 0 0 0;
  float: left;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p {
  font-size: 0;
  width: 156px;
  margin: 0;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data span.free {
  font-size: 12px;
  color: #ff0000;
  line-height: 120%;
  margin: 0 2px 0 0;
  vertical-align: top;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data span.new {
  font-size: 12px;
  line-height: 110%;
  vertical-align: top;
  margin: 0 2px 0 0;
  padding: 0;
  background: none;
  position: relative;
  top: 1px;
  display: inline-block;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data span.mbronly {
  font-size: 12px;
  line-height: 110%;
  margin: 0 2px 0 0;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.fmv-title {
  word-break: break-all;
  font-size: 12px;
  line-height: 110%;
  margin: 0;
/*
  height: 25px;
*/
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-title {
  font-size: 12px;
  line-height: 110%;
  margin: 3px 0 0 0;
  height: 25px;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.fmv-title img,
div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-title img {
  font-size: 12px;
  line-height: 110%;
  position: relative;
  top: 1px;
  left: 2px;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-cart {
  font-size: 12px;
  line-height: 110%;
  height: 18px;
  margin: 1px 0 0 0;
  padding: 0;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-cart a:link,
div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-cart a:visited {
  color: #000000;
  text-decoration: none;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-cart a:hover {
  color: #000000;
  text-decoration: underline;
}



div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-cart span {
  height: 18px;
  padding: 3px 0 0 20px;
  background: transparent url(http://image.b-ch.com/contents/ttl3/common/icn_cart-black.gif) no-repeat;
  display: inline-block;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-play {
  font-size: 12px;
  line-height: 110%;
  height: 18px;
  margin: 4px 0 0 0;
  padding: 0;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-play img {
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-play a {
  color: #2857a3;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data p.mv-cart a:hover {
  color: #000000;
  text-decoration: underline;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data span.num-views {
  font-size: 10px;
  line-height: 110%;
  margin: 4px 0 0 0;
  float: left;
}

div#player-block div#player-menu div#ttl-mv-list div.mv-data span.limit {
  font-size: 10px;
  color: #ff0000;
  line-height: 110%;
  margin: 4px 0 0 0;
  float: right;
}

/* ------------ player-menu ------------ */
/* ------------ player-option ------------ */
div#player-option {
  float: left;
  width: 480px;
}
div#player-option .menu{
	float: left;
	width: 480px;
	margin: 0;
}
div#player-option .menu ul{
	width: 480px;
	margin: 0 0 0 0;
	padding: 0;
}
div#player-option .menu ul li{
	float: left;
	margin: 0;
	padding: 0;
}
div.player-collapse{
	clear: both;
	width: 774px;
}
div.player-collapse .social-button-list{
	clear: both;
	display: none;
	width: 764px;
	margin: 0;
	padding: 5px 5px 0 5px;
}
div.player-collapse .social-button-list ul{
	margin: 0;
	padding: 0;
}
div.player-collapse .social-button-list ul li{
	float: left;
}
div.player-collapse .social-button-list .tweet{
	width: 125px;
	margin-bottom: 5px;
}
div.player-collapse .social-button-list .mixi-check{
	width: 65px;
	margin-bottom: 5px;
}
div.player-collapse .social-button-list .mixi-like,
div.player-collapse .social-button-list .mixi-like iframe{
	width: 300px;
	height: 80px;
	margin-bottom: 5px;
}
div.player-collapse .social-button-list .fb-share{
	width: 100px;
	height: 21px;
	margin-bottom: 5px;
}
div.player-collapse .social-button-list span.fbconnectbutton {
	width: 60px;
}
div.player-collapse .social-button-list span.fb_share_count_inner {
	width: 10px;
}
div.player-collapse .social-button-list .fb-like,
div.player-collapse .social-button-list .fb-like iframe{
	width: 120px;
	height: 21px;
	margin-bottom: 5px;
}
div.player-collapse .display-url{
	display: none;
	width: 764px;
	padding: 5px;
}
div.player-collapse .display-url textarea{
	width: 470px;
	height: 23px;
	padding: 5px 0 5px 5px;
	border: 1px solid #6e6e6e;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
}

/* ------------ player-option ------------ */
/* ------------------ ttl-cotents ------------------ */