@charset "euc-jp";

/*------------------------------------------------
layout Styles

CINEX
Copyright (C) CINEX All Rights Reserved.
Author: M.Watanabe
------------------------------------------------*/
/*---- reset ----*/
/*---- background ----*/
/*---- bodyArea ----*/
/*---- header ----*/
/*---- bodyMainArea ----*/
/*---- navi ----*/
/*---- contentsArea ----*/
/*---- mainSection ----*/
/*---- footer ----*/



/*---- reset ----*/
html{
	color:#111;
overflow-y:scroll;
}

body{
	line-height:1.3;
overflow:visible;
margin:0;
padding:0;
font-size:12px;
*font-size:75%;
}

a img, fieldset, img{
	border:0;
}

blockquote, dd, div, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,
select, span, textarea, td, th, ul{
	margin:0;
padding:0;
}

address, caption, em, th{
	font-style:normal;
font-weight:normal;
}

table{
	border-collapse:separate;
font-size:100%;
} 

h1, h2, h3, h4, h5, h6{
	font-size:100%;
font-weight:normal;
}

ol, ul{
	list-style:none;
}

a:link{
	color:#258fb8;
}
a:visited{
	color:#258fb8;
}
a:hover{
	color:#996600;
}
a:active{
	color:#996600;
}
a:focus{
	color:#996600;
}


/*---- background ----*/
body{
	background:#040217 url(../../img/common/basebg_gradation.jpg) repeat-x 0 0;
}

#wrapper{
	background:transparent url(../../img/common/bg0.gif) repeat 0 0;
}

#frame{
	background:transparent url(../../img/common/bg1.gif) repeat 0 0;
}

#inner{
	background:transparent url(../../img/common/bg2.gif) repeat 0 0;
}

#area{
	background:transparent url(../../img/common/bg_round.png) no-repeat 50% 0;
}


/*---- bodyArea ----*/
#bodyArea{
	width:862px;
margin:0 auto;
}

#page{
	padding-bottom:10px;
background:#fff;
}


/*---- header ----*/
#header{
	height:244px;
}

#header{
	background:no-repeat 0 0;
}

.home#header{
	position:relative;
}

.home#header h1{
	position:absolute;
top:0;
left:0;
z-index:50;
}

.home#header ul.groupLink{
	position:absolute;
top:0;
right:0;
z-index:55;
}

.home#header div.flash object{
	position: absolute;
z-index:0;
}

.schedule#header{
	background-image:url(../../img/common/topimage_schedule002.jpg);
}
.lineup#header{
	background-image:url(../../img/common/topimage_lineup002.jpg);
}
.price#header{
	background-image:url(../../img/common/topimage_price002.jpg);
}
.access#header{
	background-image:url(../../img/common/topimage_access001.jpg);
}
.information#header{
	background-image:url(../../img/common/topimage_information001.jpg);
}
.royalTheater#header{
	background-image:url(../../img/common/topimage_royal001.jpg);
}
.utaemon#header{
	background-image:url(../../img/common/topimage_utaemon001.jpg);
}
.cinexHall#header{
	background-image:url(../../img/common/topimage_cinexHall001.jpg);
}
.royalHall#header{
	background-image:url(../../img/common/topimage_royalhall001.jpg);
}
.siteMap#header{
	background-image:url(../../img/common/topimage_siteMap001.jpg);
}

#header h1{
	float:left;
width:120px;
padding:5px 30px;
background:url(../../img/common/cinex_logo001.gif) no-repeat 30px 5px;
text-indent:-9999px;
}

#header h1 a{
	display:block;
height:55px;
overflow:hidden;
}

#header ul.groupLink{
	float:right;
width:103px;
margin:25px 20px;
text-indent:-9999px;
}

#header ul.groupLink li{
	margin-bottom:10px;
}

#header ul.groupLink li a{
	display:block;
height:26px;
background:no-repeat 100% 50%;
overflow:hidden;
}

#header ul.groupLink li.royalTheater a{
	background-image:url(../../img/common/royal_link001.gif);
}
#header ul.groupLink li.utaemon a{
	background-image:url(../../img/common/utaemon_link001.gif);
}
#header ul.groupLink li.cinexHall a{
	background-image:url(../../img/common/cinexhall_link001.gif);
}
#header ul.groupLink li.royalHall a{
	background-image:url(../../img/common/royalhall_link001.gif);
}
#header ul.groupLink li.cinexMago a{
	background-image:url(../../img/common/cinexmago_link001.gif);
}


/*---- bodyMainArea ----*/
#bodyMainArea{
	clear:both;
width:862px;
margin-bottom:30px;
}

#bodyMainArea::after{
	content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}


/*---- navi ----*/
#navi{
	float:left;
width:180px;
text-indent:-9999px;
background:url(../../img/common/navi_bg_border001.gif) repeat-y 100% 0;
}

#navi h2{
	line-height:0;
}

#navi ul.naviSub,
#navi ul.naviExtra{
	margin-top:30px;
}

#navi li a{
	display:block;
height:40px;
overflow:hidden;
background:url(../../img/common/navi_main002.jpg) no-repeat;
}

#navi li.home a{
	background-position:0 0;
}
#navi li.schedule a{
	background-position:0 -40px;
}
#navi li.lineup a{
	background-position:0 -80px;
}
#navi li.price a{
	background-position:0 -120px;
}
#navi li.access a{
	background-position:0 -160px;
}
#navi li.information a{
	background-position:0 -200px;
}
#navi li.royalTheater a{
	background-position:0 -240px;
}
#navi li.utaemon a{
	background-position:0 -280px;
}
#navi li.cinexHall a{
	background-position:0 -320px;
}
#navi li.royalHall a{
	background-position:0 -360px;
}
#navi li.cinexMago a{
	background-position:0 -400px;
}
#navi li.siteMap a{
	background-position:0 -440px;
}

#navi li.home a:hover,
#navi li.home a.on{
	background-position:-180px 0;
}
#navi li.schedule a:hover,
#navi li.schedule a.on{
	background-position:-180px -40px;
}
#navi li.lineup a:hover,
#navi li.lineup a.on{
	background-position:-180px -80px;
}
#navi li.price a:hover,
#navi li.price a.on{
	background-position:-180px -120px;
}
#navi li.access a:hover,
#navi li.access a.on{
	background-position:-180px -160px;
}
#navi li.information a:hover,
#navi li.information a.on{
	background-position:-180px -200px;
}
#navi li.royalTheater a:hover,
#navi li.royalTheater a.on{
	background-position:-180px -240px;
}
#navi li.utaemon a:hover,
#navi li.utaemon a.on{
	background-position:-180px -280px;
}
#navi li.cinexHall a:hover,
#navi li.cinexHall a.on{
	background-position:-180px -320px;
}
#navi li.royalHall a:hover,
#navi li.royalHall a.on{
	background-position:-180px -360px;
}
#navi li.cinexMago a:hover,
#navi li.cinexMago a.on{
	background-position:-180px -400px;
}
#navi li.siteMap a:hover,
#navi li.siteMap a.on{
	background-position:-180px -440px;
}


/*---- contentsArea ----*/
#contentsArea{
	float:left;
width:650px;
margin-left:16px;
}

#contentsArea h2{
	margin-bottom:8px;
}


/*---- mainSection ----*/
#contentsArea .mainSection{
	margin-bottom:20px;
width:650px;
}

#contentsArea .mainSection::after{
	content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#contentsArea .mainSection p{
	margin-bottom:1em;
}


/*---- footer ----*/
#footer{
	clear:both;
margin:0 11px;
padding-bottom:5px;
background:url(../../img/common/footer_bottom001.gif) no-repeat 0 100%;
text-align:center;
color:#555;
}

#footer h2{
	height:13px;
text-indent:-9999px;
background:url(../../img/common/footer_top001.gif) no-repeat 0 0;
}

#footer div{
	background:url(../../img/common/footer_middle001.gif) repeat-y 0 0;
}

#footer ul.pageLink{
	margin:0 10px;
padding-bottom:10px;
background:url(../../img/common/footer_hr001.gif) repeat-x 0 100%;
}

#footer ul.pageLink li{
	display:inline;
margin:0 7px;
white-space:nowrap;
}

#footer p.address{
	display:inline-block;
*display:inline;
zoom:1;
margin:0 20px;
padding:10px 0 5px;
}