@charset "shift_jis";

/*===================================================
*
*	Produce Page Style CSS
*	Site https://www.unitedcinemas.jp/
*
====================================================*/


/* COMMON
----------------------------------------------------*/

div.yahooSearch {
	_width:301px;
}


div#header{
	width: 910px;
	margin: 0px auto;
}

div.kidsArea div.campaignListBox ol li.section div.oneImage div.rightBox {
	width: 510px;
}

#footPageTopNavi2 {
	text-align: right;
}

div.kidsAreaTop {
	width: 830px;
	_width: 910px;

	background:url(/image/kids/common/kids-bg.gif)  0 0 repeat-x  #ffff00;
	text-align: left;
	margin: 0px auto 15px;
	padding: 0px 40px 15px;
}

div.kidsArea {
	width: 830px;
	background:url(/image/kids/common/kids-bg.gif)  0 0 repeat-x  #ffff00;
	text-align: left;
	margin: 0px auto 15px;
	padding: 0px 40px;
}

div.header{
	height:175px;
	position:relative;
	background:url(/image/kids/common/footprint.gif) 175px top no-repeat;
}

div.header h2{
	height:144px;
}

*html div.header h2{
	height:111px;
}	

div.header h2 img{
	margin:22px 0 0 150px;
}

p#BackKidsTop{
	padding:10px 0 0; 
}

div.header ul li{
	float:left;
}

div.header ul.toolButton{
	position:absolute;
	top:13px;
	right:0px;
}

div.header div.kidsNavi{
	position:absolute;
	background:url(/image/kids/common/menu-bg.gif) 0 0 no-repeat;
	width:654px;
	height:82px;
	top:52px;
	right:0;
}

div.header div.kidsNavi ul{
	margin:18px 0 0 5px;
}

div.header ul:after,
div.contents:after,
div.comboList div.description:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.header ul,
div.contents,
div.comboList div.description{
	zoom:1;
}

div.section{
	padding:10px;
}

div.kidsFooter{
	height:100px;
	background:url(/image/kids/common/footprint-bottom.gif) 0 bottom no-repeat;	width: 100%;
}


div.recommendMain p.openBox,
div.recommendMain p.closeBox{
	margin:13px 0 12px;
	cursor:pointer;
	border-top:solid 2px #aaa;
	padding-top:10px;
}

div.ticketList p.closeBox{
	border:none;
	margin:0 0 10px;
}


div.ticketList div.description,
div.recommendMain div.description{
	margin:0px 0 15px;
	padding:13px;
	background:#ffffce;
	border:dotted 2px #bbb;
}

div.ticketList div.description p,
div.recommendMain div.description p{
	line-height:1.7;
}

div.ticketList div.description dl,
div.recommendMain div.description dl{
	margin:10px 0;
	padding:10px;
	background:#f5e188;
	line-height:1.7;
}

div.ticketList div.description dt,
div.recommendMain div.description dt {
	clear:both;
	float:left;
}

div.ticketList div.description pofficialSite,
div.recommendMain div.description  p.officialSite{
	margin:1em 0 0;
}

/* TOP
----------------------------------------------------*/
div.kidsAreaTop div.header{
	padding:0;
	height:135px;
}

div.kidsAreaTop div.header h2{
	background:none;
	width:150px;
	height:97px;
}

div.kidsAreaTop div.header h2 img{
	margin:20px 0 0;
	padding:0;
}

div.kidsAreaTop div.header ul.toolButton{
	position:absolute;
	top:16px;
	right:0px;
}


/*--- RECOMMEND ---*/

div.recommend{
	width:545px;
	float:left;
	background:url(/image/kids/top/bg-recommend.gif) 0 bottom no-repeat #006699;	padding-bottom:18px;
}

div.subNavi{
	width:245px;
	float:right;
}

div.recommendMain{
	margin-left:6px;
	width:360px;
	float:left;
	background-color:#fff;
}

div.recommendOther{
	margin-right:6px;
	width:140px;
	float:right;
	background-color:#fff;
}

*html div.recommendMain{
	margin-left:3px;
}

*html div.recommendOther{
	margin-right:3px;
}

div.recommend h3{
	margin-bottom:5px;
}

div.recommend h4{
	font-size: 117%;
}

div.recommend h4 span{
	margin-left:10px;
}

div.recommend h4 span img{
	vertical-align:middle;
}

div.recommendMain h5{
	padding-top:3px;
}

div.trailerImage div#alternateFlash p,
div.trailerImage noscript p{
	padding:5px 10px;
}

div.recommendMain p.copy{
	background-color:#111;
	color:#fff;
	padding:3px 5px;
	font-size:77%;
}

div.recommendMain p.day{
	font-size:117%;
	color:#f00;
	font-weight:bolder;
	margin-bottom:0.5em
}

div.hideLayer{
	display:none;
}

p.readMore{
	margin:0 0 6px;
}

div.recommendMain ul.scheduleButton li{
	background:url(/image/kids/top/arrow.gif) 2px 2px no-repeat ;
	padding-left:24px;
	margin:8px 0 0;
	font-size:117%;
	font-weight:bold;
}

div.recommendOther ul{
	height:325px;
	overflow: auto;
}

div.recommendOther ul li{
	padding:10px 6px;
	border-bottom:1px dotted #aaa;
}

div.recommendOther ul li a {
	line-height:1.2;
}

div.recommendOther ul li a span {
	text-decoration:underline;
}

div.recommendOther span.movieImgS{
	margin-bottom:5px;
	display:block;
}

div.recommendOther ul span.restrict img{
	vertical-align:middle;
}

div.recommendOther p.forParent{
	background-color:#006699;
	padding:13px 0 0;
}

div.recommendOther ul li img{
	padding-bottom:5px;
}

div.gameList{
	background:url(/image/kids/top/geme-bottom.gif) 0 bottom no-repeat #ed0080;
	padding-bottom:10px;
}

div.gameList div.description{
	background-color:#fff1b2;
	margin:0 6px
} 

div.gameList div.description h4{
	margin:10px 10px 5px;
}

div.gameList div.description p{
	margin:4px 10px 5px;
}

ul.bannerList{
	margin:10px 0;
}

div.comboList{
	background:url(/image/kids/top/combo-bottom.gif) 0 bottom no-repeat #666600;
	padding-bottom:10px;
}

div.comboList div.description{
	background-color:#fff;
	margin:0 5px;
	padding:5px 5px 0;
} 

div.comboList div.description p a{
	text-decoration:underline;
} 

div.comboList div.description p img{
	width:90px;
	float:left;
}

div.comboList div.description p span{
	width:125px;
	float:right;
}

div#walkingFla{
	margin-top:15px;
}


/* SCHEDULE
----------------------------------------------------*/
div#schedule div.header h2{
	background:url(/image/kids/schedule/top-bg.gif) 0 5px no-repeat ;
}

div#schedule div.header p#mustRead{
	position:absolute;
	top:46px;
	right:0px;
}

div#filmBox{
	background:url(/image/kids/common/frame-top-L.gif) 0 0 no-repeat #999;
	border:none;
	padding:10px 0 0;
}

div#filmBox div.kidsListContents{
	background:url(/image/kids/common/frame-bottom-L.gif) 0 bottom no-repeat #999;
	border:none;
	padding:0 5px 10px;
}

div.runding h3{
	padding:12px 0;
	border:5px solid #ff6600;
}

div.runding {
	border:5px solid #999;
}

div.kidsFooter p#footPageBack{
	text-align:center;
	padding-top:16px;
}

div#showManner div.section{
	padding:0;
	border:none;
}

div#showManner div.section h3{
	padding:0;
	border:none;
}

div.important_info{
	background-color:#FFF;
	margin-bottom:10px;
}

/* TICKET
----------------------------------------------------*/
div#ticket div.header h2{
	background:url(/image/kids/ticket/top-bg.gif) 0 5px no-repeat ;
}

div#ticketBox{
	background:url(/image/kids/common/frame-top-L.gif) 0 0 no-repeat #FFF;
	border:none;
	padding:10px 0 0;
}

div.kidsListContents{
	background:url(/image/kids/common/frame-bottom-L.gif) 0 bottom no-repeat #FFF;
	border:none;
	padding: 0 0 10px;
}

div.section div.kidsContentsInner{
	border-left:10px solid #999;
	border-right:10px solid #999;
	border-top:none;
	border-bottom:none;
	padding:15px;
}

div.ticketList{
	border:1px solid #666;
	width: 100%;
}

div#ticketBox div.section{
	padding:0px
}

div#ticketBox p#ticketIntro {
	padding: 0px 10px 10px 0px;
	color: #C00;
}

div.ticketList div.section h3{
	background-color:#d6d6d6;
	border:1px solid #666666;
	padding:8px 10px;
	font-size:107%;
}

div#ticketBox div.ticketList div.section div.section{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:10px solid #666666;
	padding:15px;
	margin:0px;
}

div.ticketLeft{
	width:490px;
	float:left;
}

div.ticketRight{
	padding:5px;
	width:240px;
	float:right;
	background:#ccc;
}

div#ticketBox ul#notesJumpList {
	padding-bottom: 5px;
}

div#ticketBox ul#notesJumpList li{
	padding-bottom: 5px;
	background: url("/image/kids/icon_list-icon.gif") no-repeat 0px 2px;
	display: inline;
	padding-left: 15px;
}

div#ticketBox ul#notesJumpList li a{
	color:#00F;
}

div#ticketBox p.catchCopy{
	color:#039;
	font-weight:bold;
}

div#ticketBox div.ticketDetail{
	margin:10px 0 0;
}

div#ticketBox table.ticketData{
	width:485px;
	margin-bottom:10px;
	border-collapse: separate;
}

div#ticketBox table.ticketData th{
	width:75px;
	font-weight:normal;
	border:1px solid #aaa;
	background:#eee;
}

div#ticketBox table.ticketData td{
	font-weight:normal;
	border:none;
	background:url(/image/kids/common/dot-line.gif) 0 bottom repeat-x #fff;
}

div#ticketBox table.ticketData td ul li img{
	margin-right:5px;
}

*html div#ticketBox table.ticketData td ul li{
	margin:2px 0;
}


div.ticketRight h4{
	width:74px;
	margin-bottom;
}

p.imgExpand{
	float:right;
	width:55px;
}

div.presentData{
	clear:both;
	border:1px solid #999;
	background:#fff;
}

div.presentData p{
	padding:2px 5px ;
	line-height:1.2;
}

div#aboutIcon div.section{
	font-size:116%;
}

div#ticketBox h3#icon,
div#ticketBox h3#attention{
	margin:15px 0 5px;
}

div#ticketBox div#aboutIcon div#aboutAdhibition dd#uc109Info {
	width: 439px;
	_width: 443px;
}

div#ticketBox div#aboutIcon div#aboutKind dd#familyInfo {
	width: 699px;
	_width: 702px;
}

div#ticketBox div#aboutIcon div#aboutOther dd {
	width: 699px;
	_width: 702px;
}

div#ticketBox div#ticketNotesList h3 {
	font-size: 116%;
}

div#ticketBox div#ticketNotesList ul {
	padding: 0px;
}

div#ticketBox div#ticketNotesList ul li {
	padding: 2px 0 2px 15px;
	background: url("/image/kids/icon_list-icon_orenge.gif") no-repeat 0 5px;
}

div#ticketBox div#aboutIcon h3 {
	font-size: 116%;
}

div#ticketBox div#aboutIcon h4 {
	font-size: 94%;
	color: #FFF;
	background:#444;
	width:775px;
	_width: 778px;
	padding: 3px;
	margin-bottom: 0px;
}

div#ticketBox div#aboutIcon dl {
	border-right: 1px solid #000;
	font-size: 94%;
	border-bottom: 1px solid #000;
	width:780px;
	_width:778px;
}

div#ticketBox div#aboutIcon dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#ticketBox div#aboutIcon dl {
	zoom: 1;
}

/* For only mac IE \*//*/
div#ticketBox div#aboutIcon dl {
	display: inline-table;
}
/**/

div#ticketBox div#aboutIcon dt {
	padding: 3px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	float: left;
	height: 1.5em;
	width: 67px;
	_width: 75px;
	_height: 25px;
}

div#ticketBox div#aboutIcon dd {
	padding: 3px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	float: left;
	height: 1.5em;
	_height: 25px;
	width: 179px;
	_width: 184px;
}


div#ticketBox div#aboutIcon div#aboutKind dt,
div#ticketBox div#aboutIcon div#aboutKind dd {
	height: 3.5em;
}

div#ticketBox div#aboutIcon div#aboutKind .bottomRow {
	height: 2em;
}


div#ticketBox div#aboutIcon div#aboutOther dt,
div#ticketBox div#aboutIcon div#aboutOther dd {
	height: 2.5em;
	_height: 45px;
}



/* INFORMATION
----------------------------------------------------*/
div#information div.header h2{
	background:url(/image/kids/information/top-bg.gif) 5px 5px no-repeat ;
}


/* COMBO
----------------------------------------------------*/
div#combo div.header h2{
	background:url(/image/kids/combo/top-bg.gif) 5px 5px no-repeat ;
}


/* INFORMATION & COMBO frame
----------------------------------------------------*/

div.campaignListBox{
	background:url(/image/kids/common/frame-top-L.gif) 0 0 no-repeat ;
	border:none;
	padding:10px 0 0;
}

div.campaignListBox div.kidsListContents{
	background:url(/image/kids/common/frame-bottom-L.gif) 0 bottom no-repeat #999;
	border:none;
	padding: 0 10px 0;
}

div.campaignListBox ol li.section {
	border-bottom:10px solid #999;
	border-top:none;
	border-left:none;
	border-right:none;
	margin-bottom:0px;
}	

*html div.campaignListBox ol li.section {
	margin-bottom:0;
}

*:first-child+html div.campaignListBox ol li.section {
	margin-bottom:0;
}

div.campaignListBox div.nokidsInfo {
	text-align:center;
	padding: 0 10px 10px;
	border-bottom:10px solid #999;
	background: #FFF;
}

/* kids club
----------------------------------------------------*/
div#kidsClub div.header h2{
	background:url(/image/kids/kidsclub/top-bg.gif) 15px -1px no-repeat ;
}

div#kidsClub div.home h2 {
	background:url(/image/kids/kidsclub/top-bg.gif) 15px 20px no-repeat ;
}

div#kidsClub div.home  {
	height:138px;
}

div#kidsClub table{
	margin:15px 0 15px 60px;
	background-color:#fff;
	border:1px solid #666;
	text-align:center;
}

div#kidsClub table h3{
	padding: 0 0 5px;
	border-bottom:1px solid #666;
	text-align:center;
}


div#kidsClub table table{
	margin:0;
	text-align:left;
	border:none;
}

div#kidsClub table td, th {
	border:none;
}

div.home h2 img{
	margin:60px 0 0 150px;
}


div#kidsClub div#movieBox {
	text-align:center;
}

div#kidsClub div#movieBox{
	margin:5px auto 25px;
}

div#benefitsBox{
	width:816px;
	background-color:#fff;
	padding:0;
	margin:10px 6px 20px;
}

div#benefitsBox ul{
	padding:10px 0;
}	

div#benefitsBox ul li{
	float:left;
	padding-left:9px;
	padding-bottom:9px;
}	

/* character
----------------------------------------------------*/
div#friends div.header h2{
	background:url(/image/kids/friends/top-bg.gif) 25px 4px no-repeat ;
}

div#friends div#commingSoon {
	text-align:center;
}

div#friends div#commingSoon{
	margin:5px auto 25px;
}
