@charset "shift_jis";

/*===================================================
*
*	Page Theater Top Page Style CSS
*	Site https://www.unitedcinemas.jp
*
====================================================*/

/* cinema-gift
----------------------------------------------------*/
#wrapper{
	margin: 0 auto;
	width: 910px;
}

p.topicPath{
	text-align: left;
}

.contents{
	background: url(/image/common/bg_wide.gif) left center repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 910px;
}

.contents .left{
	width: 660px;
	float: left;
	margin: 0;
	padding: 20px 0 0 120px;
}

.contents .right{
	float: right;
	margin: 0;
	padding: 20px 0 0 0;
}

ul.cgcContentsNavi{
	margin: 15px 0 15px 0;
	padding: 0;
}

ul.cgcContentsNavi li{
	float: left;
	margin: 0;
	padding: 0;
}

h4{
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
}

p#buy,p#scene,p#balance{
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
}	

.buyArea{
	border: 1px solid #999999;
	background: #ffffff;
	margin: 0;
	padding: 15px 0;
}

p.buyTxt{
	padding: 0:
	margin: 0;
	text-align: center;
}

p.btnNetBuy{
	padding: 5px 0 0 0;
	text-align: center;
}

p.attention{
	margin: 0;
	padding: 5px 0 0 0 ;
	color: red;
	font-weight: bold;
	text-align: center;
}

.sceneArea{
	border: 1px solid #999999;
	background: #ffffff;
	margin: 0;
	padding: 0px 0;
}

ul.scene{
	margin: 0;
	padding: 10px 0 20px 10px;
	overflow: hidden;
}

ul.scene li{
	float: left;
	margin: 0;
	padding: 0 10px;
}

.cgcNavi{
	clear: both;
	margin:0 ;
	padding: 20px 0 10px 0;
}

.cgcNavi ul{
	margin: 0;
	padding: 0;
}

.cgcNavi ul li{
	float: left;
	margin: 0;
	padding: 0;
}

.cgcNavi ul li.last{
	float: right;
}

.balanceArea{
	border: 1px solid #999999;
	background: #ffffff;
	margin: 0 0 20px 0;
	padding: 10px 0;
}

p.balanceTxt{
	float: left;
	margin: 0;
	padding: 0px 0 0 20px;
	width: 300px;
}

h5.btnReference{
	margin: 0;
	padding: 15px 0 0 15px;
}

.balanceArea p.text{
	clear: both;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #999999;
	width: 600px;
}

.balanceArea p.guide{
	clear: both;
	font-size: 12px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 600px;
}

div#flashArea {
	margin: 0;
	padding: 0 25px 0 0;
}

/* cinema-gift
----------------------------------------------------*/

div.presentIcon {
	text-align: center;
	border-bottom: 10px solid #d34865;
	width: 870px;
	margin: 0px auto 20px;
	padding-bottom: 20px;
}

div.main {
	width: 660px;
	float: left;
	padding-left: 15px;
}

h2.cinemagift_logo {
	width: 225px;
	float: left;
	padding-bottom: 20px;
}

p.cinemagift_catch {
	width: 402px;
	float: right;
	padding: 10px 0px 20px;
}

p.uol_attention {
	width: 660px;
	padding-bottom: 10px;
}

p.bannar {
	margin: 0px 0px 10px;
	text-align: center;
	clear: both;
}


/* お求め方法
-----------------------------------*/

div.howtoArea {
	border-left: 1px solid #8a8a8a;
	border-right: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.howtoArea ul {
	padding: 20px 30px 5px;
}

div.howtoArea ul li {
	margin-bottom: 20px;
}

div.howtoArea p.buyBt {
	position: absolute;
	top: 40px;
	right: 50px;
}
div.howtoArea p {
	text-align: center;
}


/* 特徴
-----------------------------------*/

div.featureArea {
	border-left: 1px solid #8a8a8a;
	border-right: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
	background: #fffae7;
	margin-bottom: 20px;
}

div.featureArea ul {
	padding: 20px 30px 5px;
}

div.featureArea ul li {
	margin-bottom: 20px;
}



/* 2010 natsutoku
-----------------------------------*/

div.natsutoku {
	position:relative;
}

div.natsutoku #video {
	position:absolute;
	top:142px;
	left:50px;
}

p.buyCard {
	position:absolute;
	top:1132px;
	left:246px;
}

/* Q&A
-----------------------------------*/

div.qa-top {
	width: 790px;
	margin: 20px auto;
	float: center;
}

div.qa-top img {
	margin: 10px auto;
}

div.qaArea {
	width: 680px;
	text-align: left;
	float: center;
	margin: 10px auto;
}

div.qaArea ul {
	padding: 10px 10px 5px;
}

div.qaArea ul li {
	margin: 20px 0;
}

div.qaArea ul li span{
	color:#E70539;
	font-size:120%;
	font-weight:bold
}

div.bt {
	margin: 5px auto;
	text-align: center;
}

div.bt img {
	margin: 10px auto;
}


/* kiyaku
-----------------------------------*/

div.kiyaku-top {
	width: 790px;
	margin: 20px auto;
	float: center;
}

div.kiyaku-top img {
	margin: 10px auto;
}

div.kiyakuArea {
	width: 680px;
	text-align: left;
	float: center;
	margin: 7px auto;
}

div.kiyakuArea ul {
	padding: 10px 10px 5px;
}

div.kiyakuArea ul li {
	margin: 10px 0;
}