@charset "utf-8";
/* =======================================================================
   
   LAYOUT
   
   ======================================================================= */

/* =======================================================================
   PAGE BUILDING
   ======================================================================= */
body {
  behavior: url(/css_lib/base/csshover3.htc);
/*
  background: #dedede url(/img/contents/ttl/ttl_freemv_bg.jpg) repeat-x;
  margin: 0;
*/
}

/* =======================================================================
   AREA BUILDING
   ======================================================================= */
div#ttl-freemv,
div#new-freemv {
  width: 960px;
  position: relative;
}

/* =======================================================================
   BLOCK BUILDING
   ======================================================================= */

/* =======================================================================
   
   STYLE
   
   ======================================================================= */

/* H
   ----------------------------------------------------------------------- */
div#ttl-freemv h3 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

div#ttl-freemv h3 span.num {
  font-weight: normal;
}

div#ttl-freemv h3 span.guide a,
div#ttl-freemv h3 span.guide a:hover{
  color: #ffffff;
}

div#new-freemv h3 {
  width: auto;
  margin: 0 0 5px 0;
  padding: 0;
  background: transparent;
  color: #000000;
}

div#new-freemv h3 span.guide a,
div#new-freemv h3 span.guide a:hover{
  color: #ffff00;
}

h3 span.num {
  font-weight: normal;
}

div h3 span.guide {
  padding-left: 20px;
}

/* -----------------------------------------------------------------------
   ttl-freemv
   ----------------------------------------------------------------------- */
div#ttl-freemv {
  width: 960px;
  margin-top: 5px;
  background: #79b7f6;
}

div#ttl-freemv-player {
  float: left;
  width: 240px;
}

div#ttl-freemv-player div#embed-area {
  width: 240px;
  margin: 5px 0 5px 0;
}

div#ttl-freemv-player div#embed-area p {
  float: left;
  font-size: 10px;
}

div#ttl-freemv-player div#embed-area p input {
  width: 120px;
  height: 18px;
  margin: 0 3px 0 0;
}

div#ttl-freemv-player div#embed-area p img {
  margin: 1px 0 0 2px;
}

div#ttl-freemv-player div#embed-area p#embed-text {
  width: 72px;
  padding: 3px 0 0 0;
  color: #ffffff;
}

div#new-freemv div#ttl-freemv-player div#embed-area p#embed-text {
  color: #000000;
}

div#ttl-freemv-player dl.blog-link dt {
  float: left;
  color: #ffffff;
}

div#new-freemv div#ttl-freemv-player dl.blog-link dt {
  color: #000000;
}

div#ttl-freemv-player dl.blog-link dd {
  float: right;
  padding: 0 3px 0 0;
}

/* - 2010/7/16- */
/* ------------ player-main ------------ */
div#ttl-freemv-player div#player-main {
  float: left;
  width: 480px;
  background: #e2e2e2;
}

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

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

div#ttl-freemv-player div#player-main ul li {
  font-size: 0;
  margin: 0;
  padding: 0;
  float: left;
}

div#ttl-freemv-player 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#ttl-freemv-player 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#ttl-freemv-player div#player-main ul li#player-url img {
  margin: 3px 0 0 4px;
  float: left;
}
/* ------------ player-main ------------ */

/* - 2010/7/16- */

div#ttl-freemv-list {
  float: right;
  width: 686px;
}

div#ttl-freemv div.bg-on {
  background: transparent url(/img/contents/ttl/ttl_freemv_list_bg.gif) no-repeat 0px 25px;
}

div#ttl-freemv div.bg-off {
  background: transparent;
}

div#ttl-freemv-list div#ttl-freemv-list-head {
  height: 25px;
}

div#ttl-freemv-list div#ttl-freemv-list-head h3 {
  float: left;
}

div#ttl-freemv-list div#ttl-freemv-list-head ul.paging {
  float: right;
  margin: 0 10px 3px 0;
  padding: 0;
}

div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li {
  float: left;
}

div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li a,
div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li a:hover,
div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li span.sept {
  color: #ffffff;
}

div#new-freemv div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li a,
div#new-freemv div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li a:hover {
  color: #ffff00;
}

div#new-freemv div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li span.sept {
  color: #000000;
}

div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li.back {
  width: 3em;
}

div#ttl-freemv-list div#ttl-freemv-list-head ul.paging li.next {
  width: 4em;
}

div#ttl-freemv-list dl {
  float: left;
  width: 333px;
  margin-bottom: 9px;
  margin-right: 10px;
  padding: 0;
  background: #ffffff;
  border-bottom: 1px solid #c1c1c1;
}

div#ttl-freemv-list dl dt {
  float: right;
  width: 227px;
  margin-top: 3px;
  padding-top: 1px;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0px;
}

/*
body:first-of-type  div#ttl-freemv-list dl dt {
  letter-spacing: -2px;
}
*/

div#ttl-freemv-list dl dd.freemv-thm {
  float: left;
  position: relative;
  width: 96px;
  height: 54px;
}

div#ttl-freemv-list dl dd.freemv-thm .thm-play {
  position: absolute;
  top: 37px;
  left: 69px;
}

div#ttl-freemv-list dd.view-here {
  float: left;
  width: 38px;
  margin-left: 7px;
}

div#ttl-freemv-list dd.view-here a,
div#ttl-freemv-list dd.view-here a:hover {
  color: #ff0000;
}

div#ttl-freemv-list dd.icn-new {
  float: left;
  width: 34px;
  margin-top: 2px;
}

div#ttl-freemv-list dd.num-views {
  float: right;
  width: 150px;
  margin-top: 2px;
  font-size: 10px;
  color: #666666;
}

div#ttl-freemv-list dd.acquire {
  float: right;
  width: 115px;
}

div#ttl-freemv-list dd.acquire  .add-favorite {
  padding-left: 14px;
}

div#ttl-freemv-list dd.limit {
  float: right;
  width: 108px;
  margin-top: 2px;
  margin-right: 4px;
  text-align: right;
  font-size: 10px;
  color: #ff0000;
}

/*-- ▼▼ 追加 ▼▼ ---------------------------*/
div#ttl-freemv div#ttl-freemv-player {
  float: left;
  width: 480px;
}

div#ttl-freemv div#player-tool {
/*  float: right;*/
  width: 465px;
  _width: 480px;
  height: 46px;
  _height: 52px;
  background-color: #5b89b8;
  padding: 6px 7px 0 8px;
}

div#ttl-freemv div#player-tool p#player-popup {
  float: left;
}

div#ttl-freemv div#player-tool dl {
  float: left;
  width: 226px;
  margin: 3px 0 0 0;
  border: 0;
  background-color: transparent;
  padding: 0 0 0 3px;
}

div#ttl-freemv div#player-tool dl dt {
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  color: #ffffff;
}

div#ttl-freemv div#player-tool dl dd {
  float: right;
  width: auto;
  margin: 0;
  padding: 0;
}

div#ttl-freemv div#player-tool dl dd a,
div#ttl-freemv div#player-tool dl dd a:hover {
  color: #ffff99;
}

div#ttl-freemv div#player-tool p#blog-embed {
  float: right;
  margin-top: 5px;
}

div#ttl-freemv div#ttl-freemv-list {
  float: right;
  width: 480px;
/*  _width: 480px;*/
/*  padding: 8px 7px 5px 8px;*/
}

div#ttl-freemv div.bg-on {
  background: transparent url(/img/contents/ttl/ttl_freemv_list_bg_02.gif) no-repeat 8px 0;
}

div#ttl-freemv div.bg-off {
  background: transparent;
}

div#ttl-freemv div#ttl-freemv-list-head {
  height: 29px;
  margin: 8px 7px 0 8px;
  padding-left: 3px;
}

div#ttl-freemv div#ttl-freemv-list h3 {
  float: left;
}

div#ttl-freemv div#ttl-freemv-list ul.paging {
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

div#ttl-freemv div#ttl-freemv-list ul.paging li {
  float: left;
}

div#ttl-freemv div#ttl-freemv-list ul.paging li.back {
  width: 3em;
}

div#ttl-freemv div#ttl-freemv-list ul.paging li.next {
  width: 4em;
}

div#ttl-freemv div#ttl-freemv-list ul.paging li a,
div#ttl-freemv div#ttl-freemv-list ul.paging li a:hover {
  color: #ffffff;
}
div#ttl-freemv div#ttl-freemv-list-body {
  height: auto !important;
  _height: 249px;
  min-height: 249px;
/*  _min-height: 252px;*/
}
div#ttl-freemv div#ttl-freemv-list-body dl {
  float: none;
  width: auto;
  height: 76px;
  _height: 77px;
  margin: 0 7px 6px 8px;
  border-bottom: 1px solid #c1c1c1;
  background-color: #ffffff;
  padding: 0 5px 0 8px;
  line-height: 1.3em;
}

div#ttl-freemv div#ttl-freemv-list-body dt {
  float: right;
  width: 340px;
  margin: 6px 0 0 0;
  padding: 0;
}

div#ttl-freemv div#ttl-freemv-list-body dd.freemv-thm {
  float: left;
  width: 96px;
  _width: 100px;
  margin: 9px 0 0 0;
  border: 1px solid #000000;
  background-color: #ffffff;
  padding: 1px;
  font-size: 0;
}

div#ttl-freemv div#ttl-freemv-list-body dd.view-here {
  float: right;
  width: 340px;
  margin: 0;
  padding: 0;
}

div#ttl-freemv div#ttl-freemv-list-body dd.view-here img {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

div#ttl-freemv div#ttl-freemv-list-body dd.view-here span.num-views {
  margin-left: 1em;
  font-size: 10px;
  color: #666666;
}

div#ttl-freemv div#ttl-freemv-list-body dd.view-here span.icn-mbronly {
  position: relative;
  top: 2px;
  margin: 0 0 0 5px;
}

div#ttl-freemv div#ttl-freemv-list-body dd.limit {
  float: right;
  width: 220px;
  margin: 0;
  padding: 0;
  text-align: left;
}

div#ttl-freemv div#ttl-freemv-list-body dd.acquire {
  float: right;
  width: 110px;
  _width: 120px;
  margin: 0;
  padding: 0 10px 0 0;
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-form {
  float: right;
  width: 200px;
  margin: 0;
  padding: 0;
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-form dl {
  width: 200px;
  height: auto;
  margin: 2px 0 0 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dt {
  float: left;
  width: 45px;
  margin-top: 2px;
  _margin-top: 1px;
  font-size: 10px;
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dd {
  position: relative;
  float: right;
  width: 154px;
  text-align: right;
  font-size: 0;
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dd input {
  position: absolute;
  top: 0px;
  left: 0;
  width: 110px;
  height: 17px;
  margin-right: 3px;
  text-align: left;
  font-size: 10px;
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dd img {
}

div#ttl-freemv div#ttl-freemv-list-body dd.blog-embed-btn {
  float: right;
  width: 140px;
  height: 17px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 0;
}

/*-- ▲▲ 追加 ▲▲ ---------------------------*/

/* -----------------------------------------------------------------------
   new-freemv
   ----------------------------------------------------------------------- */
div#new-freemv {
/*  width: 950px;
  _width: 960px;
  height: auto !important;
  min-height: 345px;
  _min-height: 360px;
  height: 345px;
  _height: 360px;*/
  margin-top: 5px;
  margin-bottom: 45px;
  background: #09bed9;
/*  padding: 10px 0 5px 10px;*/
}

div#new-freemv div#ttl-freemv-list {
  height: auto !important;
  min-height: 345px;
  height: 345px;
}

div#new-freemv div#ttl-freemv-list dl {
  margin-bottom: 4px;
}

/*-- ▼▼ 追加 ▼▼ ---------------------------*/
div#new-freemv div#ttl-freemv-player {
  float: left;
  width: 480px;
}

div#new-freemv div#ttl-freemv-list {
  float: right;
  width: 480px;
/*  _width: 480px;*/
/*  padding: 8px 7px 5px 8px;*/
}

div#new-freemv div.bg-on {
  background: transparent url(/img/contents/ttl/ttl_freemv_list_bg_02.gif) no-repeat 8px 0;
}

div#new-freemv div.bg-off {
  background: transparent;
}

div#new-freemv div#ttl-freemv-list-head {
  height: 29px;
  margin: 8px 7px 0 8px;
  padding-left: 3px;
}

div#new-freemv div#ttl-freemv-list h3 {
  float: left;
}

div#new-freemv div#ttl-freemv-list ul.paging {
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

div#new-freemv div#ttl-freemv-list ul.paging li {
  float: left;
}

div#new-freemv div#ttl-freemv-list ul.paging li.back {
  width: 3em;
}

div#new-freemv div#ttl-freemv-list ul.paging li.next {
  width: 4em;
}

div#new-freemv div#ttl-freemv-list ul.paging li a,
div#new-freemv div#ttl-freemv-list ul.paging li a:hover {
  color: #ffffff;
}
div#new-freemv div#ttl-freemv-list-body {
  height: auto !important;
  _height: 330px;
  min-height: 330px;
}
div#new-freemv div#ttl-freemv-list-body dl {
  float: none;
  width: auto;
  height: 76px;
  _height: 77px;
  margin: 0 7px 6px 8px;
  border-bottom: 1px solid #c1c1c1;
  background-color: #ffffff;
  padding: 0 5px 0 8px;
  line-height: 1.3em;
}

div#new-freemv div#ttl-freemv-list-body dt {
  float: right;
  width: 340px;
  margin: 6px 0 0 0;
  padding: 0;
}

div#new-freemv div#ttl-freemv-list-body dd.freemv-thm {
  float: left;
  width: 96px;
  _width: 100px;
  margin: 9px 0 0 0;
  border: 1px solid #000000;
  background-color: #ffffff;
  padding: 1px;
  font-size: 0;
}

div#new-freemv div#ttl-freemv-list-body dd.view-here {
  float: right;
  width: 340px;
  margin: 0;
  padding: 0;
}

div#new-freemv div#ttl-freemv-list-body dd.view-here img {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

div#new-freemv div#ttl-freemv-list-body dd.view-here span.num-views {
  margin-left: 1em;
  font-size: 10px;
  color: #666666;
}

div#new-freemv div#ttl-freemv-list-body dd.view-here span.icn-mbronly {
  position: relative;
  top: 2px;
  margin: 0 0 0 5px;
}

div#new-freemv div#ttl-freemv-list-body dd.limit {
  float: right;
  width: 220px;
  margin: 0;
  padding: 0;
  text-align: left;
}

div#new-freemv div#ttl-freemv-list-body dd.acquire {
  float: right;
  width: 110px;
  _width: 120px;
  margin: 0;
  padding: 0 10px 0 0;
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-form {
  float: right;
  width: 200px;
  margin: 0;
  padding: 0;
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-form dl {
  width: 200px;
  height: auto;
  margin: 2px 0 0 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dt {
  float: left;
  width: 45px;
  margin-top: 2px;
  _margin-top: 1px;
  font-size: 10px;
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dd {
  position: relative;
  float: right;
  width: 154px;
  text-align: right;
  font-size: 0;
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dd input {
  position: absolute;
  top: 0px;
  left: 0;
  width: 110px;
  height: 17px;
  margin-right: 3px;
  text-align: left;
  font-size: 10px;
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-form dl dd img {
}

div#new-freemv div#ttl-freemv-list-body dd.blog-embed-btn {
  float: right;
  width: 140px;
  height: 17px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 0;
}
/*-- ▲▲ 追加 ▲▲ ---------------------------*/

/* ------------ 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;
	padding: 0;
}
div#player-option .menu ul li{
	float: left;
	margin: 0;
	padding: 0;
}
div.player-collapse{
	clear: both;
	width: 960px;
}
div.player-collapse .social-button-list{
	clear: both;
	display: none;
	width: 950px;
	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: 950px;
	padding: 5px !important;
}
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 ------------ */