@charset "EUC-JP";

@import'/common/css/special.css';
@import'/common/css/special_recommend2.css';



#premium{
	margin: 0 auto;
	background:#ffffff;
}

#premium img{
	vertical-align:bottom;
}



#premium_head{
	background:url("../img/main_back.png") left bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:0px;
}


#premium h1{
	background:url("../img/head.png") no-repeat left top;
	height:0px !important;
	height /**/ :115px;
	padding-top:115px;
	overflow:hidden;
}
#premium h1.specialHeader{
	background:url("../img/head_special.png") no-repeat left top;
	height:0px !important;
	height /**/ :115px;
	padding-top:115px;
	overflow:hidden;
}


/*------------------

testmovie

--------------------*/


#testmovie{
	margin-bottom:10px;
}


/*------------------

message

--------------------*/

#message{
	border:1px solid #b8b8b8;
	margin-bottom:10px;
	padding:5px;
}


#message h2{
	color:#ffffff;
	font-weight:bold;
	background:url("../img/message.png") no-repeat left top;
	height:24px;
	overflow:hidden;
	line-height:24px;
	padding-left:7px;
	margin:-6px -6px 5px;
}


/*------------------

copy

--------------------*/

#premium_copy{
	margin-bottom:10px;
	margin-top:10px;
	font-size:8px;
	color:#999;
	/*background:#fafafa;*/
}





/*------------------

conArea + conBox

--------------------*/


#conArea{
	background:;
	width:726px;
	margin-right:-11px;
	overflow:hidden;
	_zoom:1;
}


#conArea .conBox{
	width:231px;
	float:left;
	margin-right:11px;
	margin-bottom:11px;
	padding-bottom:30px; /* 修正 */
	background:gray;
	position:relative;
	border-bottom:1px solid #b8b8b8;
}


#conArea .conBox h2{
	padding-top:10px;
	text-align:center;
	font-weight:bold;

	display:table-cell;
	/*width:219px;
	padding:10px 6px 0px 6px;*/
	width:215px;
	padding:10px 8px 0px;
	height:3.5em;
	line-height:1.2;
	vertical-align:middle;
}



#conArea .conBox h3 a{
	display:block;
	width:160px;
	text-align:center;
	margin:0px auto;
	background:#ffffff;
	padding:2px;
	border:1px solid #777777;
}

#conArea .conBox h3 span{
	display:block;
	width:160px;
	text-align:center;
	margin:0px auto;
	background:#ffffff;
	padding:2px;
	border:1px solid #777777;
}

#conArea .conBox h3 a:hover{
	border:1px solid #000000;
}


#conArea .conBox .credit{
	width:219px;
	margin:0 6px 6px;
	/*background:green url("../img/icon.png") right top no-repeat;*/
	overflow:hidden;
	_zoom:1;
}

#conArea .conBox .credit li{
	float:left;
	line-height:16px;
	margin-right:5px;
	background:red;
	font-size:10px;
}

#conArea .conBox .credit .price{
	padding-left:40px;
	background:url("../img/icon_price.png") left top no-repeat;
}

#conArea .conBox .credit .watchtime{
	padding-left:67px;
	background:url("../img/icon_watchtime.png") left top no-repeat;
}





#conArea .conBox .summary{
	width:219px;
	padding:0px 0px 6px;
	margin:0px 0px 6px 6px;
	background:url("../img/summary_back.png") left bottom no-repeat;
}


#conArea .conBox .summary .in{
	padding:6px 6px 0px;
	background:white url("../img/summary_back.png") left top no-repeat;
}



#conArea .conBox .btnarea{
	margin:0px 6px 6px;
	text-align:center;
	background:url("../img/btnarea_back.png");
}

#conArea .conBox .btnarea img{
	margin:3px 0px;
}

#conArea .conBox .mac_caution{
	margin:0px 6px 6px;
	text-align:center;
}


#conArea .conBox .syosai{
	/*position:absolute;
	left:0;
	bottom:0;*/
	margin-bottom:6px;
}


#conArea .conBox .syosai a{
	display:block;
	width:231px;
	background:url("../img/syosai.png") no-repeat left top;
	height:0px !important;
	height /**/ :29px;
	padding-top:29px;
	overflow:hidden;
}

#conArea .conBox .syosai span{
	display:block;
	width:231px;
	background:url("../img/syosai_g.png") no-repeat left top;
	height:0px !important;
	height /**/ :29px;
	padding-top:29px;
	overflow:hidden;
}

#conArea .conBox .syosai a:hover{
	background:url("../img/syosai.png") no-repeat right top;
}



/*------------------

mark設定　iepng透過対策　振り分け

--------------------*/


#conArea .conBox .new{
	position:absolute;
	top:0;
	left:0;

	width:50px;
	height:0px !important;
	height /**/ :50px;
	padding-top:50px;
	overflow:hidden;
	background:url("../img/mark_new.png") left top no-repeat;
}



#conArea .conBox .ninki{
	position:absolute;
	top:0;
	left:0;

	width:50px;
	height:0px !important;
	height /**/ :50px;
	padding-top:50px;
	overflow:hidden;
	background:url("../img/mark_ninki.png") left top no-repeat;
}


#conArea .conBox .harry{
	position:absolute;
	top:0;
	left:0;

	width:50px;
	height:0px !important;
	height /**/ :50px;
	padding-top:50px;
	overflow:hidden;
	background:url("../img/mark_harry.png") left top no-repeat;
}






#conArea .conBox .newmark{
	position:absolute;
	top:0;
	left:0;
	
	width:50px;
	height:0px !important;
	height /**/ :50px;
	padding-top:50px;
	overflow:hidden;
	background: transparent url(/etc/cinema/premium/img/newmark.png) left top no-repeat;
	z-index: 2;
}


*html body #conArea .conBox .newmark{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’,sizingMethod='crop',src='//pics.static-showtime.jp/etc/cinema/premium/img/newmark.png');
}




/*------------------

warner disny　振り分け

--------------------*/



#conArea .warner{
	background:url("../img/conbox_back.png") 0px 0px no-repeat;
}


#conArea .disny{
	background:url("../img/conbox_back.png") -231px 0px no-repeat;
}


#conArea .other{
	background:url("../img/conbox_back.png") -462px 0px no-repeat;
}


#conArea .specialBox{
	background:url("../img/conbox_back.png") -693px 0px no-repeat;
}




#conArea .warner h3{
	background:url("../img/warner_photoback_ll.png") left top no-repeat;
	padding:4px;
	margin-bottom:0px;
}


#conArea .disny h3{
	background:url("../img/disny_photoback_ll.png") left top no-repeat;
	padding:4px;
	margin-bottom:0px;
}

#conArea .other h3{
	background:url("../img/other_photoback_ll.png") left top no-repeat;
	padding:4px;
	margin-bottom:0px;
}


#conArea .specialBox h3{
	background:url("../img/special_photoback_ll.png") left top no-repeat;
	padding:4px;
	margin-bottom:0px;
}


#conArea .warner .movie{
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width:219px;
	margin:0 6px 6px;
}

#conArea .warner .movie a{
	display:block;
	
	width:219px;
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/warner_test.png") left top no-repeat;
}



#conArea .disny .movie{
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	width:219px;
	margin:0 6px 6px;
}

#conArea .disny .movie a{
	display:block;
	
	width:219px;
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/disny_test.png") left top no-repeat;
}





/*------------------

carousel slide設定

------------------*/



#carousel {
	width:715px;
	height:222px;
	/* background:red; */
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:660px;
	margin-left:25px;
	height:220px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	width:900px;
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:160px;
	height:220px;	
	float:left;
	/*background:green;*/
	background:white;
	margin-right:5px;
}

#slides li img {
	padding:3px;
}

#slides li p{
	text-align:center;
	padding:0 3px;
}



/* Styling for prev and next buttons */
#buttons {
	width:715px;
	height:30px;
	position:absolute;
	top:90px;
	left:0;
}

#buttons a {
	display:block; 
	width:30px; 
	height:30px;
	text-indent:-999em;
	outline:0;
}


#buttons a#prev {
	background:url("../img/slidebtn.png") 0px 0px no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}

#buttons a#prev:hover {
	background:url("../img/slidebtn.png") 0px -30px no-repeat;
}

#buttons a#next {
	background:url("../img/slidebtn.png") -30px 0px no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	z-index:500;
}

#buttons a#next:hover {
	background:url("../img/slidebtn.png") -30px -30px no-repeat;
}

.clear {clear:both}

#premium #dramaTemplate{background:#ffffff; padding-top:10px;}



/*------------------

spSale

------------------*/
div#spSale{ position: relative; z-index: 1000;}
div#spSale img#specialSale{ position: absolute; right: -4px; top: -119px; z-index: 2013;}
div#spSale img#priceDown{ position: absolute; right: -57px; top: -600px; /* top: -171px; */ z-index: 2012; cursor: pointer;}



/*------------------

cmsList

------------------*/


#cmsList{
	width: 575px;
	padding-top: 5px;
}



/* リセット */
h2,h3,h4{
	margin:0px;
	padding:0px;
}


/* clearfix */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}