@charset "Shift_JIS";

html,body{
	min-width: 920px;
	text-align: center;
}

#Main{
	width:920px;
	margin:42px auto 0 auto;
	text-align: center;
	position: relative;
	padding:0 20px;
}

#Main .desc{
	margin-left:10px;
	text-align: left;
}

#Main h1{
	margin:24px 0 0 10px;
	text-align: left;
}


#Main .free{
	position: absolute;
	right:0;
	top:-8px;
}

#Main .movie{
	margin-top:33px;
	position: relative;
	
	*padding-top:33px;
}

#Main .navi{
	width:920px;
	margin-top:30px;
	overflow: hidden;
}

#Main .navi .left{
	float:left;
}

#Main .navi .right{
	float: right;
	margin-right: 0;
}

#Main .info{
	width:920px;
	margin-top:40px;
	overflow: hidden;
}

#Main .info .p3{
	margin-top:8px;
	float: left;
}

#Main .info .right{
	float: right;
	text-align: left;
	
	_float:left;
	_margin-left:12px;
}

#Main .info .right .product_info{
	width:504px;
	height:78px;
	padding-left:176px;
	padding-top:7px;
	position:relative;
	overflow:hidden;
	background: url("../images/main_product_bg.gif") left top no-repeat;
	
	_width:680px;
	_height:85px;
}

#Main .info .right .product_info h3{
	position: absolute;
	left:12px;
	top: 37px;
}

#Main .info .right .product_info p{
	
	float: left;
	margin-top:3px;
	margin-left:6px;
	
	_margin-top:2px;
}


#Main .info .right .product_info .date{}
#Main .info .right .product_info .maker{}
#Main .info .right .product_info .price{}
#Main .info .right .product_info .genre{}
#Main .info .right .product_info .peaple{}
#Main .info .right .product_info .save{}

#Main .info .right .product_info .pdf{
	padding-left:9px;
	padding-top:3px;
	
	_padding-top:1px;
}
#Main .info .right .product_info .network{
	right:12px;
	bottom:20px;
	position: absolute;
}

#Main .info .right .eshop{
	margin-top: 10px;
}



#About{
	width:920px;
	margin:0 auto;
	text-align: center;
	position: relative;
	padding:0 20px;
}


#About h2{
	margin-top:70px;
}

#About .desc{
	margin-top: 67px;
}

#About .txt{
	margin-top:26px;
}

#About .p1{
	margin-top: 40px;
}

#About .p2{
	margin-top: -6px;
	z-index: -1px;
}



#Lineup{
	width:920px;
	margin:0 auto;
	text-align: center;
	position: relative;
	padding:0 20px;
}

#Lineup h2{
	margin-top: 88px;
	overflow: hidden;
}

#Lineup .lineup_wrap{
	overflow: hidden;
	width:920px;
}

#Lineup .desc{
	margin-left:50px;
	margin-top:87px;
	float: left;
	
	_margin-left:25px;
}


#Lineup #Lineup1{
	width:450px;
	height:190px;
	margin-top:51px;
	margin-right: 12px;
	float:right;
	position:relative;
	background: url("../images/lineup_bg02.png") left top no-repeat;
}

#Lineup #Lineup1 .p1{
	position: absolute; left: 30px; top: 20px;
}

#Lineup #Lineup1 h3{
	position: absolute; left:156px; top:99px;
}

#Lineup #Lineup1 .capacity{
	position: absolute; left:17px; top:131px;
}
#Lineup #Lineup1 .time{
	position: absolute; left:17px; top:154px;
}
#Lineup #Lineup1 .price{
	position: absolute; left:159px; top:154px;
}

#Lineup #Lineup1 .p2{
	position: absolute; right:16px; top:16px;
}
#Lineup #Lineup1 .txt{
	position: absolute; right:29px; bottom:25px;
}

#Lineup #Lineup1 .price2{
	position: absolute; left:158px; top:18px;
}

#Lineup .lineup_wrap2{
	width:900px;
	height: 980px;
	margin:30px auto 0 auto;
	overflow:hidden;
	background: url(../images/lineup_bg01.gif) left top repeat;
}

#Lineup .lineup_wrap2 .txt01{
	text-align: left;
	margin-left:22px;
	padding-top:13px;
	visibility: hidden;
}
#Lineup .lineup_wrap2 .txt02{
	text-align: left;
	margin-left:22px;
	padding-top:13px;
	display:none;
}



#Lineup .lineup_wrap2 .lineup{
	width:424px;
	height: 462px;
	margin:18px 18px 0 8px;
	float:left;
	text-align:left;
	position:relative;
	background: url(../images/lineup_bg03.png) left top no-repeat;
	
}

#Lineup .lineup_wrap2 .lineup.left{
	margin:18px 8px 0 18px;
	
	_margin:9px 4px 0 9px;
}
#Lineup .lineup_wrap2 .lineup.right{
	margin:18px 18px 0 8px;
	
	_margin:9px 9px 0 4px;
}


#Lineup .lineup_wrap2 .lineup .info{
	overflow: hidden;
	margin-top:20px;
}

#Lineup .lineup_wrap2 .lineup .info p,
#Lineup .lineup_wrap2 .lineup .info h3{
	float: left;
	margin-left:6px;
}

#Lineup .lineup_wrap2 .lineup .info h3{
	margin-bottom: 3px;
	margin-top:5px;
}

#Lineup .lineup_wrap2 .lineup .info .p1{}

#Lineup .lineup_wrap2 .lineup .info .capacity{
	margin-top:9px;
}

#Lineup .lineup_wrap2 .lineup .info .time{
	margin-top:3px;
}

#Lineup .lineup_wrap2 .lineup .info .price{
	margin-left:2px;
	margin-top:3px;
}

#Lineup .lineup_wrap2 .lineup .movie{
	margin:-5px 0 0 20px;
	position: relative;
	width:384px;
	height: 234px;
	
	cursor: pointer;

}

#Lineup .lineup_wrap2 .lineup .movie .bg{
	width:380px;
	height: 230px;
	overflow:hidden;
	position:absolute; left:0; top:0;
	display: none;
	margin: 2px;
}
#Lineup .lineup_wrap2 .lineup .movie .slideshow{
	position:absolute; left:0; top:0;
	display: none;
	margin: 2px;
}

#Lineup .lineup_wrap2 .lineup .movie .slideshow img{
	position: absolute; left:0; top:0;
	opacity: 0;
}



#Lineup .lineup_wrap2 .lineup .movie .corver{
	position:absolute; left:0; top:0;
	margin: 2px;
}
#Lineup .lineup_wrap2 .lineup .movie .hand{
	position:absolute; right:2px; bottom:2px;
	display: none;
}

#Lineup .lineup_wrap2 .lineup .movie .frame{
	position:absolute; left:0; top:0;
}




#Lineup .lineup_wrap2 .lineup .txt05{
	margin-left:22px;
	margin-top:15px;
}

#Lineup .lineup_wrap2 .lineup .price2{
	position: absolute;
	right: 11px;
	top:-10px;
}


#Lineup .lineup_wrap2 #Lineup2,
#Lineup .lineup_wrap2 #Lineup3{
	margin-top:10px;
}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.float_orange {
	margin-top: 10px;
	float: right;
}
.orange_btn {
	position: relative;
	width: 200px;
	height: 54px;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	width: 196px;
	height: 50px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn span::after {
	content: "";
	position: absolute;
	right: 8px;
	top: calc(50% - 4px);
	width: 8px;
	height: 8px;
	border-top: 1px solid #FF9103;
	border-right: 1px solid #FF9103;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.orange_btn:hover > span::after {
	right: 6px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}