@charset "utf-8";

/*--------------------------------------------------------------------
/- admin  :TV TOKYO Broadband Entertainment, Inc.
/- author :Tomoe Takiguchi
/- update :20121108
/--------------------------------------------------------------------*/

/**********************************************************************
	基本設定
**********************************************************************/

body {
  color:#333;
  font:13px/1.6 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  *font-size:small;
  *font:x-small;
}

/**********************************************************************
	テキスト
**********************************************************************/

.hidetext {
	text-indent:-999999px;
	font-size:1px;
	overflow:hidden;
}

.large {
	font-size:116%;
	*font-size:15px;
}

.small {
	font-size:85%;
	*font-size:11px;
}

.x-small {
	font-size:77%;
	*font-size:10px;
}

.attenntion {
	font-size:85%;
	line-height:120%;
	text-indent:-1em;
	margin-left:1em;
}

.red {
	color:#F00;
}


/**********************************************************************
	リンクカラー
**********************************************************************/

a {  
  cursor:pointer;
  color:#F36;
  text-decoration:none; 
}

a:link,
a:visited {
  color:#F36;
  text-decoration:none;
}

a:hover,
a:focus,
a:active {
  color:#F36;
  text-decoration:underline;
}

a.arrow{
	background:url(../../images/icon_arrow.gif) no-repeat left center;
	padding-left:14px;
}


/**********************************************************************
　フロート解除
**********************************************************************/

.clearfix:after {
  content:".";
  display:block; 
  height:0.1px; 
  clear:both; 
  visibility:hidden;
} 

.clearfix { zoom:1; }

.clear{clear:both;}


/**********************************************************************
　外枠の設定
**********************************************************************/

#wrapper {
	margin:10px auto 0 auto;
	zoom:1; /* 印刷バグ解決 */
	overflow: hidden;
	background-image: url(../../images/bg_cloud.gif);
	background-repeat: repeat;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #00aa01;
}


#bg_airport {
	background-image: url(../../images/bg_airport.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#wrapper_inner {
	width:980px;
	margin:0 auto;
	overflow: hidden;
}
 
#content_left {
  float:left;
  margin:0 10px 0 0;
  width:650px;
  overflow:hidden;
  zoom:1; /* 印刷バグ解決 */
}

#content_right {
	float:right;
	margin-top:15px;
	width:300px;
	background-image: url(../../images/bg_blueboxtop.jpg);
	background-repeat: repeat;
	padding: 9px;
}

#contents_foot {
	background:url(../../images/bg_contents.png) no-repeat left bottom;
	padding-bottom:80px;
}

#contents{
	width:620px;
	background-image: url(../../images/maincolumn_bottomimg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 120px;
	padding-left: 15px;
}

#backnumber .txtbox {
	color: #FFF;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

#diary .txtbox {
	color: #FFF;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

.bkno_txtmds {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 115%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F90;
	padding-left: 10px;
	margin-top: 15px;
}

/**********************************************************************
　ナビゲーション
**********************************************************************/

#nav{
	height:42px;
	list-style:none;
	width: 620px;
	margin-left: 18px;
}

#nav li{
	float:left;
}

#nav li a{
	display:block;
	height:42px;
	cursor:pointer;
}


#news #header ul#nav li.news img,
#next #header ul#nav li.next img,
#cast #header ul#nav li.cast img,
#mobile #header ul#nav li.mobile img{
	display:none;
}

.mds ul {
	background-image: url(../../images/bg_mds.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.mds li {
}

.mds li .ttl_next {
	display: block;
	float: left;
}

.mds li .ttl_bkno {
	display: block;
	float: left;
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	padding-left: 20px;
	width: 400px;
	font-size: 110%;	
}
.mds li .day {
	display: block;
	float: right;
	color: #333;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 110%;
	font-weight: bold;
}
/**********************************************************************
　右カラム
**********************************************************************/

#content_right .rectangle{
	width:318px;
	background-image: url(../../images/bg_blueboxtop.jpg);
	background-repeat: repeat;
}

#content_right .topics{
	margin-bottom:15px;
}

#content_right .banner{
}

#content_right .banner li{

}
#content_right .banner li.bg_bluedot {
	background-image: url(../../images/bg_blueboxtop.jpg);
	background-repeat: repeat;
	padding-right: 9px;
	padding-left: 9px;	
}


/* topics */
#content_right .topics{
	background:url(../../images/bg_topics.gif) no-repeat top left;
	height:150px;
	padding:10px;
	overflow:hidden;
}

#content_right .topics h3{
	background:url(../../images/ti_topics.gif) no-repeat top right;
	text-indent:-999999px;
	font-size:1px;
	overflow:hidden;
	width:74px;
	height:30px;
	float:left;
	margin-bottom:5px;
}

#content_right .topics .btn_readmore{
	float:right;
	width:50px;
	height:30px;
	margin-bottom:5px;
}

#content_right .topics dl{
	margin:5px 5px 5px 5px;
	height:110px;
	font-size:85%;
	line-height:1.2;
	width:270px;
}

#content_right .topics dt{
	float:left;
	width:3.8em;
	padding:7px 0;
	color:#293252;
}

#content_right .topics dd{
	padding:7px 0 7px 3.8em;
	margin-right:5px;
	border-bottom:dotted 1px #876B30;
}

#content_right .topics dd a:link,
#content_right .topics dd a:visited{
	color:#FC427B;
	text-decoration:none;
}

#content_right .topics dd a:hover,
#content_right .topics dd a:active{
	color:#FC427B;
	text-decoration:underline;
}

/* 右カラムのscrollbarをカラーリング（jquery.scroll.min.jsとセットで使用）不要な場合は削除してください */
#content_right .topics .scrollbar { overflow:hidden; }
#content_right .topics .scrollbar-pane { margin-top:0; margin-bottom:4px; margin-left:0; width:255px; }
#content_right .topics .scrollbar-handle-container { background:#C5E3ED; width:12px; }
#content_right .topics .scrollbar-handle { width:12px; background:#93CBDD; }
#content_right .topics .scrollbar-handle:hover { background:#93CBDD; }
#content_right .topics .scrollbar-handle.move { background:#93CBDD; }
#content_right .topics .scrollbar-handle-up { width:12px; height:10px; background:#C5E3ED; }
#content_right .topics .scrollbar-handle-up:hover { background:#93CBDD; }
#content_right .topics .scrollbar-handle-down { width:12px; height:10px; background:#C5E3ED; }
#content_right .topics .scrollbar-handle-down:hover { background:#93CBDD; }


/**********************************************************************
　フッタ
**********************************************************************/

#footer{
	clear:both;
	padding:15px 0;
	background-image: url(../../images/bg_greendot.jpg);
	background-repeat: repeat;
}

#footer #copyright{
	width:710px;
	margin:15px auto 0 auto;
	padding:0 130px;
	overflow:hidden;
}

#footer #copyright li{
	float:left;
}

#footer #copyright li.logo{
	padding-right:10px;
}

#footer #adtag{
	height:60px;
	width:980px;
	margin:0 auto;
	position:relative;/*Microadの表示崩れ防止*/
}

/**********************************************************************
　ページトップへ戻る
**********************************************************************/

p.pagetop {
	text-align:right;
  padding:30px 15px 0;
}

.m-bottom15 {
	margin-bottom: 15px;
}

.m-bottom9 {
	margin-bottom: 9px;
}

