@charset "utf-8";

/*            successive共通
========================================================================*/
#movie #contentArea p,
#movie #contentArea a,
#movie #contentArea ul li,
#movie #contentBottom p,
#movie #contentBottom a {
	color: #fff;
	font-size: 14px;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	line-height: 1.857;
	text-decoration: none;
}
#movie #contentArea {
    background: none;
    box-shadow: none;
    z-index: 1;
    margin-bottom: 50px;
}
#movie #titleArea {
    position: relative;
    left: 1px;
    text-align: center;
    padding-top: 41px;
    margin-bottom: 40px;
}
#movie #titleArea img {
    margin-bottom: 34px;
}
#movie #list_area {
}
#movie #list_area ul li {
	margin-bottom:30px;
}
#movie #list_area ul li:after {
  content: "";
  clear: both;
  display: block;
}
#movie #list_area ul li .img {
	float:left;
	width:472px;
	height:265px;
	border:1px solid #646464;
	overflow:hidden;
	position:relative;
	background:#ffffff;
}
#movie #list_area ul li a .img img.hover {
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    transition: transform 0.3s ease;
    width:100%;
    height:auto;
}
#movie #list_area ul li a:hover .img img.hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity:0.8;
}
#movie #list_area ul li a .img img.cover {
	position:absolute;
	top:0;
	left:0;
}
#movie #list_area ul li .text {
	float:right;
	width:474px;
	padding-top:35px;
}
#movie #list_area ul li .text a {
	display: block;
	width: 90px;
}
#movie #list_area ul li .text a span {
	margin:10px 0 10px 10px;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
	width: 90px;
	height: 0;
	padding-top: 20px;
	background: url(../../movie/images/btn.png) 0 0 no-repeat;
}
#movie #list_area ul li .text a:hover span		{ background-position: 0 -20px; }
#movie #list_area ul li .text .lblink {
    background: url(../images/arrowRedR.png) no-repeat left center;
    font-size: 14px;
    line-height: 1.857;
    color: #fff;
    padding: 13px;
    margin-left:10px;
    cursor: pointer;
}
#movie #list_area ul li .text .lblink:hover {
	text-decoration: underline;
}
/*            linkbox
========================================================================*/
.linkbox_wrap {
	display:none;
}
.linkbox_bg {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000000;
	opacity: 0.7;
	z-index:1110;
	display:none;
}
.linkbox_wrap.enable,
.linkbox_bg.enable {display:block;cursor:pointer;}
.linkbox {
	position:absolute;
	top:100px;
	left:50%;
	margin:0 0 0 -340px;
	width:680px;
	z-index:1111;
	cursor:auto;
	padding:40px 50px;
	background:#ffffff;
	box-shadow: 0px 0px 40px #000, 0px 0px 40px #000;
	transform-origin: 0px 0px 0px;
	opacity:0;
}
.linkbox .inc {
	display:none;
}
.linkbox .close {
	position:absolute;
	top:0;
	right:-35px;
	cursor:pointer;
}
.linkbox .close:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
}
.linkbox header , 
.linkbox #bread ,
.linkbox footer {
	display:none;
}
#historiaInner .title2nd {
	padding-bottom:30px;
	border-bottom:2px solid #000000;
	margin-bottom:30px;
}
#historiaInner .title2nd img {
	margin:0 auto;
	display:block;
}
#historiaInner .blockL {
	margin-bottom:30px;
}
#historiaInner .blockL p {
	font-weight: bold;
	margin-bottom:12px;
}
#historiaInner .blockL ul {
	margin-left:32px;
	margin-bottom:16px;
}
#historiaInner .blockL ul li {
	list-style: disc;
}
#historiaInner .blockR img {
	margin:0 auto;
	display:block;
}
#historiaInner .historiaRow .blockR img {
    width: 100%;
}
#historiaInner .blockR.length img {
    width: 192px;
}