@charset "shift_jis";

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


body#theatersms .bannar_top {
	margin-bottom: 10px;
	display: none;
}


/* sms
----------------------------------------------------*/
div.main {
	width: 690px;
	float: left;
	margin:0 10px 0 0;
}

*:first-child+html div.main {
	margin:0 10px 20px 0;
}

h2.sms_logo {
	padding: 0px 10px 10px;
	text-align: center;
}

p.sms_catch {
	text-align: center;
	margin: 5px auto 0px;
}

div#flashArea {
	width: 670px;
	margin: 10px auto;
}

/* dear john start
-------------------*/
#dearJohn{
	clear:both;
	margin:15px 0;
	padding:0;
}

#dearJohn ul{
	margin:0 0 0 10px;
	padding:0;
}

#dearJohn ul li{
	margin:0;
	padding:0;
}

#dearJohn .entryArea{
	background:url(../image/sms/dearjohn/bg_btnentry2.jpg) left center no-repeat;
	width:670px;
	height:68px;
	margin:0 0 0 10px;
	padding:0;
	position:relative;
}

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

#dearJohn .entryAreaHome p.btnEntry{
	text-align:center;
	margin:0;
	padding:5px 0 0 0;
}

form#SelectTheater {
	position:absolute;
	width:255px;
	top:17px;
	left:350px;
}

form#SelectTheater select{
	width:255px;
}


/* dear john end
-------------------*/

/* newyearseve start
-------------------*/
#nye{
	position:relative;
	background:url(../image/sms/nye/nye_cam_bg.jpg) left center no-repeat;
	width:670px;
	height:400px;
	clear:both;
	margin:15px 0 0 10px;
	padding:0;
}

p.btnNyeDetail{
	position:absolute;
	top:359px;
	left:5px;
	margin:0;
	padding:;
}
/* newyearseve end
-------------------*/


ul.anchorNavi {
	width: 670px;
	margin: 10px auto 10px;
}

ul.anchorNavi li {
	width: 335px;
	float: left;
}

div.smsBox {
	border: 1px solid #666666;
	background: #fafafa;
	padding: 15px;
	position: relative;
}

p.priceBannar {
	margin-bottom: 15px;
}

div.smsBox ul.explanation li {
	background: url(/image/sms/square.gif) no-repeat 0px 3px;
	padding-left: 13px;
	margin-bottom: 5px;
}

div.smsBox ul.explanation li.caution {
	background: none;
	padding-left: 0px;
}

div.smsBox p.space_top {
	margin-top: 10px;
}

h2.to_masseage {
	padding: 10px;
	text-align: center;
}

p.agui_caution {
	text-align: center;
	font-weight: bold;
	background: #000;
	color: #CCC;
	margin: 10px;
	padding: 5px;
}

p.agui_caution2 {
	text-align: center;
	margin: 10px;
	padding: 5px;
	font-weight: bold;
}

p.downloadBt_L {
	text-align: center;
	margin: 10px;
}


/* 申込方法
-----------------------------------*/

div#howtoArea dl {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #fafafa;
	padding: 15px 10px;
	position: relative;
}

div#howtoArea dl dt {
	position: absolute;
	width: 40px;
}

div#howtoArea dl dd {
	width: 592px;
	padding-left: 55px;
	position: relative;
}

div#howtoArea dl dd p.downloadBt_M {
	position: absolute;
	left: 215px;
	top: 45px;
}

div#howtoArea dl dd p.kikanLink {
	position: absolute;
	left: 215px;
	top: 45px;
}

div#howtoArea dl dd p.frameLink {
	position: absolute;
	left: 215px;
	top: 65px;
}

div#howtoArea dl dd p.kikanLink2 {
	position: absolute;
	left: 215px;
	top: 60px;
}

div#howtoArea dl dd p.priceLink {
	position: absolute;
	left: 215px;
	top: 45px;
}

div#howtoArea dl dd p.patternLink {
	position: absolute;
	left: 215px;
	top: 65px;
}



/* 期間
-----------------------------------*/

div#kikanArea p.extend {
	position: absolute;
	top: 45px;
	right: 15px;
	width: 230px;
	padding: 5px;
	font-size: 117%;
	color: #CCC;
	background: #333;
	text-align: center;
}

div#kikanArea p.event_day {
	width: 640px;
	background: #333;
	color: #CCC;
	text-align: center;
	padding: 5px 0px;
	margin-bottom: 15px;
}

div#kikanArea p.event_day span {
	color: #ff257f;
}

p.more_movieList {
	font-size: 117%;
	width: 22em;
	margin: 10px auto;
}

div#kikanArea h4 {
	background: #444;
	color: #FFF;
	font-size: 117%;
	padding: 7px 5px;
	position: relative;
	text-align: center;
	width: 630px;
}

div#kikanArea h4 span.backLink a {
	color: #FFF;
	display: block;
	width: 60px;
	background: #000;
	position: absolute;
	top: 7px;
	left: 7px;
	font-size: 81%;
	font-weight: normal;
	text-decoration: none;
	display:none;
}

div#kikanArea h4 span.nextLink a {
	display: block;
	color: #FFF;
	width: 60px;
	background: #000;
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 81%;
	font-weight: normal;
	text-decoration: none;
	display:none;
}

div#kikanArea h4 span.backLink a:hover,
div#kikanArea h4 span.nextLink a:hover {
	text-decoration: underline;
}

/* timeTable
-----------------------------------*/

table#timeTable {
	background: #FFF;
	margin: 0px auto;
	text-align: center;
	border-collapse: collapse;
	width: 640px;
	border: 1px solid #000;
}

table#timeTable th {
	background: #282357;
	color: #FFF;
	padding: 6px 10px;
}

table#timeTable th span {
	display: block;
	font-weight: normal;
}

table#timeTable th.kikan {
	width: 50%;
}


table#timeTable td {
	padding: 3px 10px;
}


table#timeTable tr.gray {
	background: #EEE;
}