@charset "euc-jp";
@import url("/style/global.css");
@import url("/style/contents_discount.css");

/* common */
body  {
	background: #191919; 
}
ul, li {
	list-style-type:none;
	margin:0;
	padding:0;
}
img {
	margin:0;
}

a:link { color: #ffffff; text-decoration:none;}
a:visited { color: #ffffff; }
a:hover { color: #ff0066; }
a:active { border-style: none; }

/* twitter */

.twitter_bt{
	text-decoration:none;
}
.twitter_bt a{
	text-align:left;
	color:#fff;
	margin:3px auto 0;
	padding-top:4px;
	text-indent:7px;
	width:245px;
	height:21px;
	display:block;
	background:url(/contents/pre_movie/images/twitter_bt.png) no-repeat;
	text-decoration:none;
	font-weight:bold;
}
.twitter_bt a:hover{
	text-decoration:none;
	color:#efefef;
}

/* index */

#topics{
	position:relative;
	margin:0;
	line-height:0;
	width:785px;
	height:380px;
}
#topics h1{
	position:absolute;
	top:110px;
	left:25px;
	width:340px;
	font-size:13px;
	line-height:1.5;
	color:white;
	z-index: 90;
	margin:0;
}

/* tab */

.tab{
	overflow:hidden;
	background:url(/contents/pre_movie/images/tab_bg.jpg) no-repeat;
	font-size:13px;
	color:#fff;
	border-bottom:8px solid #ccc;
}
.tab ul {
	margin:0;
	padding-left:20px;
}
.tab li {
	list-style-type:none;
	width:120px;
	height:35px;
	text-align:center;
	line-height:3;
	color:#000;
	background:url(/contents/pre_movie/images/tab_select.png) no-repeat;
	float:left;
	margin-right:3px;
}
.tab li a{
	list-style-type:none;
	width:120px;
	height:35px;
	line-height:3;
	background:url(/contents/pre_movie/images/tab.png) no-repeat;
	display:block;
	text-shadow: rgba(0, 0, 0, 1) 0 -1px 0;
	color:#fff;
	text-decoration:none;
}
.tab li a:hover{
	color:#ff0066;
	text-decoration:none;
}


/* list */

.list{
	text-shadow: rgba(0, 0, 0, 1) 0 -1px 0;
}
.list ul {
	margin:0;
	padding-left:15px;
}
.list li{
	position:relative;
	margin:10px;
	float:left;
}
.list li a{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
}
.list li a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	text-decoration:none;
}
.list p{
	position:absolute;
	top:120px;
	left:5px;
	width:220px;
	font-size:10px;
	color:#fff;
}
.list img.icon_4k{
	position: absolute;
	top: 90px;
	right: 10px;
}

/* pager */

.pager {
	margin:20px 0 0 30px;
	padding-left:65px;
	overflow:hidden;
	background:url(/contents/pre_movie/images/page_title.jpg) no-repeat;
}
 .pager-inner {
	positon :relative;
}
.pager a , .pager .selected {
	width:25px;
	height:25px;
	color :white;
	text-align :center;
	line-height:2;
	background:url(/contents/pre_movie/images/page.jpg) no-repeat;
	margin-left:10px;
	float:left;
}
.pager .selected{
	 color: #000;
}
.pager a {
	color: #fff;
}
.pager a:visited {
	color: #fff;
}
.pager a:hover {
	 color: #000;
}
.not{
	color:#fff;
	margin:20px 0 0 20px;
}

/* tv */

.tv_bt{
	text-align :center;
	margin:10px;
	padding:15px 0 10px 0;
	border-top:1px dotted #555;
}
.tv_bt a{
	width:731px;
	height:332px;
	background:url(/contents/pre_movie/images/tv_bt.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
.tv_bt a:hover{
	background:url(/contents/pre_movie/images/tv_bt.jpg) no-repeat;
	background-position: 0 -332px;
}

/* erotic */

#erotic{
	text-align: center;
	padding-bottom: 15px;
	border-bottom:1px dotted #555;
}
#erotic img{
	margin-left: 5px;
}


/* cameraman */

.cameraman_title{
	background:url(/contents/pre_movie/images/cameraman_title.jpg) no-repeat;
	width:200px;
	height:50px;
	margin:15px 0 5px 30px;
	text-indent:-9999px;
}
.cameraman{
	width:745px;
	margin:0 0 30px 30px;
	overflow:hidden;
}
.cameraman li{
	width:330px;
	height:110px;
	background-color:#333; 
	padding:10px;
	margin:10px 10px 0 0;
	float:left;
	color:#fff;
	font-size:11px;
	border:1px solid #444;
	_width:323px; 		/*IE6*/
	_margin:10px 7px 0 0;   /*IE6*/
}
*+html .cameraman li{		/*IE7*/
	width:323px;
	margin:10px 7px 0 0;
}	

.cameraman li img{
	float:left;
	border:1px solid #aaa;
}
.cameraman_data{
	float:right;
	width:255px;
}
.cameraman_name{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #aaa;
	margin-bottom:5px;
}
.Introduction{
	width:0px;
	height:80px;
	background:url(/contents/pre_movie/images/tv_bt.jpg) no-repeat;
}

/* page */

.movie_title{
	background-color:#000;
	height:80px;
}
.movie_logo a{
	width:350px;
	height:65px;
	margin:20px;
	display:block;
	background:url(/contents/pre_movie/images/logo.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}
h1{
	width:370px;
	float:right;
	margin:35px 168px 0 0;
	_margin:35px 0 0 0; /* IE6 */
	font-size:13px;
	color:#fff;
}
* html h1{
	float:none;
	}
*:first-child+html h1{margin-right:157px; }	
h1, x:-moz-any-link{
	margin:35px 164px 0 0; /* firefox */
}
.movie_main{
	height:420px;
	border-top:1px solid #000;
	background:url(/contents/pre_movie/images/page_bg.jpg) no-repeat;
}
#movie{
	margin:0 0 0 25px;
	float:left;
	background-color:#fff;
}

.data_area{
	width:260px;
	margin:0 23px 0 0;
	float:right;
	color:#fff;
	background-color:#000;
}
* html .data_area{margin:0 11px 0 0;}/* IE6 */
.data{
	width:260px;
	height: 23px;
	/*background:url(/contents/pre_movie/images/data_bg.jpg) repeat;*/
	background: #444;
	font-weight:bold;
	font-size: 13px;
	line-height: 2;
	text-indent:5px;
}
.data_box{
	width:250px;
	padding:5px;
	font-size:11px;
	border-top:1px solid #444;
}
.data_box a{
	font-size:11px;
	text-decoration: underline;
}
.border{margin-top:17px;}

/*//////////////////videoタグ//////////////////*/

#video1{
	margin-left:20px
}
#video2,#video3{
	display: none;
}
#full_btn2,#full_btn3{
	cursor: pointer;
	text-align: center;
	margin-top: 3px;
}

.open_bt{
	margin:10px auto;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}
.close_bt{
	margin:10px auto 30px auto;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

/* same */

.same{
	border-bottom:3px solid #ff3a8c;
	padding:10px 0 8px 200px;
	background:url(/contents/pre_movie/images/same.jpg) no-repeat;
	background-position:20px 20px;
	overflow:hidden;
}
.same li{
	display: inline-block;
	margin:3px;
}

.tab2{
	height:35px;
	font-size:13px;
	color:#fff;
	border-bottom:8px solid #ccc;
	overflow:hidden;
}
*html .tab2{
	height:40px;
}
.tab2 ul {
	margin:0;
	padding-left:20px;
}
.tab2 li {
	width:120px;
	height:35px;
	text-align:center;
	line-height:3;
	color:#000;
	background:url(/contents/pre_movie/images/tab_select.png) no-repeat;
	float:left;
	margin-right:3px;
}
.tab2 li a{
	width:120px;
	height:35px;
	line-height:3;
	background:url(/contents/pre_movie/images/tab.png) no-repeat;
	display:block;
	text-shadow: rgba(0, 0, 0, 1) 0 -1px 0;
	color:#fff;
	text-decoration:none;
}
.tab2 li a:hover{
	color:#ff0066;
	text-decoration:none;
}


.list2{
	margin:20px 0 0 8px;
	text-shadow: rgba(0, 0, 0, 1) 0 -1px 0;
}
.list2 ul {
	margin:0;
	padding-left:15px;
}
.list2 li{
	position:relative;
	margin:10px;
	float:left;
	
}
.list2 li a{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
}
.list2 li a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	text-decoration:none;
}
.list2 p{
	position:absolute;
	top:120px;
	left:5px;
	width:220px;
	font-size:10px;
	color:#fff;
}

a.icon_discount{
	display:block;
	width:50px;
	height:14px;
	text-indent:-9999px;
	margin-right:3px;
	background:url(/search/images/on_ico_discount.jpg) no-repeat;
	overflow:hidden;
	display: inline-block;
}
a.icon_discount:hover {
	background-position: 0px -14px;
}
a.icon_taiken_report{
	display:block;
	width:50px;
	height:14px;
	text-indent:-9999px;
	margin-right:3px;
	background:url(/search/images/on_ico_kuchikomi.jpg) no-repeat;
	overflow:hidden;
	display: inline-block;
}
a.icon_taiken_report:hover {
	background-position: 0px -14px;
}
a.icon_contents{
	display:block;
	width:50px;
	height:14px;
	text-indent:-9999px;
	margin-right:3px;
	background:url(/search/images/on_ico_contents.jpg) no-repeat;
	overflow:hidden;
	display: inline-block;
}
a.icon_contents:hover {
	background-position: 0px -14px;
}