/* レイアウトCSS
------------------------------------------------------------ */

/* 全体 */


/* メイン部分の背景用ID */

#top_bg01 {
	background-color:#fff6ea;
}

#main_cnt {
	width: 950px;
	margin: 0 auto;
	background-color:#4b1800;
	font-size: 12px;
	line-height: 1.4;
}



/* 昭和TV */

#showa #showaTtl {
	width:950px;
	height:51px;
	text-indent:-9999px;
	background:url(../img/top_01.png)  no-repeat;
}

#showa #topPickup{
	clear:both;
	margin:20px auto;
	width:890px;
}

#showa #topArea{
	height:340px;
	padding:0;
	background:url(../img/top_bg.jpg) no-repeat;
}

#showa #topArea #flvArea{
	width:360px;
	padding:0 0 0 28px;
	margin:15px 0 0 0;
	float:left;
	position:relative;
	z-index:1;
}

#showa #topArea #copyArea{
	width:559px;
	float:right;
}

#showa #topArea #copyArea h2{
	width:559px;
	height:70px;
	text-indent:-9999px;
	background:url(../img/top_02.png) no-repeat;
}

#showa #topArea #copyArea .read01{
	width:559px;
	height:75px;
	text-indent:-9999px;
	background:url(../img/top_03.png) no-repeat;
}

#showa #topArea #copyArea .read02{
	width:559px;
	height:143px;
	text-indent:-9999px;
	background:url(../img/top_04.png) no-repeat;
}

#showa #topArea #copyArea .box{
	width:559px;
	height:27px;
	padding:10px 0 0 0;
	background:url(../img/top_05.png) no-repeat;
}

#showa #topArea #copyArea .helplink{
	width:255px;
	height:30px;
	margin:0 0 0 10px;
	float:left;
	display: inline;
}

#showa #topArea #copyArea .helplink a{
	width:255px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/help_btn.gif) no-repeat;
	display: block;
}

#showa .sizeChange{
	width:260px;
	float:right;
	font-weight:bold;
	color:#FFF;
}

#showa .sizeChange a:link,#showa .sizeChange a:visited,#showa .sizeChange a:hover,#showa .sizeChange a:active{
	color:#FFF;
}

/*フォント*/
.textM{
	font-size:100%;
}

.textL{
	font-size:120%;
}


#showa #contentsArea {
	width:890px;
	margin:20px auto 0 auto;
}

#showa #pushArea {
	width:890px;
}

#showa #leftArea {
	width:568px;
	float:left;
}

#showa #spCon{
	width:568px;
	margin:0 0 20px 0;
}

#showa .pickupPgmTtl {
	margin:0 0 0 0;
}

#showa #pickupPgm {
	width:552px;
	padding:15px 7px 3px 7px;
	border-right:1px solid #5b3c2d;
	border-bottom:1px solid #5b3c2d;
	border-left:1px solid #5b3c2d;
}

#showa #pickupPgm .pgmBox {
	width:274px;
	border:1px solid #ccc;
	background:#FFF;
	float:left;
}

#showa #pickupPgm .pgmBox h2 {
	width:274px;
	border-bottom:1px solid #ccc;
}

#showa #pickupPgm .pgmBox .txtBox {
	padding:10px;
}

#showa #pickupPgm .pgmBox .btnbox01s {
	margin:0 auto 10px auto;
}

#showa #rightArea {
	width:300px;
	float:right;
	color:#642c2c;
}


#showa #rightArea a:link,#showa #rightArea a:hover,#showa #rightArea a:visited{
	color:#642c2c;
}

#showa #rightArea a:hover{
	color:#642c2c;
}

#showa #newsBox { 
	width: 288px; 
	height: 95px;
	margin:0 0 20px 0;
	padding:5px;
	overflow: auto;
	color:#e9c9b9;
	background-color: #5b230f; 
	border: 1px #4a1902 solid;
	text-align:left;
	scrollbar-base-color: #5b230f; 
	scrollbar-arrow-color: white; 
}

#showa #newsBox a:link,#showa #newsBox a:hover,#showa #newsBox a:visited{
	color:#fff;
}

#showa #newsBox a:hover{
	color:#fff;
	text-decoration:none;
}

#showa #newsBox td{
	text-align:left;
	color:#e9c9b9;
}

#showa #newsBox h4{
	font-weight:bold;
	margin:0 0 5px 0;
	color:#e9c9b9;
}

#showa #newsBox p{
	padding: 0 5px;
	margin:0 0 10px 0;
}

#showa #rightArea h3.newsTtl{
	width:280px;
	height:20px;
	margin:0px 0 7px 0;
	text-indent:-9999px;
	background:url(../img/ttl_news.gif) no-repeat;
}



#showa #spCnt .txtBox{
	margin:10px 0 0 0;
}

#showa #rightArea h3.jihoTtl{
	width:240px;
	height:20px;
	margin:17px 0 7px 0;
	text-indent:-9999px;
	background:url(../img/ttl_jiho.gif) no-repeat;
}

#showa #jiho{
	padding: 2px 10px;
	background:#eadcd5;
}

#showa #jiho h3{
	font-weight:bold;
	margin:10px 0 0 0;
}

#showa #jiho p{
	margin:5px 0;
}

#showa #jiho p img{
	margin:0 8px 0 0;
	float:left;
}

#showa #rightArea h3.enqBtn{
	margin:20px 0 0 0;
}





#showa h3.pgmAreaTtl{
	width:890px;
	height:13px;
	margin:25px 0 0 0;
	clear:both;
	text-indent:-9999px;
	background:url(../img/pgm_ttl.gif) no-repeat bottom;
}

#showa h3.pgmAreaTtl2{
	width:890px;
	height:13px;
	padding:25px 0 0 0;
	clear:both;
	text-indent:-9999px;
	background:url(../img/pgm_ttl2.png) no-repeat bottom;
}

#showa h3.pgmAreaTtl3{
	width:890px;
	height:13px;
	padding:25px 0 0 0;
	clear:both;
	text-indent:-9999px;
	background:url(../img/pgm_ttl2.png) no-repeat bottom;
}


#showa #pgmArea{
	width:882px;
	padding:13px 0 0 6px;
	border-right:1px solid #7A503B;
	border-bottom:1px solid #7A503B;
	border-left:1px solid #7A503B;
}

#showa #pgmArea ul{
	list-style:none;
}

#showa #pgmArea li{
	width:140px;
	height:130px;
	padding:12px 0 0 0;
	margin:0 7px 0 0;
	float:left;
	display:inline;
}

#showa #pgmArea li.cinema{
	background: url(../img/ctg_cinema.gif) no-repeat center top;
}

#showa #pgmArea li.music{
	background: url(../img/ctg_music.gif) no-repeat center top;
}

#showa #pgmArea li.anime{
	background: url(../img/ctg_anime.gif) no-repeat center top;
}

#showa #pgmArea li.drama{
	background: url(../img/ctg_drama.gif) no-repeat center top;
}

#showa #pgmArea li.others{
	background: url(../img/ctg_other.gif) no-repeat center top;
}

#showa #pgmArea li.cinemaNew{
	background: url(../img/ctg_cinema_new.gif) no-repeat center top;
}

#showa #pgmArea li.musicNew{
	background: url(../img/ctg_music_new.gif) no-repeat center top;
}

#showa #pgmArea li.animeNew{
	background: url(../img/ctg_anime_new.gif) no-repeat center top;
}

#showa #pgmArea li.dramaNew{
	background: url(../img/ctg_drama_new.gif) no-repeat center top;
}

#showa #pgmArea li.othersNew{
	background: url(../img/ctg_other_new.gif) no-repeat center top;
}

#showa .opBox1 {
	width:890px;
	clear:both;
	margin:20px 0;
}


#showa .opBox2 {
	width:890px;
	height:40px;
	clear:both;
	background:url(../img/showa_juke2.gif) no-repeat bottom;
	text-align:left;
	color:#280900;
	margin:20px 0;
	padding:35px 0 0 0;
}

#showa .opBox2 p{
	width:540px;
	margin:0 0 0 335px;
}

#showa .opBox2 a{
	font-weight:bold;
}



#showa #specialBox1{
	clear:both;
	margin:30px 0 15px 0;
	width:890px;
}

#showa #specialBox2{
	clear:both;
	margin:30px 0 15px 0;
	width:890px;
	height:140px;
	background:url(../img/sp_bnr.png) no-repeat;
}

#dreamBtn{
	clear:both;
	width:406px;
	height:40px;
	position:relative;
	top:90px; left:470px;
}



#showa #rightArea #pdBnr h3 {
	color:#e9c9b9;
	font-size:12px;
	padding:7px 0;
	text-align:center;
	margin:0 0 0 0;
	width:298px;
}

ul.btn_box {
	width:254px;
	height:43px;
	border-top:1px solid #ccc;
	border-left:none;
	border-right:none;
	border-bottom:none;
	color:#999;
	padding-top:10px;
	padding-left:20px;
	background:#fff;
}

ul.btn_box_go {
	width:254px;
	height:43px;
	border-top:1px solid #ccc;
	border-left:none;
	border-right:none;
	border-bottom:none;
	color:#999;
	padding-top:10px;
	padding-left:20px;
	background:#fff;
}

#showa .sizeChange a{
	color:#FFF;
	text-decoration:underline;
}


#showa .sizeChange a:hover{
	color:#FFF;
	text-decoration:none;
}



#showa #rightArea a{
	text-decoration:underline;
}


#showa #rightArea a:hover{
	text-decoration:none;
}

#showa .opBox1 a,#showa .opBox2 a{
	color:#280900;
	text-decoration:underline;
}


#showa .opBox1 a:hover,#showa .opBox2 a:hover{
	color:#280900;
	text-decoration:none;
}


#showaCr{
	width:950px;
	margin:20px auto;
	font-size:11px;
	color:#999;
}




#showa #cinemaBar{
	clear:both;
	margin:30px 0 1px 0;
	width:890px;
	height:504px;
	background:#000 url(../img/cb_bg.jpg) repeat-x top;
}

#showa .cbLeft{
	float:left;
	width:370px;
	height:336px;
	margin:20px 0 0 20px;
	display:inline;
}

#showa .cbLeft h3 , #showa .cbLeft p{
	float:left;
}

#showa .cbRight{
	float:right;
	width:458px;
	height:377px;
	margin:17px 20px 0 0;
	display: inline;
}

#showa .cbRight .play01 .play01txt{
	float:left;
	width:343px;
	height:68px;
}

#showa .cbRight .play01 .btn{
	float:right;
	width:107px;
	height:32px;
	margin:15px 7px 0 0;
	_margin:15px 2px 0 0;
	display: inline;
}

#showa .cbRight .play01bg{
	width:457px;
	height:72px;
	background:url(../img/cb02/cb_txt03.png) no-repeat;
}

#showa .cbRight .play01bg .play01txt{
	float:left;
	width:343px;
	height:68px;
	text-indent:-9999px;
}

#showa .cbRight .play01bg .btn{
	float:right;
	width:107px;
	height:32px;
	margin:20px 7px 0 0;
	_margin:20px 2px 0 0;
	display: inline;
}

#showa .cbRight .play02bg{
	width:457px;
	height:72px;
	background:url(../img/cb02/cb_txt04.png) no-repeat;
}

#showa .cbRight .play02bg .play02txt{
	float:left;
	width:343px;
	height:68px;
	text-indent:-9999px;
	display:inline;
}

#showa .cbRight .play02bg .btn{
	float:right;
	width:107px;
	height:32px;
	margin:22px 7px 0 0;
	_margin:22px 2px 0 0;
	display: inline;
}

#showa .cbRight .line{
	clear:both;
	width:457px;
	height:22px;
}

#showa .cbRight .play02{
	margin:10px 0 0 0;
}

#showa .cbRight .play02 .leftPhoto{
	float:left;
	width:138px;
	height:88px;
	display: inline;
}

#showa .cbRight .play02 .rightTxt{
	float:right;
	width:319px;
	height:88px;
	display: inline;
}

#showa .cbRight .play02 .rightTxt .leftBox{
	float:left;
	width:205px;
	height:51px;
	display: inline;
}

#showa .cbRight .play02 .rightTxt .btn{
	float:right;
	width:107px;
	height:32px;
	margin:15px 7px 0 0;
	_margin:15px 2px 0 0;
	display: inline;
}



#showa #cinemaBar2{
	clear:both;
	margin:0 0 15px 0;
	width:890px;
	height:122px;
	background:#000;
}

#showa .cbLeft2{
	float:left;
	width:262px;
	height:84px;
	margin:20px 0 0 15px;
	display:inline;
}

#showa .cbLeft2 p{
	float:left;
	display:inline;
	width:122px;
	margin:0 0 0 5px;
}


#showa .cbRight2{
	float:right;
	width:591px;
	margin:20px 20px 0 0;
	display:inline;
}

#showa .cbRight2 h4{
	margin:0 0 10px 0;
}

#showa .cbRight2 .txt1{
	float:left;
	width:356px;
	display:inline;
}

#showa .cbRight2 .btn{
	float:right;
	width:124px;
	display:inline;
}

#showa .cbRight2 .btn .btn_play{
	float:right;
	display:inline;
}

#showa .cbRight2 .btn .txtimg{
	clear:both;
	padding:5px 0 0 0;
}




body {behavior:url(http://gyao.yahoo.co.jp/js/csshover.htc);}
ul.btn_box li.btn_on a, ul.btn_box li.btn_on a:hover, ul.btn_box li.btn_off {behavior: url(http://gyao.yahoo.co.jp/js/iepngfix.htc);}
ul.btn_box li.btn_on a:hover {cursor:pointer;}

.btn exbt .btn_play a, .btn exbt .btn_play a:hover, .btn exbt .btn_off {behavior: url(http://gyao.yahoo.co.jp/js/iepngfix.htc);}
.btn exbt .btn_play a:hover {cursor:pointer;}


/* 昭和TV SPECIAL CONTENTS 1015 
------------------------------------------------------------ */

#pick1015{	width:876px;
	height:317px;
	background:url(http://i.yimg.jp/images/gyao/showa/img/pickup/101005/pick1015Bg.png) no-repeat; padding:33px 0 0 14px; margin-left:30px;}

#pick1015 .cnt1015_l{float:left; width:422px; margin-right:16px;}

#pick1015 .cnt1015_r{float:left; width:422px;}



#pick1015 .cnt1015_l h3{width:422px;
	height:29px;
	background:url(http://i.yimg.jp/images/gyao/showa/img/pickup/101005/ttl_sp1005_01.jpg) no-repeat; text-indent:-5000px; margin-bottom:7px;}
	
#pick1015 .cnt1015_l h4{width:200px;
	height:43px;
	background:url(http://i.yimg.jp/images/gyao/showa/img/pickup/101005/pickup_lead_1005.gif) no-repeat; text-indent:-5000px; margin-bottom:5px;}
	
	
#pick1015 .cnt1015_r h3{width:422px;
	height:29px;
	background:url(http://i.yimg.jp/images/gyao/showa/img/pickup/101005/ttl_sp1005_02.jpg) no-repeat; text-indent:-5000px; margin-bottom:7px;}
	
#pick1015 .cnt1015_r h4{width:183px;
	height:43px;
	background:url(http://i.yimg.jp/images/gyao/showa/img/pickup/101005/pickup_lead2_1005.gif) no-repeat; text-indent:-5000px; margin-bottom:5px;}
	
.pick1015sam{float:left; margin-right:7px; margin-bottom:7px;}
.pick1015sam img{margin-left:7px;}
.pick1015txt{float:left; width:215px;}

br.clear{clear:both;}

.pick1015btn{float:left; width:178px; margin-right:29px; margin-left:17px; }

.pick1015btn2{float:left; width:186px; }

.pick1015btn3{float:left; width:160px; padding-top:33px; }



ul.btn_box2 { width:120px; float:left;
	
}

.t_1015{float:left; padding-top:10px;}

ul.btn_box2 li.btn_on a {
display:inline;
float:left;
height:36px;
margin-right:9px;
text-indent:-9999px;
width:111px;
}


ul.btn_box2 li.btn_on a:hover {
background-position: 0 -36px;
}


ul.btn_box2 li.btn_on a, ul.btn_box li.btn_off {
background:transparent url(http://i.yimg.jp/images/gyao/common/images/btn_play.png) repeat scroll 0 0;
}
ul.btn_box2 img{vertical-align:middle;}


ul.btn_box2{behavior: url(http://gyao.yahoo.co.jp/js/iepngfix.htc);}


/* CSSハック 共通
------------------------------------------------------------ */
#wrapper div, p, ul{
    zoom: 100%;/*for IE 5.5-7*/
}

#wrapper div:after, p:after, ul:after{/*for modern browser*/
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

.clearfix:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */