@charset "utf-8";

/* ======================================================
(C)フジテレビ CSS Document 
	 ベーシック basic.css
====================================================== */


/* FUJITV LEFT EREA */

body.basic #mainLeft{ padding-top:20px!important; }

body.basic #mainLeft .basicinfo{ background:url(/b_hp/images/1104renew/basic_title.png) no-repeat; width:550px; height:25px; text-indent:-999em; /* png */*behavior:expression(IEPNGFIX.fix(this));}

/*
body.basic #mainLeft #bgColor{ background-color:#DB6F03; color:#FFF; }

body.basic #mainLeft #bgPink{ background-color:#fa39af; color:#FFF;}
body.basic #mainLeft #bgBlue{ background-color:#0374f2; color:#FFF;}
*/


/* ===== リンク色 ===== */

body.basic #bgColor #mainData a:link { text-decoration:underline; color:#ffffff; }
body.basic #bgColor #mainData a:visited { text-decoration:underline; color:#ffffff; }
body.basic #bgColor #mainData a:hover { text-decoration:none; color:#ffffff; }
body.basic #bgColor #mainData a:active { text-decoration:underline; color:#ffffff; }


/* ===== イメージ ===== */
body.basic #bgColor div.boximage{
margin:2px 0 0 0;
}
body.basic #bgColor div.boximage table{
margin:0 2px;
}
body.basic #bgColor div.boximage table td{
width:546px;
height:260px;
overflow:hidden;
vertical-align: middle;
background:#fff;
color:#333333;
}
body.basic #bgColor div.boximage table h1{
text-align:center;
font-size:150%;
font-weight:bold;
line-height:120%;
}
body.basic #bgColor div.boximage table td h1 a{
display:block;
text-align:center;
font-size:150%;
font-weight:bold;
line-height:120%;
}

body.basic #bgColor #mainData div.boximage table a:link { text-decoration:underline; color:#333333; }
body.basic #bgColor #mainData div.boximage table a:visited { text-decoration:underline; color:#333333; }
body.basic #bgColor #mainData div.boximage table a:hover { text-decoration:none; color:#333333; }
body.basic #bgColor #mainData div.boximage table a:active { text-decoration:underline; color:#333333; }


/* ===== メニュー ===== */
body.basic #bgColor ul.boxmenu{
margin:10px 0 0 10px;
width:532px;
}

ul.boxmenu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.boxmenu { display:inline-block; }
/*\*/
* html ul.boxmenu { height:1%; }
ul.boxmenu { display:block; }
/**/

body.basic #bgColor ul.boxmenu li{
float:left;
margin:0 2px 4px 2px;
line-height:100%;
font-size:0%;
}

body.basic #bgColor ul.boxmenu li a{
display:block;
height:21px;
width:102px;
text-indent:-9999px;
}

/* ===== ブロック ===== */
body.basic #mainLeft #bgColor #mainData{  padding: 0 20px 20px;   width: 510px; }



body.basic #bgColor div.boxblock{
margin:20px 0 0 0;
position: relative;
width:510px;
}

div.boxblock:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.boxblock { display:inline-block; }
/*\*/
* html div.boxblock { height:1%; }
div.boxblock { display:block; }
/**/

/* 2カラムブロック */

body.basic #bgColor div.boxfloatblock{
width:530px;
padding:0 0 0 0;
margin:0 0 0 -20px;
}

div.boxfloatblock:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.boxfloatblock { display:inline-block; }
/*\*/
* html div.boxfloatblock { height:1%; }
div.boxfloatblock { display:block; }
/**/

body.basic #bgColor div.boxfloatblock div.boxblock{
float:left;
position: relative;
width:245px;
padding:0 0 0 20px;
}

/* 2カラム見出し */
body.basic #bgColor div.boxfloatblock div.boxblock h3{
width:147px;
}

/* ===== 注目ブロック ===== */
body.basic #bgColor div.boxblock div.boxattention{
background:#ffffff;
padding:10px;
margin:20px 0 0 0;
color:#333333;
}

body.basic #bgColor div.boxblock div.boxattention h4{
background:#333333;
padding:5px 10px;
margin:-9px -9px 0 -9px;
color:#ffffff;
}

body.basic #bgColor div.boxblock div.boxattention p.txt{
margin:10px 0 0 0;
}

body.basic #bgColor div.boxblock div.boxattention p.apply{
background:#fffcc5;
padding:10px;
margin:10px 0 0 0;
}

body.basic #bgColor #mainData div.boxattention a:link { text-decoration:none; color:#0066cc; }
body.basic #bgColor #mainData div.boxattention a:visited { text-decoration:none; color:#0066cc; }
body.basic #bgColor #mainData div.boxattention a:hover { text-decoration:underline; color:#0066cc; }
body.basic #bgColor #mainData div.boxattention a:active { text-decoration:none; color:#0066cc; }

/* ===== メッセージブロック ===== */
body.basic #bgColor div.boxblock div.boxmessage{
padding:10px;
margin:20px 0 0 0;
}

body.basic #bgColor div.boxblock div.boxmessage h4{
background: url(../../images/ico_basic_mail.gif) 0 50% no-repeat;
padding:3px 0 0 20px;
}

body.basic #bgColor div.boxblock div.boxmessage p.txt{
margin:10px 0 0 0;
}

/* ===== メッセージボタン ===== */
body.basic #bgColor div.boxblock ul.btnmessage{
margin:10px 0 0 0;
float:right;
}

ul.btnmessage:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.btnmessage { display:inline-block; }
/*\*/
* html ul.btnmessage { height:1%; }
ul.btnmessage { display:block; }
/**/

body.basic #bgColor div.boxblock ul.btnmessage li{
float:left;
margin:0 0 0 10px;
}

body.basic #bgColor p.btncenter{
clear:both;
text-align:center;
margin:20px 0 0 0;
}

/* ===== オンエア情報ブロック ===== */
body.basic #bgColor div.boxonairblock{
background:#333333;
border:1px solid #ffffff;
margin:20px 0 0 0;
}

body.basic #bgColor div.boxonairblock p.txt{
padding:10px;
}

body.basic #bgColor div.boxonairblock h3{
background:#666666;
width:496px;
height:auto;
padding:4px 6px;
text-indent:0px;
}

/* ===== 見出し ===== */
body.basic #bgColor div.boxblock h3{
width:510px;
height:26px;
text-indent:-9999px;
}

/* サブ見出し */
body.basic #bgColor div.boxblock h4.titsub{
width:495px;
height:19px;
overflow:hidden;
padding:4px 0 0 15px;
color:#000000;
}

/* ===== 画像とテキスト ===== */
body.basic #bgColor div.boxblock p.txt{
margin:20px 0 0 0;
}

body.basic #bgColor div.boxblock p.imgright{
margin:20px 0 0 0;
float:right;
margin-left:10px;
font-size:83.3%;
line-height:120%;
color:#cccccc;
}

body.basic #bgColor div.boxblock p.imgleft{
margin:20px 0 0 0;
float:left;
margin-right:10px;
}


body.basic #bgColor div.boxblock p.imgleftblog{
margin:20px 0 0 0;
float:left;
margin-right:10px;
text-align:center;
width:106px;
height:80px;
background-img:url(../../images/bg_clear.gif);
}

body.basic #bgColor div.boxblock p.imgright img{
display:block;
margin:0 0 5px 0;
}

/*キャプション*/
body.basic #bgColor div.boxblock p.caption{
width:250px;
}

/* ===== キャスト ===== */
body.basic #bgColor div.boxblock p.lstcast{
margin:20px 0 0 0;
line-height:180%;
}

/* ===== スタッフ===== */
body.basic #bgColor div.boxblock p.lststaff{
margin:20px 0 0 0;
line-height:180%;
}

/* ===== バックナンバー ===== */
body.basic #bgColor div.boxblock ul.listbacknum{
margin:10px 0 0 0;
width:245px;
}

body.basic #bgColor div.boxblock ul.listbacknum li{
padding:0 0 0 13px;
margin:10px 0 0 0;
word-break:break-all;
}

/* ===== バックナンバー02 ===== */
body.basic #bgColor div.boxblock ul.listbacknum02{
margin:13px 0 0 0;
}

body.basic #bgColor div.boxblock ul.listbacknum02 li{
padding:0 0 0 13px;
margin:7px 0 0 0;
}


body.basic #bgColor div.boxblock p.btnbnmore{
margin:10px 0 0 0;
text-align:right;
clear: both;
}

/* ===== オンエア情報・QRコード ===== */
body.basic #bgColor div.boxblock .boxonair{
float:left;
}

body.basic #bgColor div.boxblock p.boxqr{
float:right;
background: url(../../images/ban_basic_qr.gif) 0 0 no-repeat;
width:96px;
height:96px;
padding:24px 0 0 6px;
}


/* ===== NEWS・FAQ ===== */
body.basic #bgColor ul.listinfo{
margin:17px 0 0 0;
}

ul.listinfo li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.listinfo li { display:inline-block; }
/*\*/
* html ul.listinfo li { height:1%; }
ul.listinfo li { display:block; }
/**/

body.basic #bgColor ul.listinfo li{
margin:3px 0 0 0;
}

ul.listinfo .ico{
display:block;
float:left;
width:15px;
}

ul.listinfo strong{
display:block;
font-weight:normal;
float:right;
width:490px;
}

/* ===== 検索結果 ===== */

body.basic .stSea h4{  margin: 10px 0 0 0; clear:both; float:none; border:1px solid #FFF; color:#FFF; padding:5px; background:#333;}
body.basic .stSea .results{ background:#FFF; color:#333; padding:10px 0 0 0; overflow:hidden;}
 *body.basic .stSea .results{ background:#FFF; color:#333; padding:10px 0 0 0; overflow:hidden; height:135px;}
body.basic .stSea .results dl{ width:235px; float:left; padding:0 0 10px 10px;}
body.basic .stSea .results dl dt{ width:72px; height:50px; float:left; text-align:center;}
body.basic .stSea .results dl dd{ width:158px;float:right; }

body.basic .stSea .results dl dd a{ color:#0066CC !important; text-decoration:none!important;}
body.basic .stSea .results dl dd a:hover{ text-decoration:underline!important;}

body.basic ul.bnrBasic{ clear:both; float:none; padding:20px 0 20px 10px; overflow:hidden;}
body.basic ul.bnrBasic li{ width:auto; float:left; padding:0 0 0 10px;}



/* ===== ページのトップへ ===== */
body.basic #bgColor div.boxblock p.btnpagetop{
position: absolute;
top:9px;
right: 0px;
}

body.basic #bgColor div.boxblock p.btnpagetop a{
display:block;
width:93px;
height:12px;
text-indent:9999px;
overflow:hidden;
}

/*body.basic #bgColor html読み込み枠*/
body.basic #bgColor iframe.boxfree{
margin:0 0 0 0;
}

/* ===== リストA ===== */

body.basic #bgColor #mainData div.lista dl{
padding:0 0 0 0;
margin:10px 0 0 0;
background:none;
}

body.basic #bgColor #mainData div.lista dt{
float:left;
width:72px;
text-align:center;
line-height:0;
}

body.basic #bgColor #mainData div.lista dd{
float:right;
width:153px;
}

body.basic #bgColor #mainData div.lista strong{
font-weight:normal;
font-size:100%;
}


body.basic #bgColor div.boxblock .floatleft {
    display: block;
    float: left;
}
body.basic #bgColor div.boxblock .clearfix {
    display: block;
}