@charset "utf-8";

/*===================================================
*
*	base style sheet
*
*	Font-size Adjustment [ base::13px ]
*
*	84%  = 10px	|	134% = 16px	|	184% = 22px
*	92%  = 11px	|	142% = 17px	|	192% = 23px
*	100% = 12px	|	150% = 18px	|	200% = 24px
*	109% = 13px	|	159% = 19px	|	209% = 25px
*	117% = 14px	|	167% = 20px	|	217% = 26px
*	125% = 15px	|	175% = 21px	|
*
*
*	1. base style
*		1-1. universal selector
*		1-2. body
*	2. element style
*		2-1. anchor
*		2-2. text
*		2-3. list
*		2-4. form
*		2-5. object
*		2-6. table
*	3. outline
*		3-1. wrapper
*		3-2. header
*		3-3. contents
*		3-4. footer
*		3-5. sidebar
*	4. common style
*
====================================================*/

/* ---------------------------------------
 1. base style
----------------------------------------*/
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/*
 1-1. universal selector
---------------------------------*/

* {
	zoom: 1;
}

/*
 1-2. body
---------------------------------*/

html {
	overflow-y: scroll;
}

* body {
	font-size: 10px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	text-align:center;
	color: #333;
	background: #000;

	font-size: 75%;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

*:first-child+html body {
	font-size: 75%;

}

/* ---------------------------------------
 2. element style
----------------------------------------*/

/*
 2-1. anchor
---------------------------------*/

a {
	zoom: normal;
	color: #0054a5;
}

a:hover {
	color: #00407d;
}

a:visited {
	color: #5187ba;
}

/*
 2-2. text
---------------------------------*/

.red {
	color:#C00;
}

.blue {
	color:#039;
}

.gray {
	color:#666;
}


/*
 2-3. list
---------------------------------*/

ul,ol {
	list-style: none;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}

/*
 2-4. form
---------------------------------*/

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	color:#000;
}

input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	line-height: 1.2;
}

textarea {
	padding: 0.2em;
}

optgroup {
	font-style: normal;
	background: #CCC;
}

option {
	background: #FFF;
}

.placeholder {
    color: #777;
}

/*
 2-5. object
---------------------------------*/

img {
	border: none;
	vertical-align: bottom;
}

object {
	vertical-align: bottom;
}

/*
 2-6. table
---------------------------------*/

table {
	border-collapse: collapse;
	font-size: inherit;
	font: 100%;
}

table td,th {
	border: 1px solid #000;
	padding: 5px;
}

table th {
	background: #DDD;
	font-weight: bold;
	text-align: center;
}


/* ---------------------------------------
 3. outline
----------------------------------------*/

/*
 3-1. wrapper
------------------------------------------------------------------*/

div.wrapper {
	width: 1124px;
	padding: 0 0 8px;
	margin: 0 auto 22px;
	text-align:left;
	background: #ffffff;
	position: relative;
	zoom: 1;
}

div.wrapper:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/*
 3-2. header
------------------------------------------------------------------*/
header {
	height: 177px ;
	position: relative ;
	text-align: left;
	margin: 0 auto　;
	background: url("http://img.unitedcinemas.jp/image/common/header/header_bg2.gif") 0 4px repeat-x;
	z-index: 9999;
}

header h1 {
	padding: 14px 0 0 22px;
	float: left;
}


.Ad_728x90{
	width: 728px;
	text-align: center;
    padding:0;
    margin: 15px auto !important;
    position: relative;
    left: -1px;
    clear: both;
}


.Ad_300x250 .Ad_left{
	width: 300px;
	float: left;
	margin-left: 50px;
}
.Ad_300x250 .Ad_right{
	width: 300px;
	float: left;
	margin-left: 50px;
}

body.detail div#main .Ad_300x250 div.Ad_left,
body.detail div#main .Ad_300x250 div.Ad_right {
	padding-top: 10px;
}

.Ad_300x250:after{
	content: "";
	display: block;
	clear: both;
}

header .headerAd_728x90 p{
	width: 728px;
	height: 90px;
	background: #EEE;
	float: right;
}


/*
 3-2. gnavi
---------------------------------*/
ul#gnavi{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 112px;
	left: 353px;
	height: 63px;
	width: 770px;
}

ul#gnavi li{
	float: left;
	margin: 0;
	padding: 0;
	height: 62px;
}

ul#gnaviSchedule{
	top: 101px;
	left: 22px;
	width: 331px;
	height: 70px;
	position: absolute;
	z-index: 99999;
}

ul#gnavi li a,
ul#gnaviSchedule li a{
	display: block;
	box-sizing: border-box;
}

#gnavi li a:hover,
#gnaviSchedule li a:hover{
	background: #24313C;
}

#gnavi li#gnavi_schedule ul li a{
	width: 331px;
}

#gnavi li#gnavi_film ul li a{
	width: 188px;
}

#gnavi li#gnavi_guide ul li a{
	width: 188px;
}

#gnavi li#gnavi_access ul li a{
	width: 187px;
}

#gnavi li#gnavi_recruit ul li a{
	width: 187px;
}


#gnavi li ul,
#gnaviSchedule li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;

	text-decoration: none;
}
#gnavi li ul{
	top:59px;
}

#gnavi li ul:after,
#gnaviSchedule li ul:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#gnavi li ul li,
#gnaviSchedule li ul li{
	float: none !important;
	height: 36px;
	text-decoration: none;
}

*html #gnavi li ul li,
*html #gnaviSchedule li ul li{
	display: inline;
}

#gnavi li ul li a,
#gnaviSchedule li ul li a{
	width: auto;
	color: #FFF;
	display: block;
	padding: 8px 10px 10px 20px;
	text-align: left;
	border-top: 1px solid #555;
	text-decoration:none !important;
	background: url(http://img.unitedcinemas.jp/image/common/arrow_s_w.gif) no-repeat 5px 13px #303030;
}

#gnavi li ul li a:hover,
#gnaviSchedule li ul li a:hover{
	background: url(http://img.unitedcinemas.jp/image/common/arrow_s_w.gif) no-repeat 5px 13px #777777;
	text-decoration: none;
}

/*
sub navi theater select
---------------------------------*/
ul#subnavi {
	position: absolute;
	top: 10px;
	right: 35px;
	z-index: 99999;
}

ul#subnavi li{
	float: left;
/*	height: 21px;*/
}

ul#subnavi li#theaterSelect {
	margin-left: 13px;
	margin-right: 13px;
}

ul#subnavi #nav-one {
	border: 1px solid #444;
	display:none;
	position: absolute;
	top:20px;
	left:-50px;
	background: #333;
}

ul#subnavi #nav-one ul {
	background: #000;
}

ul#subnavi #nav-one li.area,
ul#subnavi #nav-one li#area{
	font-weight:bold;
	color:#fff;
	width:350px;
	padding: 1px 0 1px 10px;
}

ul#subnavi #nav-one li {
	position:relative;
	text-align:left;
	letter-spacing:1px;
	padding-left:0;
	background:none;
	float: left;
	width:181px;
}
ul#subnavi #nav-one li.even{
	border-top: solid #2E2E2E 1px;
}
ul#subnavi #nav-one li.odd{
	border-right: solid #2E2E2E 1px;
	border-top: solid #2E2E2E 1px;
}
ul#subnavi #nav-one li.borderBtm{
	border-bottom: solid #2E2E2E 1px;
}
ul#subnavi #nav-one li.yebisu span{
	color: #FF0000;
	font-weight: bold;
	display: inline-block;
	padding-left: 10px;
}
ul#subnavi #nav-one li.yebisu{
	width: 364px;
	border-top: solid #2E2E2E 1px;
	border-bottom: solid #2E2E2E 1px;
}
ul#subnavi #nav-one li img.icon{
	position: absolute;
	top:5px;
	right:10px;
}
ul#subnavi #nav-one li a {
	background: #000;
	color: #fff;
	display: block;
	padding: 2px 10px 2px 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-weight:normal;
}
ul#subnavi #nav-one li a:hover  {
	background:#900;
	color: #fff;
}
ul#subnavi #nav-one ul li a:hover{
	background: #27294f;
	color: #fff;
}


/*
sub navi2 twitter facebook
---------------------------------*/
ul#subnavi2 {
	position: absolute;
	top: 8px;
	right: 383px;
	z-index: 10;
}

ul#subnavi2 li{
	float: left;
	height: 23px;
	margin-left:10px;
}

/*
sub navi headbanner
---------------------------------*/
header div#headbanner {
	position: absolute;
	top: 41px;
	right: 22px;
	z-index: 10;
}


/*
 imax
-----------------------------------------------------------------*/

header p.theaterTopImax{
	position:absolute;
	top:30px;
	left:360px;
}

header p.theaterTopImaxCanal{
	position:absolute;
	top:30px;
	left:440px;
}

header p.theaterTopImaxSapporo{
	position:absolute;
	top:30px;
	left:380px;
}

header p.theaterTopImaxKishiwada{
	position:absolute;
	top:30px;
	left:380px;
}

header p.theaterTopImaxToshimaen{
	position:absolute;
	top:30px;
	left:380px;
}

.imax{
	margin:0 0 10px 0;
}

/*
 3-3. contents
---------------------------------*/
div#main {
	clear:both;
	width:1080px;
	margin-left: 22px;
	padding-bottom: 40px;
}


div#main:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

div#main {
	zoom: 1;
}


div#col_main {
	width:760px;
	float:left;
	margin-bottom: 28px;
}

div#col_main section,
aside section {
	background: #DDD;
	padding:8px;
	margin-bottom: 16px;
}


div#col_main section .inner,
aside section .inner {
	background: #FFF;
	padding:8px;
}

div#col_main section.rcol,
div#col_main section.lcol {
	width: 360px;
	float:left;
}

div#col_main section.rcol{
	float:right;
}

div#col_main section.rcol:after{
	content: "";
	clear: both;
	display: block;
}
div.contentsWide {
	width:910px;
	background:url(http://img.unitedcinemas.jp/image/common/bg_wide.gif) 0 0 repeat-y #FFF;
	padding:5px 0px;
	margin-bottom:20px;
}

div.contentsNarrow {
	width:690px;
	background:url(http://img.unitedcinemas.jp/image/common/bg_narrow.gif) 0 0 repeat-y #FFF;
	padding:5px 0px;
	float:left;
	margin-bottom:20px;
}

div.contents:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}


/*
 3-4. footer
---------------------------------*/
div#footer {
	width: 1124px;
	margin: 0 auto 20px;
	padding: 22px 0 0;
	background: url(http://img.unitedcinemas.jp/image/common/line_dot_h.gif) repeat-x 0 0 #000000;
	clear:both;
	position: relative;
}

.goTop {
	position: absolute;
	top:-66px;
	left:999px;
}

.top .goTop {
	top:-145px;
}

p#logoFoot {
	float: left;
	width: 340px;
	text-align: left;
}

p#logoFoot img:first-child{
	margin-right:8px;
}

p#privacymark {
	width:80px;
	float: left;
}

nav#footerNavi {
	float: right;
	margin:0 auto;
	text-align:left;
	height:50px;
	padding-top:18px;
	width: 780px;
}

*html nav#footerNavi {
	padding-top:13px;
}

*+html nav#footerNavi {
	padding-top:13px;
}


nav#footerNavi ul{
	margin:0 auto 0.75em;
	text-align:left;
}

nav#footerNavi ul li{
	display:inline;
	margin:0;
	padding: 0 8px;
	border-right:#666 1px solid;
}

nav#footerNavi ul li.last{
	border-right:none;
}

nav#footerNavi ul li a {
	color: #999;
	text-decoration: none;
}

nav#footerNavi ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}

div#footerLink {
	clear:both;
	width:880px;
	padding:10px 15px;
	margin:20px auto 5px;
	text-align:left;
	border:1px dotted #666;
}

div#footerLink h2{
	color:#999;
	font-size:84%;
	margin: 0 0 10px ;
	border-bottom:1px dotted #666;
}

div#footerLink li{
	display:inline;
	border-right:1px solid #666;
}

div#footerLink ul.first{
    margin-left:100px;
}

div#footerLink a{
	padding: 0 15px;
	color:#999;
	font-size:84%;

/* IE6、IE7用 */
/padding: 0 24px;
}


div#footerLink li.lastChild{
	border:none;
}

div#footerLink li.lastChild a{
	padding: 0 0 0 18px ;
}

div#footerLink ul.second{
    margin-left:90px;
}


p#copyright{
	text-align:center;
	margin:0;
	padding:15px 0;
}


/*
 3-5. sidebar
---------------------------------*/
aside#col_sub {
	width:300px;
	overflow: hidden;
	float:right;
}

aside#col_sub2 {
	width:300px;
	overflow: hidden;
	float:right;
}

#col_sub .head01{
	line-height: 1.20;
}

#col_sub .head01 .sideSubTitle{
	font-size: 13px;
}

.sideAd_300x250 {
	background: #ddd;
	width: 300px;
	height: 250px;
	margin-bottom: 16px;
}

.sideAd_300xfree {
	margin-bottom: 16px;
}

aside ul.bannerList li{
	margin-bottom:8px;
}

aside ul.bannerList li.last{
	margin-bottom:0px;
}

aside ul.bannerList li img{
	width: 266px;
	border:1px solid #CCC;
}


/* ---------------------------------------
 4. common style
----------------------------------------*/

.section{
	padding:10px;
}

.head01 {
    text-shadow: 1px 1px 0 #C9C9C9, -1px -1px 0 #EAEAEA;
    font-variant: small-caps;
	font-size: 134%;
	font-weight: bold;
	margin-bottom: 7px;
}
.head01 span.smallText {
	color: #545454;
    text-shadow: 1px 1px 0 #C9C9C9, -1px -1px 0 #EAEAEA;
	font-size: 60%;
	font-variant:normal;
	font-weight: bold;
	margin-left: 15px;
	vertical-align: middle;
}

.smallCapsNormal {
    font-variant: normal !important;
}

.head02 {
	margin:0 0 13px;
	padding: 0 0 0.45em;
	font-size: 117%;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

.head03 {
	margin:0 0 13px;
	padding: 0.45em 5px 0.45em;
	font-size: 117%;
	font-weight: bold;
	background: #E3E3E3;
}

.head04 {
	background: url(http://img.unitedcinemas.jp/image/common/line_dot_h.gif) repeat-x 0 bottom ;
	padding: 5px 0 7px;
	margin-bottom:10px;
	clear: both;
	font-weight: bolder
	font-size:109%;
	font-weight: bold;
	color: #444;
}

.head04 span {
	padding: 3px 12px;
	border-left: 5px solid #151587;
}

div.contentsTub{
	width:744px;
	background: #DDD;
	padding: 8px;
	margin-bottom: 0;
}

div.contentsTub:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

div.contentsTub h2{
	width:240px;
	float: left;
	line-height: 42px;
	margin-bottom: 0px;
}

div.contentsTub ul {
	text-align: right;
}

div.contentsTub li {
	display: inline-block;
	width:138px;
	margin-left:4px;
	position:relative;
    background: url("http://img.unitedcinemas.jp/image/common/bg_btn_56.gif") repeat-x scroll 0 50% #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #444444;
    font-weight: bolder;
    padding: 10px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #E6E6E6;
   	text-align: center;
}

div.contentsTub li.onshow {
	background: #000;
    color: #EEEEEE;
    text-shadow: 0px 0px 0 ;
}
div.contentsTub li.last {
	width:196px;
	margin-right:0px;
}

div.contentsTub li a {
	color:#444;
	text-decoration: none;
	display: block;
}

div.contentsTub li a:hover {
	color: #0054A5;
}

strong {
	font-weight:bolder;
}
/* calendar
-----------------------------------*/

.searchMovie,
.newsSection {
	position: relative;
}
.searchMovie a.btn,
#theatertop .newsSection a.btn{
	position: absolute;
	top: 6px;
	right: 8px;
}

.searchMovie a#abouticon{
	position: absolute;
	top: 6px;
	right: 210px;
}

.searchMovie a.position{
	position: absolute;
	top: 6px;
	right: 205px;
}

table#scheduleCalender th,
table#scheduleCalender td {
	font-size: 93%;
	width: 29px;
	padding: 0;
	text-align: center;
	border: 1px solid #666;
}

table#scheduleCalender th {
	font-weight: normal;
	background: #000;
	color: #FFF;
}

table#scheduleCalender th.sunday {
	background: #c92727;
}

table#scheduleCalender th.saturday {
	background: #2777c9;
}

table#scheduleCalender td {
	background: #CCC;
}

table#scheduleCalender td.activeDay {
	background: #FFF;
}

table#scheduleCalender td a {
	display: block;
	width: 100%;
}

table#scheduleCalender td a:hover {
	background: #EEE;
	color: #C00;
	padding:0 0 0 1px;
}

/* common
-----------------------------------*/
p.topicPath {
	font-size: 84%;
	margin:7px 0 8px;
	color:#444;
	clear:both;
	width: 100% !important;
}

p.topicPath a{
	color:#666
}

p.topicPath a:visited {
	color:#666;
}

p.goTop {
	padding-top:10px;
	text-align:right ;
	clear: both;
}

.lineDot {
	padding:1em 0;
	background: url("http://img.unitedcinemas.jp/image/common/line_dot_black.gif") repeat-x 0 50% ;
	clear: both;
}

.arw{
	background: url("http://img.unitedcinemas.jp/image/common/arrow.png") no-repeat 1px 50% ;
	padding-left:18px;
}

.arw2{
	background: url("http://img.unitedcinemas.jp/image/common/arrow2.png") no-repeat 1px 50% ;
	padding-left:20px;
}

.ico_notice{
	background: url("http://img.unitedcinemas.jp/image/common/notice.png") no-repeat 1px -1px ;
	padding-left:25px;
}
.arw_s{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_s2.gif") no-repeat 8px 50% ;
	padding-left:18px;
}

.arrow_b{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_01_black.gif") no-repeat 1px 50% ;
	padding-left:22px;
	color:#EEE;
}

.arrow_w{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_01_white.gif") no-repeat 1px 50% ;
	padding-left:22px;
}

.arrow_s{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_s.gif") no-repeat 1px 50% ;
	padding-left:18px;
}

.arrow_advance{
	background: url("http://img.unitedcinemas.jp/image/common/advance_dot.gif") no-repeat 1px 3px ;
	padding-left:18px;
}

.arrow_plus{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_plus.gif") no-repeat 1px 50% ;
	padding-left:18px;
}

.arrow_hand{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_hand.gif") no-repeat 1px 55% ;
	padding-left:40px;
}

.arrow_under{
	background: url("http://img.unitedcinemas.jp/image/common/arrow_02s_white.gif") no-repeat 1px 55% ;
	padding-left:18px;
}



hr {
	display:none;
}

hr.style1 {
	display:block;
	border: 0; height: 1px;
	margin: 1em 0;
	background: #CCC;
}

hr.style2 {
	display:block;
	border: 0; height: 2px;
	margin: 1em 0;
	background: #CCC;
}

hr.style3 {
	display:block;
	border: 0; height: 2px;
	margin: 1em 0;
	background: url(http://img.unitedcinemas.jp/image/common/bg_dot_gray.gif) repeat-x;
    }

hr.w0 {
	display:block;
	border: 0;
	height: 1px;
	margin: 0em 0;
	background: none;
}

hr.w {
	display:block;
	border: 0; height: 1px;
	margin: 0.5em 0;
	background: #FFF;
}

hr.w1 {
	display:block;
	border: 0; height: 1px;
	margin: 1em 0;
	background: #FFF;
}
hr.w2 {
	display:block;
	border: 0; height: 1px;
	margin: 1.5em 0;
	background: #FFF;
}

.clear {
	clear:both;
	display: block;
}

.imgL {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.imgR{
	float:right ;
	margin-left:10px;
	margin-bottom:10px;
}

.btn {
	/* 背景 */
	background:#eee;
	/* border */
	border:1px solid #CCC;
	border-radius:4px;
	-webkit-border-radius: 4px; /* Safari, Chrome用 */
	-moz-border-radius:4px; /* Firefox用 */
	color:#444;
	padding:5px 8px;
	text-shadow:#e6e6e6 1px 1px 0px;/* 文字の影 */
	text-decoration: none;
}

a.btn .arw {
	cursor:pointer;
}

a.btn {
	color:#444;
}

a.btn:hover {
	color:#777;
}

.bt_s {
	font-size: 92%;
	padding:1px 10px;
	background: url(http://img.unitedcinemas.jp/image/common/bg_btn_24_w.gif) 0 50% repeat-x #FFF
}

.bt_m {
	padding: 3px 12px;
	background: url(http://img.unitedcinemas.jp/image/common/bg_btn_56.gif) 0 50% repeat-x;
}

.bt_l {
	font-size: 117%;
	font-weight: bolder;
	padding:14px 12px;
	background: url(http://img.unitedcinemas.jp/image/common/bg_btn_56.gif) 0 50% repeat-x
}

.bt_big {
	font-size: 134%;
	font-weight: bolder;
	border:1px solid #CCC;
	color:#444;
	padding:12px 8px;
	text-shadow:#e6e6e6 1px 1px 0px;/* 文字の影 */
	text-decoration: none ;
	background: url(http://img.unitedcinemas.jp/image/common/bg_btn_56.gif) 0 50% repeat-x #eee ;
}

.tC{
	text-align: center;
}

.imgL {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.imgR{
	float:right ;
	margin-left:10px;
	margin-bottom:10px;
}

/*for smartphone link button*/
p.splink {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #DDDDDD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#DDDDDD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#DDDDDD 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#DDDDDD 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#DDDDDD 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.5),inset 0px 1px 1px rgba(255,255,255,0.9);
	-webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.5),inset 0px 1px 1px rgba(255,255,255,0.9);
	margin:5px;
	padding:12px 0;
	color:#CCC;
	text-align:center;
	font-size:16px;
	font-weight: bold;
	border: 1px solid #222;
	-webkit-tap-highlight-color: rgba(102,204,255,0.55);
}
p.splink a{
	color:#006699;
	text-shadow: 1px 1px 2px #CCC;
	vertical-align:middle;
}

p.splink img{
	vertical-align:middle;
}

/*
	scroll calendar
--------------------------------*/
/*div#col_main section.searchMovie{
	padding:22px 8px 8px 8px;
}*/

div#col_main section.searchMovie .inner{
	padding: 0;
	background: #DDD;
}
/*div#col_main section.searchMovie .head01{
	margin-bottom:20px;
}*/
.jcarousel-skin-tango{
	clear:both;
	visibility: hidden;
}

#calendarScroll {
	border-top:1px solid #6d94a1;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #6d94a1;
	background: url(http://img.unitedcinemas.jp/image/schedule/scroll/bg2.gif) no-repeat 0 0 #EEE;
}

body.schedule #calendarScroll {
	background: url(http://img.unitedcinemas.jp/image/schedule/scroll/bg4.gif) no-repeat 0 0 #EEE;
	width:480px;
	overflow: hidden;
}

#calendarScroll ul{
	overflow:auto;
	width:3024px !important;
}

#calendarScroll ul li{
	float:left;
	text-align:center;
	padding:0;
	/*width:77px !important;*/
	width:92px !important;
	height:71px;
	color:#888;
	corsol:pointer;
	_width:92px !important;
	_padding:0 0 0 0;
}

#calendarScroll ul li a{
	display:block;
	height:77px;
	line-height:1.2;
	padding-top: 1.2em;
	text-decoration:none;
	background:url(http://img.unitedcinemas.jp/image/schedule/scroll/bg_btn2.gif) 0 0 no-repeat;
	_padding:6px 0 0 0;
	color: #FFF;
    text-shadow: #6d94a1 1px 1px 0px;
	letter-spacing:1px;
	font-weight: bold;
}

#calendarScroll ul li a {line-height:1\9;}

#calendarScroll ul li a:hover{
	background:url(http://img.unitedcinemas.jp/image/schedule/scroll/bg_btn_hover2.gif) 0 0 no-repeat;
}

#calendarScroll ul li a span{
	color:#FFF;
}

#calendarScroll ul li a span.SDay{
	line-height:1.1;
}

#calendarScroll ul li.sat a {
	color:#000CE0;
}

#calendarScroll ul li.sun a{
	color:#900011;
}

#calendarScroll ul li a:hover,
#calendarScroll ul li a:hover span,
#calendarScroll ul li.sat a:hover,
#calendarScroll ul li.sun a:hover{
	color:#00254D !important;
    text-shadow: #6da6de 1px 1px 0px;
}

#calendarScroll ul li span.Day{
	font-size:24px;
}

#calendarScroll ul li span.Day {font-size:29px\9;}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   /* width: 541px;*/
    width: 647px;
    padding: 0px 51px;
}

body.schedule .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 373px;
    padding: 0px 56px 0 58px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
/*    width:  539px;*/
    width: 645px;
    height: 71px;
    margin-left: -2px;
}


body.schedule .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 368px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 6px;
    width: 52px;
    height: 71px;
    cursor: pointer;
    background: transparent url(http://img.unitedcinemas.jp/image/schedule/scroll/next.gif) no-repeat 0 0;
}

body.schedule .jcarousel-skin-tango .jcarousel-next-horizontal {
    width: 57px;
    background: transparent url(http://img.unitedcinemas.jp/image/schedule/scroll/next2.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 1px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 1px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
body.schedule .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
body.schedule .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
body.schedule .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url(http://img.unitedcinemas.jp/image/schedule/scroll/next_no.gif) no-repeat center 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 49px;
    height: 71px;
    cursor: pointer;
    background: transparent url(http://img.unitedcinemas.jp/image/schedule/scroll/prev.gif) no-repeat 0 0;
}


body.schedule .jcarousel-skin-tango .jcarousel-prev-horizontal {
    width: 57px;
    background: transparent url(http://img.unitedcinemas.jp/image/schedule/scroll/prev2.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -1px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -1px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
body.schedule .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
body.schedule .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
body.schedule .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: transparent url(http://img.unitedcinemas.jp/image/schedule/scroll/prev_no.gif) no-repeat center 0;
}



/*
	important article
--------------------------------*/

.important_info {
	color: black;
	background-color: write;
	border: 3px solid red;
    margin: 0 0 16px;
    padding: 4px 8px;
	background-color:#F9F9F9;
}
.important_info .title {
	font-size: 107%;
	color: red;
	font-weight: bold;
	margin: 5px 0;
}
.important_info .catch_copy {
	color: red;
	margin-bottom: 10px
}

div.important_informations p,
div.important_informations div.catch_copy {
	display:none;
}

div.important_informations div.title {
	display:block;
}

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

p.caption {
	width:240px;
}

/* ---------------------------------------
.Uliza Added style
----------------------------------------*/

body.schedule div#main {
	padding: 10px 0 0;
}

body.schedule .important_informations {
	color: black;
	background: url(http://img.unitedcinemas.jp/image/schedule/title_important.gif) 8px 50% no-repeat #EE0000 ;
	margin: 0 0 16px;
	border-bottom: 2px solid #EE0000;
}

body.schedule .important_info {
	color: black;
	margin: 0px 0px 0px 140px;
	padding: 2px;
	border:none;
	border-top: 2px solid #EE0000;
	border-right: 2px solid #EE0000;
}

body.schedule .important_info .title{
	color: black;
	margin: 0;
	padding: 5px;
	background-color: #F9F9F9;
}

body.schedule div.ytube {
	height: 365px;
	margin-bottom: 0px
}

body.schedule div.ytube,
body.schedule div.ytube div#trailers {
	width: 560px;
	float: right;
}

body.schedule div#trailers div#main-navi {
	float: none;
	padding: 1px 2px 0 2px;
	position: absolute;
	width:558px;
	top:0px;
	left:0px;
	background: #000;
}

body.schedule div#trailers div#main-navi ul#videoList {
	margin-top: 18px;
	width: 100%;
	display: none;
}

body.schedule div#trailers div#main-navi li{
	height: 32px;
}

body.schedule div#trailers div#main-navi li img {
	width: 45px;
	float: left;
	margin: 0 4px 0 0;
}

body.schedule div#trailers #playlistBtn{
	position: absolute;
	top: 2px;
	right: 2px;
	z-index:5;
	width:70px;
	line-height: 1.2;
	cursor: pointer;
	padding: 2px 8px 0 12px;
	background-image: url(http://img.unitedcinemas.jp/image/common/arrow_s2.gif) ;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	display: none;
}

body.schedule div#trailers #playlistBtn:hover{
		background-color: #CCC;
}

body.schedule div#trailers p#trailerTitle, div#trailers p#ADTitle {
		z-index: 4;
}

/*TOP LEFT SECTON*/
body.schedule div.dailyTopLeft {
	width:500px;
	float:left;
}

body.schedule div.dailyTopLeft section {
	background: #DDD;
	padding: 8px;
	margin-bottom: 10px;
}

body.schedule div.dailyTopLeft section.icons h2 {
text-align: left;
}

body.schedule div.dailyTopLeft section.icons .inner {
	background: #FFF;
	padding: 0px 8px;
}

body.schedule div.dailyTopLeft #caution p {
	line-height: 1.2;
	margin-bottom: 11px;
}

body.schedule div.dailyTopLeft #caution p:nth-of-type(2) {
	margin-bottom: 0;
}

body.schedule div.dailyTopLeft #caution span.babyRuleImg img{
	vertical-align: middle;
}

body.schedule p.iconAttentionText {
	font-size: 10px;
	line-height: 1.4;
	padding: 8px;
	margin: 0 0 8px;
	background: #DDD;
}


/* ---------------------------------------
.adingo_keywords
----------------------------------------*/
.pr {
	margin-bottom: 16px;
	text-align: center;
}

.pr2 {
	margin-bottom: 10px;
}

.pr3 {
	margin-top: 16px;
}

.pr4 {
	margin: 0px auto;
}

#date .pr4,
.schedule .pr4,
#abouttheater .pr4,
#theaterticket .pr4{
	margin-bottom: 15px;
}

.nowShowing .pr4 {
    margin-bottom: 0px !important;
}

body.film #showingList,
body.film #ticketNotesList,
body.film #ticketList,
body.detail .info,
body.detail .icons{
	margin-top: 15px;
}

.pr5 {
    border-top: 1px dotted #999999;
	margin: 0 0 10px;
	padding: 10px 0 0;
}

.ad468c {
	width:468px;
	margin:0 auto 10px;
}

.pr300x250_250 {
	margin-top:250px;
}

.pr300x250_400 {
	margin-top:400px;
}


.adingoAd728m{
	margin: 0;
	text-align: center;
}
.adingoKeywordAd {
	margin: 0 0 10px;
	background: #F6F6F6;
}
.adingoKeywordAd h3{
	padding:5px;
	border-bottom:1px solid #333;
	background: #E6E6E6;
}

.adingo_keywords {
	margin:0;
	padding:0;
    padding: 5px 0 10px ;
}

.adingo_keywords ul li {
    padding: 2px 0;
    text-align: center;
    width: 98%;
	margin:0;
	list-style:none;
}

.adingo_keywords ul li a{
    display: block;
    font-size: 14px;
    margin: auto !important;
    max-width: 98%;
    overflow: hidden;
    padding: 2px 4px !important;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adingo_keywords ul li a:link {
 color: #0000EE;
 text-decoration: underline;
}

.adingo_keywords ul li a:visited {
 color: #551A8B;
 text-decoration: underline;
}

.adingo_keywords ul li a:active {
 color: #FF0000;
 text-decoration: underline;
}

.adingo_keywords:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.adingo_keywords {
	zoom: 1;
}


.topMidAd_468x60 {
	padding-bottom: 10px;
}

.topMidAd_468x60 div.bnr{
	width:468px;
	float: left;
}

.topMidAd_468x60 div.bnr2{
	width:468px;
	float: right;
	padding-bottom: 8px;
}

.topMidAd_468x60 {
	margin-top:-8px;
	padding-top: 8px;
	padding-bottom: 3px;
}

#drinkFoodBnr {
	margin-top:-6px;
	float:right;
	width:176px;
}

#kidsBnr {
	margin-top:-6px;
	float:left;
	width:176px;
}


.footerAd_728x90 {
	padding-top:10px;
}

/*　サイドバナー
----------------------------------------------------*/
ul.bannerListHome {
	margin-bottom: 10px;
}

ul.bannerListHome li {
	margin-bottom: 8px;
}

/*? comming up movie (side common)
----------------------------------------------------*/
#col_sub ul.CommingUPList li.picinfo {
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 0;
	width: 270px;
	zoom:1;
	overflow: auto;
	line-height: 1.6;
	background: url("http://img.unitedcinemas.jp/image/common/line_dot_gray2.gif") repeat-x 0 bottom !important;
}

#col_sub ul.CommingUPList li.picinfo:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
#col_sub ul.CommingUPList li.picinfo a{
	text-decoration: none;
}
#col_sub ul.CommingUPList li.picinfo a.sub {
	display: block;
	float: left;
	width: 165px;
	margin-bottom: 8px;
}
#col_sub ul.CommingUPList li.picinfo img {
	float: left;
	width: 90px;
	margin: 0 8px 8px 0;
	padding: 0;
}
#col_sub ul.CommingUPList li.picinfo em {
	display: inline;
	color: #CC0000;
}
#col_sub ul.CommingUPList li.picinfo span {
	color: #444444;
}

#col_sub ul.CommingUPList li.comingSoon_more {
	display: none;
}

/*ULIZA VIDEO
----------------------------------------------------*/

/*? top movie
----------------------------------------------------*/
div.ytube{
	width:761px;
	background:#FFF;
	margin-bottom: 10px;
}
div.ytube div#changeNavi {
	background:#000;
	padding:5px;
	color:#FFF;
}
div.ytube div#changeNavi span.navi {
	color:#FF0000;
	text-decoration: underline;
	cursor: pointer;
}
div.ytube div#navi{
	position: absolute;
	left: 0;
	top: 0;
}

div.ytube div#trailers {
	width: 758px;
	height: 345px;
	padding:1px;
	margin: 0px;
	background: #000;
	position: relative;
}
div#trailers p#trailerTitle,
div#trailers p#ADTitle  {
	background: #000;
	color: #DDD;
	margin-bottom: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width:550px;
	padding:0 6px;
	line-height: 1.7;
	display: none;
}

div#trailers p#trailerTitle img {
 	display:none;
}

div#trailers p#trailerTitle a{
	color: #DDD;
	text-decoration: none;
	font-weight: bolder;
}
div#trailers div#main-contents {
	width: 560px;
	float: left;
	overflow: hidden;
}
div#trailers div#main-contents iframe{

	height:346px;
}
div#trailers div#main-navi {
	width: 195px;
	float:right;
	padding: 1px 2px 0 0;
}
div#trailers div#main-navi ul#videoList {
	width: 196px;
}
div#trailers div#main-navi li{
	height: 58px;
	background: #222;
	margin-bottom: 2px;
	cursor: pointer;
	line-height: 1.3;
	padding:3px 3px 2px;
	font-size: 11px;
}
div#trailers div#main-navi li.selected{
	background: #555;

}
div#trailers div#main-navi li:hover{
	background: #444;
}

div#trailers div#main-navi li img{
	width:85px;
	float:left;
	margin:0 4px 0 0;
}

div#trailers div#main-navi li span{
    text-decoration: none;
}

body.homepage div#trailers div#main-navi li span,
body.top div#trailers div#main-navi li span{
	display: block;
    float: right;
    width: 100px;
    word-break: break-all;
    word-wrap: break-word;
}

div#trailers div#main-navi li,
div#trailers div#main-navi li a{
	color: #BBB;
	text-decoration: none;
	max-height: 60px;
}

div#trailers div#main-navi li:hover,
div#trailers div#main-navi li.selected,
div#trailers div#main-navi li:hover a,
div#trailers div#main-navi li.selected a{
	color: #EEE;
}

div#trailers div#main-navi li.faqMovie {
	background: #000;
	font-size: 10px;
	height:11px;
	text-align: right;
	text-decoration: underline;
	padding-right:5px;
}
div#trailers div#main-navi li.faqMovie a{
	color:#449CFE;
}

div#trailers div#main-navi li.faqMovie a:hover{
	color:#6DA6DE;
}
