@charset "utf-8";

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

a.btn {
	display: block;
}

.btn .arw {
	cursor:pointer;
}


/*-- 劇場アクセス
----------------------------------------------------*/

div#accessLead {
	overflow: hidden;
}

h3.catch{
	text-align: center;
}

div#accessLead p.pic {
	float:left;
	width: 272px;
}

div#accessLead p{
	float:right;
	width: 350px;
}

div#accessLead p.name{
	margin-bottom: 10px;
	margin-right: 40px;
	margin-top: 30px;
}

div#accessMap p.helpBtn {
	margin: 8px 0px;
}

div#accessMap p.theaterAddress {
	margin: 0px 0px 8px 0px;
	line-height: 1.5em;
}

div#accessMap p.btn a {
	color:#444;
	text-decoration: none;
}

div#accessMap p.btn a:hover {
	color:#777;
}

div#accessMap p.bt_s {
	padding: 2px 8px;
}

div#howtouse ul li {
	margin-bottom: 8px;
}

div#howtouse ul li.last {
	margin-bottom: 0px;
}

div#service p,
div#concession p {
	margin-bottom: 8px;
}

div#service ul,
div#concession ul {
	overflow: hidden;
}

div#service ul li,
div#concession ul li {
	float: left;
	width: 235px;
	border: 1px solid #9c9c9c;
	margin-right: 8px;
	text-align: center;
}
div#service ul li p,
div#concession ul li p{
	text-align: left;
}

div#service ul li.last,
div#concession ul li.last {
	margin-right: 0px;
}

div#service ul li p,
div#concession ul li p {
	padding: 0px 8px;
}

div#concession {
	overflow: hidden;
}

div#concession p.btnConcession {
	margin-top: 8px;
	margin-bottom: 0px;
	float: right;
	width: 350px;
}

section.lcol {
    width: 744px !important;
}

h2#bus,
h2#car,
h2#train,
h2#carstop {
    background: black;
    color: white;
    height: 21px;
    font-weight: bold;
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-top: 8px;
}

p.theaterAddress {
    background: black;
    color: white;
    height: 20px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

div#howotoParking ul {
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 10px;
}

div#howotoParking li {
    padding-top: 4px;
    padding-bottom: 5px;
}

div#howotoParking ul li#service {
    color: #900;
}


/*-- 入場料金
----------------------------------------------------*/

div#priceArea {
	overflow:hidden;
}

ul.tabNavigation {
	overflow: hidden;
	background: #333333;
	width: 100%;
	height: 38px;
}

ul.tabNavigation li{
	width:130px;
	float:left;
	border-right: 1px solid #FFF;
}

ul.tabNavigation li a {
	display: block;
	padding: 10px 5px 15px 10px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

ul.tabNavigation li a.selected {
	background: #FFFFFF;
	color: #555;
}

/*キャナルのみ*/
ul.tabNavigationShort {
	overflow: hidden;
	background: #333333;
	width: 100%;
	height: 42px;
}

ul.tabNavigationShort li{
	width:122px;
	float:left;
	border-right: 1px solid #FFF;
}

ul.tabNavigationShort li a {
	display: block;
	padding: 7px 5px 20px 10px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	line-height:1.3em;
}

ul.tabNavigationShort li a.selected {
	background: #FFFFFF;
	color: #555;
}

/*キャナルここまで*/

div#priceArea p.priceTitle{
	background:#EEE;
	color:#C00;
	padding:10px;
	margin-bottom: 10px;
	overflow: hidden;
	font-weight: bold;
}

div#priceArea p.priceTitle a.btn {
	width: 130px;
	float: right;
}

/*キャナルのみ*/
div#priceArea p.priceTitle a.btnLong {
	width: 240px;
	float: right;
}
/*キャナルここまで*/

div#priceArea div.contentsLeft {
	float: left;
	width: 360px;
}

div#priceArea div.boxWhite {
	background: url(https://img.unitedcinemas.jp/image/price/bg_pricebox_wh3.gif) repeat-y left top;
	margin-bottom: 10px;
}

div#priceArea div.boxWhite div.priceList {
	background: url(https://img.unitedcinemas.jp/image/price/bg_pricebox_wh_bottom3.gif) no-repeat left bottom;
}

div#priceArea div.boxWhite ul li,
div#priceArea div.boxPink ul li {
	background: url("https://img.unitedcinemas.jp/image/common/line_dot_black.gif") repeat-x left bottom;
	padding: 10px 0px;
	margin: 0px 10px;
}

div#priceArea p.type {
	font-size: 117%;
	margin-bottom: 5px;
}

div#priceArea p.type span {
	font-size: 92%;
}

div#priceArea p.point {
	font-size: 92%;
	line-height: 1.3em;
}

div#priceArea p.price {
	font-weight: bold;
	font-size: 117%;
	text-align: right;
	margin-top: 5px;
}

div#priceArea p.attentionNormal{
	color: #242e73;
	font-size: 92%;
	margin: 0px 10px;
	padding: 10px 0px;
}

div#priceArea p.attention3d{
	color: #FF0000;
	font-size: 117%;
	font-weight: bold;
	margin: 0px 10px;
	padding: 10px 0px;
}

div#priceArea div.priceList li strong {
	font-weight: bold;
}

div#priceArea div.contentsRight {
	float: right;
	width: 360px;
}

div#priceArea div.boxPink {
	background: url(https://img.unitedcinemas.jp/image/price/bg_pricebox_pk3.gif) repeat-y left top;
	margin-bottom: 10px;
}

div#priceArea div.boxPink div.priceList {
	background: url(https://img.unitedcinemas.jp/image/price/bg_pricebox_pk_bottom3.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

div#priceArea div.creditCard {
	background: url(https://img.unitedcinemas.jp/image/price/bg_creditcard3.gif) 0 0 repeat-y;
	margin-bottom: 10px;
}

div#priceArea div.creditCard ul {
	text-align: center;
	padding: 10px 0px;
}

div#priceArea div.creditCard ul li {
	display: inline;
}
div#priceArea div.creditCard ul li img {
	padding:5px 3px;
}

div#priceArea div.creditCard p.creditCardTxt {
	line-height: 1.5em;
	margin: 0px 10px;
}

div#priceArea div.creditCard div.cardList {
	background: url(https://img.unitedcinemas.jp/image/price/bg_creditcard_bottom3.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

div#priceArea p.uolBanner {
	clear: both;
	text-align: center;
}


/*-- 劇場案内
----------------------------------------------------*/

ul#facilitiesNavi {
	overflow: hidden;
}

ul#facilitiesNavi li {
	float: left;
	width: 150px;
	padding: 5px 0px 15px 0px;
	margin-right: 10px;
}

ul#facilitiesNavi li a {
	color:#444;
}

ul#facilitiesNavi li a:hover {
	color:#777;
}

div#facilitiesList {
	padding-bottom: 10px;
}

div#facilitiesList ul {
	margin: 0 0 10px;
	overflow: hidden;
}

div#facilitiesList ul li {
	float: left;
	width: 360px;
}

div#facilitiesList ul li.last {
	margin-left: 8px;
}

div#facilitiesList ul li p.image {
	float: left;
	width: 90px;
}

div#facilitiesList ul li p.label {
	font-weight: bold;
}

div#facilitiesList ul li p.label {
	font-weight: bold;
}

div#facilitiesList ul li p.link {
	font-size: 92%;
	padding-left: 14px;
}

div#facilitiesList ul li div.text {
	float: right;
	width: 265px;
	line-height: 1.6em;
}

div#screenSound table {
	vartical-align: center;
	margin: 10px 0px;
	width: 728px;
	margin-right: auto;
	margin-left:  auto;
}

div#screenSound table th {
	background-color: #09082b;
	color: #fff;
	border-color: #666;
	padding: 5px 15px;
}

div#screenSound table td {
	text-align: center;
	vertical-align: middle;
}

div#screenSound table td.screen {
	text-align: left;
	padding-left: 25px
}

div#screenSound dl {
	padding-bottom: 10px;
}

div#screenSound dl dt {
	padding: 5px 0px;
	clear: both;
}

div#screenSound dl dd {
	margin-bottom: 15px;
	overflow: hidden;
}

div#screenSound dl dd p.btn3D {
	margin-top: 8px;
	float: right;
	width: 245px;
}

div#screenSound dl dd img.imgDcp {
	float: right;
	margin-left: 10px;
}

div#seat p {
	margin-bottom: 10px;
}

div#seat h4 {
	margin-bottom: 10px;
}

div#seat h4 img {
	vertical-align: middle;
}

div#seat h4 span {
	margin-left: 20px;
	font-weight: bold;
}

div#seat dl dt {
	font-weight: bold;
	font-size: 109%;
}

div#seat dl dd {
	margin-bottom: 10px;
}

div#manner {
	overflow: hidden;
}

div#manner p.attention {
	margin: 10px 0px;
}

div#manner p.manager {
	text-align:right;
}

div#manner p.btnManner {
	margin-top: 8px;
	float: right;
	width: 200px;
}


/*-- ご利用の際のお願い
----------------------------------------------------*/

div#aboutManner ul {
	margin-bottom: 15px;
}

div#aboutManner ul li {
	margin-bottom: 5px;
}

div#aboutManner ul li.mannerNote img {
	vertical-align: middle;
}

div#aboutManner ul.rule li {
	margin: 10px 0;
	text-align: center;
}

.ageLimit dl {
	margin-bottom: 20px;
}

div#ageLimit dl dt {
	float: left;
	width: 50px;

}

div#ageLimit dl dd{
	padding: 0 0 0 50px;
	margin: 0 0 10px;
}

div#aboutManner ul li.mannerNote,
div#ageLimit dl dd p.limitationType {
	color: #0024ff;
}