@charset "UTF-8";
/*--------------------------------------------------------------------
/- admin  :TV TOKYO Broadband Entertainment, Inc.
/- author :Tomoe Takiguchi
/- update :20121226
/--------------------------------------------------------------------*/
/**********************************************************************

　目次：追加した順に記述します。

　01.top
　02.下層ページ共通
　03.news

**********************************************************************/
/*
　基本フォントサイズは13px（下記を参考に%で指定する）
　10px→77%　 11px→85%　 12px→93%　 13px→100%　14px→108%
　15px→116%　16px→124%　17px→131%　18px→139%　19px→147%
　20px→154%　21px→162%　22px→169%　23px→177%　24px→185%
　25px→192%　26px→200%
*/

/**********************************************************************
 スマホサイトへ遷移するボタン
**********************************************************************/

.smpBranch {
	background:#000;
}
.smpBranch a {
	padding:15px;
	display: block;
	background: #00AA01;
	color: #fff;
	font-weight:bold;
	font-size: 54px;
	text-decoration:none;
	padding: 35px 0;
	text-align: center;
	text-shadow: -5px -5px 1px #008200;
	-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
	box-shadow: 0px 14px 0px #008200;
}

/**********************************************************************
　01.top
**********************************************************************/
#top #header {
  background-image: url(../../images/topmainimg.png);
  background-repeat: no-repeat;
  height: 432px;
  width: 650px;
}
#top #contents {
  clear: both;
  padding-bottom: 120px;
  overflow: hidden;
}
#top h2 {
  margin-bottom: 25px;
  margin-right: auto;
  margin-left: auto;
}
#top h3,
#top h4,
#top .copyright {
  text-indent: -999999px;
  font-size: 1px;
  overflow: hidden;
}
#top #header h1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 164px;
}

/* ソーシャルタグ */
#top #socialbtn {
  left: 547px;
  top: 10px 0 10px 0;
}
#top .next {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 50px;
}
#top p.btn {
  margin-top: 35px;
  margin-bottom: 5px;
  margin-left: 25px;
  height: 100px;
}
#top .leftcontents {
  float: left;
  width: 160px;
	margin:0 0 20px 10px;
}
#top .rightcontents {
  float: right;
  width: 310px;
	margin:70px 10px 20px 0;
}
#top .next_movie {
  background-image: url(../../images/next_img.jpg);
}
#top .moviebox {
  height: 185px;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 35px;
}
#top .next_contents {
  width: 270px;
  float: left;
  color: #FFF;
  padding-bottom: 20px;
}
#top .next_contents dt {
  font-weight: bold;
  line-height: 180%;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 3px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFF;
  border-bottom-color: #FFF;
  padding-top: 10px;
  font-size: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#top .next_contents dd {
  font-size: 93%;
  line-height: 180%;
  padding-top: 5px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#top .next_contents dd a {
  color: #FFF100;
}


/*バックナンバー
**********************************************************************/
#backnumber #header,
#intro #header,
#bosyu #header {
  background-image: url(../../images/othermainimg.png);
  background-repeat: no-repeat;
  height: 201px;
  width: 650px;
}
#backnumber #header h1,
#intro #header h1,
#bosyu #header h1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 95px;
}
#backnumber #contents {
  width: 620px;
  background-image: url(../../images/bg_maincolumn.jpg);
  padding-top: 10px;
  background-repeat: repeat-y;
  padding-bottom: 0px;
}
#backnumber .list {
  margin: 0 10px 10px 0;
  padding: 0;
  float: right;
  display: block;
  overflow: hidden;
}
#backnumber .backnumber_photo {
  width: 612px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
#backnumber .backnumber_photo li {
  width: 280px;
  border: 5px solid #FFF;
  float: left;
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 14px;
}

/*▼▼ 写真の説明が長い日用-------------------*/
#backnumber .backnumber_photo_02 {
  width: 612px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
#backnumber .backnumber_photo_02 dl {
  overflow: hidden;
}
#backnumber .backnumber_photo_02 dt {
  float: left;
}
#backnumber .backnumber_photo_02 dt .photo {
  display: block;
  margin-bottom: 10px;
  border: 5px solid #FFF;
  width: 280px;
}
#backnumber .backnumber_photo_02 dd {
  width: 280px;
  color: #FFF;
  float: left;
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 14px;
}
#backnumber .backnumber_photo_02 dd .ttl {
  font-weight: bold;
  font-size: 110%;
  padding-bottom: 5px;
  display: block;
  width: 300px;
  margin-left: 10px;
}
#backnumber .backnumber_photo_02 dd .bkno_txt {
  display: block;
  margin-bottom: 25px;
  width: 300px;
  margin-left: 10px;
  line-height: 120%;
}

/*▲▲// 写真の説明が長い日用//-------------------*/
/*▼▼ 各写真の下にキャプションがつく日用-------------------*/
#backnumber .backnumber_photo_03 {
  width: 612px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
#backnumber .backnumber_photo_03 ul {
  overflow: hidden;
  margin-bottom: 10px;
}
#backnumber .backnumber_photo_03 li {
  width: 290px;
  float: left;
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 14px;
  line-height: 130%;
  color: #FFF;
  font-size: 90%;
}
#backnumber .backnumber_photo_03 li img {
  border: 5px solid #FFF;
  margin-bottom: 10px;
}

/*▲▲// 各写真の下にキャプションがつく日用//-------------------*/


/*イントロダクション
**********************************************************************/
#intro #introtop {
  background-image: url(../../images/bg_maincolumn.jpg);
  background-repeat: repeat;
  width: 650px;
}
#intro .contentsbox dl {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  /*margin-bottom: 20px;*/
}
#intro .contentsbox dt {
  background-image: url(../../images/bg_mds02.png);
  background-repeat: no-repeat;
  width: 580px;
  height: 40px;
  padding-top: 13px;
  padding-left: 20px;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  font-size: 110%;
}
#intro .contentsbox dd {
  color: #FFF;
  width: 600px;
  margin-top: 0px;
  margin-right: 0px;
  padding-bottom: 20px;
  margin-left: 0px;
}
#intro #contents,
#bosyu #contents {
  width: 620px;
  background-image: url(../../images/bg_maincolumn.jpg);
  padding-top: 10px;
  background-repeat: repeat-y;
  padding-bottom: 0px;
  display: block;
}
#bosyu #contents h2 {
  width: 580px;
  height: 53px;
  line-height: 48px;
  margin: 20px 10px;
  padding-left: 20px;
  background: url("../../images/bg_mds02.png") no-repeat top left;
}
#bosyu #contents h3 {
  margin: 10px 20px;
  color: #ffe400;
  font-weight: bold;
}
#bosyu #contents p,
#bosyu #contents ul {
  margin-left: 20px;
  margin-bottom: 10px;
  color: #fff;
}
#bosyu #contents ul {
  margin-left: 40px;
  list-style: disc outside;
}
#bosyu #contents p.underLine {
  margin-right: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #fff;
}
#bosyu #contents iframe {
  margin: 20px auto;
}
#bosyu #contents .btmImg {
  margin-left: -15px;
}

/**********************************************************************
　02.下層ページ共通
**********************************************************************/
#main {
  min-height: 600px;
  padding-bottom: 20px;
}

h2 {
  margin-bottom: 25px;
  margin-left: 20px;
}


/*スタッフ日誌追っかけダイアリー
**********************************************************************/

#diary #header,
#intro #header,
#bosyu #header {
  background-image: url(../../images/othermainimg.png);
  background-repeat: no-repeat;
  height: 201px;
  width: 650px;
}
#diary #header h1,
#intro #header h1,
#bosyu #header h1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 95px;
}
#diary #contents {
  width: 620px;
  background-image: url(../../images/bg_maincolumn.jpg);
  padding-top: 10px;
  background-repeat: repeat-y;
}
#diary .diary_contents {
  width: 600px;
  margin: 0 auto;
}
#diary .list {
  margin: 0 10px 10px 0;
  padding: 0;
  float: right;
  display: block;
  overflow: hidden;
}
#diary .diary_contents dd {
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 14px;
  color: #FFF;
  font-size: 90%;
}
#diary .diary_contents dt {
  margin: 40px 7px 14px;
  color: #fff;
  color: #ffe400;
  font-size: 130%;
  text-align: center;
}
#diary .diary_contents dd span.diary_photo {
  width: 500px;
  height: auto;
  display: block;
  border: 5px solid #FFF;
  text-align: center;
  margin: 20px auto;
}
#diary .diary_contents dd span.diary_photo2 {
  width: 333px;
  height: auto;
  display: block;
  border: 5px solid #FFF;
  text-align: center;
  margin: 20px auto;
}
#diary .diary_contents .diary_intro {
  margin-bottom: 14px;
  line-height: 130%;
  color: #ffe400;
  font-size: 120%;
}

.center {
  text-align: center;
}

span.yellow {
  color: #ffe400;
}
#diary .kakusan {
  display: block;
  width: 400px;
  margin: 0 auto;
}
#diary .kakusan li {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}
#diary .colum {
  font-size: 120%;
}

/**********************************************************************/
li img {
  vertical-align: bottom;
}

img {
  vertical-align: bottom;
}

.mds_txt {
  background-image: url(../../images/bg_mds02.png);
  background-repeat: no-repeat;
  height: 50px;
  width: 580px;
  margin-right: auto;
  margin-left: auto;
  font-weight: bold;
  color: #333;
  padding-top: 5px;
  padding-left: 20px;
}

.m-top15 {
  margin-top: 15px;
}

.movie_box {
  margin: 10px 0 0 25px;
}