@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE:

SITE LAUNCHED:2010.07.01
LAST UPDATED:
____________________________________________________________________________*/



/*----------------------------------------------------------------------------
 RESET HTML elements
----------------------------------------------------------------------------*/
body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}

/*----------------------------------------------------------------------------
 CLEAR FIX
----------------------------------------------------------------------------*/

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

.clearfix { 
	display: inline-table;
} 

/* IE7 */
.clearfix {
	display:inline-block;
}

/*\*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/**/ 

/*----------------------------------------------------------------------------
 IE6 PNG
----------------------------------------------------------------------------*/

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}



/*----------------------------------------------------------------------------
 HTML elements
----------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color:#000;
	font-size:medium;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 160%;text-align:center;
	background:url(../img/bg_body_top.jpg) repeat;
}

h1{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

h2{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

h3{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

h4{
	margin:0px;
	padding:0px;
	font-size:medium;
	font-weight:normal;
}

p{
	margin:0px 0px 5px 0px;
	padding:0px;
}

.txt-small{
	font-size:x-small;
	font-weight:normal;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

li{
	font-size:86%;
	margin:0px;
	padding:0px;
}

img{
	border:none;
}

form{
	margin-bottom:15px;
}

input{
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

textarea{
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

address{
	font-size:11px;
	font-style:normal;
}

/*----------------------------------------------------------------------------
 COMMON LAYOUT
----------------------------------------------------------------------------*/

#container{
	width:100%;
	height:2700px;
	margin: 0px auto;
	padding: 0px 0px 0px;
	text-align:left;
	background:url(../img/bg_container_top_2840.png) no-repeat center top;
	_background:url(../img/bg_container_top_2840.gif) no-repeat center top;
}
#content{
	width:1082px;
	margin:0px auto;
	padding:0px;
}
#main{
	position:relative;
	width: 1082px;
	height:2000px;
	display:inline;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	background:url(../img/img_pegboard.png) no-repeat center top;
	_background:url(../img/img_pegboard.gif) no-repeat center top;
	_z-index:1;
}
#side{
	width: 264px;
	display:inline;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
#globalHeader{
	width:100%;
	height:40px;
	position:relative;
	margin:0px auto;
	background:url(../img/bg_header.gif) repeat-x;
}
#footer{
	width:100%;
	margin:0px auto 0px;
	padding:20px 0px 10px 0px; 
	text-align:center;
}
#txtLink{
	width:920px;
	margin:20px auto 0px;
	padding:10px 0px 3px;
	font-size:68.75%;
	text-align:center;
	border:1px solid #bcbcbc;
}
.inner{
	width:1050px;
	position:relative;
	margin:0px auto;
}

/*----------------------------------------------------------------------------
 MAIN NAVIGATION
----------------------------------------------------------------------------*/
#home #navGlobal ul{
	position:relative;
	width:950px;
	_width:1100px;
	height:40px;
	left:150px;
	padding:0;
	border-left:1px solid #666;
}


#home #globalHeader .inner{
	width:1100px;
}

#home #bannerWelcome{
	left:550px;
}
/*----------------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------------*/
#siteId a{
	width:149px;
	height:130px;
	display:block;
	background:url(../img/siteid.png) no-repeat;
	text-indent:-9999px;
}

#topBanner{
	width:1100px;
	margin:10px auto 0px;
}
#topBanner table{
	margin-left:150px;
	width:950px;
}
#topBanner table td{
	padding:0px;
	margin:0px;
}
#topBanner table td.bannerLarge{
	width:665px;
}
/*----------------------------------------------------------------------------
 HOME
----------------------------------------------------------------------------*/
#home h1{
	margin:0px 0px 3px;
	padding:2px 0px 0px;
	font-size:12px;
	font-weight:bold;
	line-height:100%;
	color:#444;
}

/* フラッシュ __________________________________________________ */

#feature{
	position:relative;
	width:1082px;
	height:622px;
	background:url(../img/bg_feature_top.png) no-repeat;
	_background:url(../img/bg_feature_top.gif) no-repeat;
	_z-index:10;
}
#feature #recommend{
	position:absolute;
	width:782px;
	height:582px;
	top:20px;
	left:30px;
}

#feature #clock{
	position:absolute;
	width:249px;
	height:44px;
	top:30px;
	right:26px;
}

#infoIcon{
	position:absolute;
	width:450px;
	height:16px;
	top:610px;
	left:18px;
	_top:608px;
	background:url(../img/info_icon_hd.png) no-repeat;
	_background:url(../img/info_icon_hd.gif) no-repeat;
	text-indent:-9999px;
	z-index:10;
}

/* フラッシュ非対応 __________________________________________________ */

#feature #recommend p#getFlashplayer{
	width:782px;
	height:582px;
	background:url(../img/getflash.png) no-repeat;
	text-indent:-9999px;
}


#feature #recommend p#getFlashplayer a{
	display:block;
	width:782px;
	height:582px;
	overflow:hidden;
}


/* オンエアー __________________________________________________ */

#feature #nowonair{
	position:absolute;
	top:83px;
	right:25px;
	width:250px;
	height:504px;
	background:url(../img/bg_onair_top.gif) no-repeat;
}
#feature #nowonair h2{
	margin:30px 0px 0px 20px;
	width:200px;
	height:37px;
	background:url(../img/h2_nowonair_02.gif) no-repeat;
	text-indent:-9999px;
}
#on-air{
	margin:0px 0px 0px 12px;
	padding:5px 15px 5px 0px;
	width:213px;
	height:390px;
	background:url(../img/bg_on_air.gif) repeat-x top;
	overflow-y:scroll;
}
#on-air ul{
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 5px;
}
#on-air li{
	margin:0px 0px 12px;
	font-size:12px;
	line-height:130%;
}
ul{
	text-align:left;
}
.selectChannel{
	padding:0 0 0 15px;
}
.selectChannel li{
	padding:0 ;
	margin:0px 3px 0px 0px;
	float:left;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
}
	
.selectChannel li div{
	width:100px;
	height:15px;
	overflow:hidden;
}
.selectChannel li:hover{
	background:#eee;
}


li.channelHD div{
	background:url(../img/tab_top_hd.gif) 0 0  no-repeat;
}
li.channele2 div{
	background:url(../img/tab_top_e2.gif) 0 0 no-repeat;

}

/* ロゴ __________________________________________________ */

#home #topLogo{
	position:absolute;
	width:315px;
	height:274px;
	top:7px;
	left:-10px;
	background:url(../img/siteid_top.png) no-repeat;
	text-indent:-9999px;
}


/* 更新情報 __________________________________________________ */

#main #topics{
	position:absolute;
	top:80px;
	left:315px;
	width:206px;
	height:316px;
	background:url(../img/bg_topics_top.gif) no-repeat;
}
#main #topics h2{
	text-indent:-9999px;
}
#main #topics dl{
	margin:5px 15px 10px 18px; 
}
#main #topics dt{
	font-size:11px;
	line-height:110%;
	font-weight:bold;
	color:#666;
}
#main #topics dd{
	margin:0px 0px 10px 0px;
	font-size:13px;
	line-height:120%;
	color:#000;
}
#main #topics dd strong{
	display:block;
	font-size:12px;
	color:#c00;
}

/* 注目作品 __________________________________________________ */
#main #pickup{
	position:absolute;
	top:30px;
	right:35px;
	width:469px;
	height:320px;
	padding:55px 20px 10px 15px;
	background:url(../img/bg_pickup_top.png) no-repeat;
	_background:url(../img/bg_pickup_top.gif) no-repeat;
}
#main #pickup h2{
	width:385px;
	height:49px;
	background:url(../img/h2_recommend_top.png) no-repeat;
	text-indent:-9999px;
}

#main #pickup p.lead{
	width:421px;
	height:11px;
	margin:10px 0px 12px;
	_margin:5px 0px 10px;
	background:url(../img/lead_recommend.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#main #pickup .itemRecommend{
	margin:0px 0px 5px;
}
#main #pickup .txtRecommend{
	width:370px;
	margin:0px 0px 0px;
	float:right;
}
#main #pickup .itemPict{
	width:90px;
	float:left;
}
#main #pickup h3.movieTitle{
	margin:0px;
	font-size:14px;
	line-height:120%;
	font-weight:bold;
}
#main #pickup p.movieCopyright{
	font-size:10px;
	line-height:100%;
}
#main #pickup p.txtComment{
	margin:0px 0px 1px;
	font-size:11px;
	line-height:125%;
}
#main #pickup .linkpage a{
	padding:0px 0px 0px 15px;
	font-size:12px;
	background:url(../img/icon_blue_square.gif) no-repeat left;
}
#main #pickup .linkallitem{
	position:absolute;
	bottom:0px;
	right:0px;
	width:490px;
	height:335px;
	/*
	width:80px;
	height:60px;*/
	/*margin:-60px 0px 0px 400px;*/
}
#main #pickup .linkallitem a{
	display:block;
	width:469px;
	height:320px;
	/*
	width:80px;
	height:60px;*/
	text-indent:-9999px;
	overflow:hidden;
}
/* 左カラム __________________________________________________ */
#main #utility{
	position:absolute;
	top:268px;
	left:25px;
	width:272px;
	height:420px;
	background:url(../img/bg_utility.png) no-repeat;
	_background:url(../img/bg_utility.gif) no-repeat;
}
#main #utility .selectChannel img{
	margin-left:2px;
}
#main #utility .selectChannel input{
	margin:0px;
	padding:0px;
}
/* 注目キーワード __________________________________________________ */
#colKeywords{
	margin:12px 15px 0px 12px;
	height:98px;
}
#colKeywords h3{
	height:25px;
	background:url(../img/h3_utility_keywords.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#colKeywords .selectChannel{
	margin:5px 10px 0px 0px;
	_margin:3px 10px 0px 0px;
	height:16px;
}
#colKeywords p{
	margin:5px 15px 0px 15px;
	_margin:0px 15px 0px 15px;
	font-size:12px;
	line-height:120%;
}
#colKeywords p a.per120{
	font-size:120%;
}
#colKeywords p a.per140{
	font-size:140%;
}

/* 検索 __________________________________________________ */

#colSearch{
	margin:0px 15px 0px 12px;
	height:98px;
	_overflow:hidden;
}
#colSearch h3{
	height:25px;
	background:url(../img/h3_utility_search.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#colSearch .selectChannel{
	margin:5px 10px 0px 0px;
	_margin:10px 10px 0px 0px;
	height:16px;
}
#colSearch form{
	margin:0px;
	padding:0px;
}
input#searchForm{
	margin:7px 0px 5px 10px;
	_margin:3px 0px 5px 10px;
	width:155px;
	height:21px;
	border:1px solid #06c;
	font-size:12px;
}
#colSearch .txt-small{
	margin:0px 0px 0px 10px;
}
#btnSearch{
	margin:7px 10px 0px 5px;
	_margin:3px 10px 0px 5px;
}

/* カレンダー __________________________________________________ */

#colCalendar{
	margin:0px 12px 0px 12px;
	height:200px;
	position:relative;
}
#colCalendar h3{
	height:26px;
	background:url(../img/h3_utility_calendar.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#colCalendar #cal{
	margin:5px 0px 0px 0px;
}
#colCalendar .selectChannel{
	position:absolute;
	top:30px;
	left:0px;
	height:18px;
	display:block;
}
#colCalendar #cal .caption{
	width:200px;
	_width:220px;
	margin:0px auto 0px;
	font-weight:bold;
	line-height:100%;
	font-size:16px;
	text-align:right;
}
#colCalendar #cal .calendar{
	width:180px;
	margin:0px auto;
	font-size:10px;
}
#colCalendar #cal .calendar th{
	text-align:center;
	line-height:150%;
}
#colCalendar #cal .calendar td{
	text-align:center;
	line-height:150%;
}

.currentMonth{}

#colCalendar #cal .calendar th.sun{ color:#f06;}
#colCalendar #cal .calendar th.sat{ color:#0067b7;}

#colCalendar #cal .calendar td.sun{	background:#ffe5e5;}
#colCalendar #cal .calendar td.mon{ background:#f2f2f2;}
#colCalendar #cal .calendar td.tue{ background:#f2f2f2;}
#colCalendar #cal .calendar td.wed{ background:#f2f2f2;}
#colCalendar #cal .calendar td.thu{ background:#f2f2f2;}
#colCalendar #cal .calendar td.fri{ background:#f2f2f2;}
#colCalendar #cal .calendar td.sat{ background:#e5f2ff;}

.otherMonth{ background:#eee;}

.calendar td a:link{ color:#333;}
.calendar td.sun a:link{ color:#f06;}

#btnCalendar {
	width:200px;
	height:24px;
	margin:3px auto;
}
#btnCalendar a{
	display:block;
	width:200px;
	height:24px;
	background:url(../img/btn_calendar_all.gif) no-repeat;
	text-indent:-9999px;
}

#cal ul.navi{
	height:1px;
	overflow:hidden;
}

#colCalendar .selectChannel img{
	margin:0px 5px 0px 0px;
	_margin:0px 1px 0px 0px;
}

/* ホメシネ __________________________________________________ */

#main #introHomecine{
	position:absolute;
	top:418px;
	left:300px;
	width:484px;
	height:262px;
	
}
#main #introHomecine #imgHomecine{
	width:304px;
	height:271px;
	float:left;
	background:url(../img/tv_homecine.png) no-repeat;
	text-indent:-9999px;
	overflow:-9999px;
}
#main #introHomecine #imgHomecine a{
	width:304px;
	height:271px;
	display:block;
}
#main #introHomecine #infoHomecine{
	width:180px;
	height:260px;
	float:right;
	background:url(../img/img_homecine.gif) no-repeat;
}
#main #introHomecine #infoHomecine h2{
	margin:10px 0px 0px;
	width:180px;
	height:182px;
	text-indent:-9999px;
}
#main #introHomecine #infoHomecine h2 a{
	display:block;
	width:180px;
	height:182px;
}
#main #introHomecine #infoHomecine p{
	width:145px;
	height:75px;
	margin:0px 10px 0px;
	font-size:10px;
	line-height:150%;
	text-indent:-9999px;
}
#main #introHomecine #infoHomecine p a{
	display:block;
	width:145px;
	height:75px;
}
#main #introHomecine #infoHomecine .linkSite a{
	width:180px;
	height:12px;
	display:block;
	text-indent:-9999px;
}

/* 右カラム __________________________________________________ */

#main #side{
	position:absolute;
	top:425px;
	right:20px;
}
#main #side #sideBanner{
	width:245px;
	margin:0px 0px 10px;
	padding:10px 0px 1px;
	background:url(../img/bg_colk.gif) repeat;
}
#main #side #sideBanner p{
	margin-bottom:10px;
	text-align:center;
}

#main #side #bannerTwitter{
	margin-bottom:7px;
}
#main #side #bannerHorror{
	margin-bottom:5px;
}
/* 公開作品情報 __________________________________________________ */

#main #side #newsRoadshow{
	margin:0px 0px 15px;
	width:249px;
	background:url(../img/bg_side_news.gif) no-repeat;
}
#main #side #newsRoadshow h3{
	width:249px;
	height:60px;
	background:url(../img/h3_top_roadshow.gif) no-repeat;
	text-indent:-9999px;
}
#main #side #newsRoadshow #roadshowLists{
	padding:5px 15px 5px;
}
#main #side #newsRoadshow #roadshowLists .roadshowList{
	margin:0px 0px 10px;
	background:url(../img/bg_roadshowList.gif) repeat;
}
#main #side #newsRoadshow #roadshowLists .roadshowList p{
	display: table-cell;
	vertical-align: middle;
	margin:0px;
	padding:3px 3px 0px 0px;
	font-size:11px;
	font-weight:bold;
	line-height:120%;
}

/*for IE6 */
* html #main #side #newsRoadshow #roadshowLists .roadshowList p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #main #side #newsRoadshow #roadshowLists .roadshowList p {
	display: inline;
	zoom: 1;
}

#main #side #newsRoadshow #roadshowLists .roadshowList p.image{
	padding:0px 4px 0px 0px;
}



/* 最新シネマニュース __________________________________________________ */

#main #side #newsCinema{
	width:249px;
	background:url(../img/bg_side_news.gif) repeat;
}
#main #side  #newsCinema h3{
	width:249px;
	height:60px;
	background:url(../img/h3_top_newscinema.gif) no-repeat;
	text-indent:-9999px;
}
#main #side  #newsCinema ul{
	margin:10px 0px;
	padding:5px 15px 5px;
}
#main #side  #newsCinema li{
	margin:0px 0px 10px;
	padding:0px 0px 0px 8px;
	font-size:12px;
	line-height:130%;
	background:url(../img/icon_blue.gif) no-repeat left 0.4em;
}

/* コンテンツ __________________________________________________ */

#contentsList{
	position:absolute;
	top:687px;
	left:40px;
	width:750px;
}

#contentsList .colContent{
	width:250px;
	height:300px;
	float:left;
	display:inline;
	overflow:hidden;
}
#contentsList .colContent .txtContent{
	width:180px;
	margin:-90px 0px 0px 50px;
	font-size:11px;
	line-height:120%;
}
#contentsList .colContent .txtContent p strong{
	color:#009;
}
#contentsList .colContent .txtContent .linkpage a{
	padding:0px 0px 0px 15px;
	font-size:11px;
	background:url(../img/icon_blue_square.gif) no-repeat left;
}

h2#onegai{
	width:250px;
	height:300px;
	background:url(../img/h2_onegai.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
h2#onegai a{
	width:250px;
	height:300px;
	display:block;
}
h2#otakara{
	width:250px;
	height:300px;
	background:url(../img/h2_otakara.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
h2#otakara a{
	display:block;
	width:250px;
	height:300px;
	overflow:hidden;
}
h2#otoko{
	width:250px;
	height:300px;
	background:url(../img/h2_otoko.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
h2#otoko a{
	width:250px;
	height:300px;
	display:block;
}
h2#present{
	width:250px;
	height:300px;
	background:url(../img/h2_imagica.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
h2#present a{
	width:250px;
	height:300px;
	display:block;
}
h2#presentHomecine{
	width:250px;
	height:300px;
	background:url(../img/h2_presentHomecine.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
h2#presentHomecine a{
	width:250px;
	height:300px;
	display:block;
}
h2.comingsoon{
	width:250px;
	height:300px;
	font-size:10px;
	background:url(../img/img_comingsoon.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
h2.comingsoon span{
	display:none;
}



/*Twitter----------------------------------------------*/
#twitter{
	overflow: auto;
}

#twitter li{
	padding: 8px;
	margin: 0 0 20px 0;
	white-space: nowrap;
	border: 1px solid #e5e5e5;
	white-space: normal;
}

#twitter li span.name{
	font-size: 90%;
	color: #3f91b1;
}

#twitter li span.time{
	font-style: italic;
	color: #999;
	font-size: 90%;
}