@charset "utf-8";

/*------------------------------------------------
Common Base Styles

CINEX MAGO
Copyright (C) CINEX All Rights Reserved.
Author: M.Watanabe

00. Common Styles
01. Container 
02. Header
03. Main
04. Main left
05. Main right
06. Footer
07. index.html
08. schedule
09. tickets.html
10. comingsoon.html nowshowing.html
11. price.html
12. access.html
13. info.html
14. osirase.html
------------------------------------------------*/

/* 00. Common Styles -----------------------------
------------------------------------------------*/
*{ 
margin:0; 
padding:0;
-webkit-text-size-adjust:none;
}

html{
overflow-y:scroll;
}

body{ 
color:#ffffff; 
font-size: small; 
background:url(http://cinex.jp/img/headbg.jpg) repeat-x #000000;
}

img{ 
border: none; 
vertical-align: bottom; 
}

li{
list-style:none;
}

/* excepted macIE5 \*/
div{ 
margin:0; 
padding:0; 
height:1%;
}
/**/

.tocenter{
text-align:center;
}

.toleft{ 
text-align:left;
}

.toright{ 
text-align:right;
}

.f_l{
float:left;
}

.f_r{ 
float:right;
}

.soldout{ 
text-decoration:line-through;
}

.avoid{
clear:both; 
line-height:0;
}

.red{ 
color:#ff9999;
}

a:link{ color:#ffffff; text-decoration:none;}
a:visited{ color:#ffffff; text-decoration:none;}
a:hover{ color:#00ccff; text-decoration:underline;}
a:active{ color:#00ccff; text-decoration:underline;}

.mb05{ padding-bottom:5px;}
.mb10{ padding-bottom:10px;}
.mb15{ padding-bottom:15px;}
.mb20{ padding-bottom:20px;}
.mr15{ margin-right:15px;}
.ml15{ padding-left:15px;}
.ml25{ padding-left:25px;}
.mt10{ padding-top:10px;}
.mt20{ padding-top:20px;}


/* 01. container -----------------------------
--------------------------------------------*/
#container{ 
width:760px; 
margin:0 auto;
}


/* 02. header -----------------------------
-----------------------------------------*/
#header h1{
background:url(../img/cinex.jpg) no-repeat 0 0;
text-indent:-9999px;
float:left; 
width:150px;
}

#header h1 a{
display:block;
height:51px;
/*\*/overflow:hidden;/**/
}

#header p{ 
background:url(../img/cinexmago.jpg) no-repeat 0 0;
text-indent:-9999px;
float:right; 
width:200px;
height:51px;
}

#header p span{
display:none;
}

#navi{
clear:both;
}

#navi li{
float:left;
text-indent:-9999px !important;
}

#navi li a{
height:31px;
display:block;
/*\*/overflow:hidden;/**/
}

#navi li#naviHome{ background:url(../img/menu_r1_c1.jpg) no-repeat 0 0; width:80px;}
#navi li#naviSchedule{ background:url(../img/menu_r1_c2.jpg) no-repeat 0 0; width:137px;}
#navi li#naviTickets{ background:url(../img/menu_r1_c3.jpg) no-repeat 0 0; width:101px;}
#navi li#naviComingsoon{ background:url(../img/menu_r1_c4.jpg) no-repeat 0 0; width:113px;}
#navi li#naviPrice{ background:url(../img/menu_r1_c5.jpg) no-repeat 0 0; width:113px;}
#navi li#naviAccess{ background:url(../img/menu_r1_c6.jpg) no-repeat 0 0; width:89px;}
#navi li#naviInfo{ background:url(../img/menu_r1_c7.jpg) no-repeat 0 0; width:127px;}

#navi li#naviHome a.on{ background:url(../img/menu_ac_r1_c1.jpg) no-repeat 0 0;}
#navi li#naviSchedule a.on{ background:url(../img/menu_ac_r1_c2.jpg) no-repeat 0 0;}
#navi li#naviTickets a.on{ background:url(../img/menu_ac_r1_c3.jpg) no-repeat 0 0;}
#navi li#naviComingsoon a.on{ background:url(../img/menu_ac_r1_c4.jpg) no-repeat 0 0;}
#navi li#naviPrice a.on{ background:url(../img/menu_ac_r1_c5.jpg) no-repeat 0 0;}
#navi li#naviAccess a.on{ background:url(../img/menu_ac_r1_c6.jpg) no-repeat 0 0;}
#navi li#naviInfo a.on{ background:url(../img/menu_ac_r1_c7.jpg) no-repeat 0 0;}

#navi li#naviHome a:hover{ background:url(../img/menu_on_r1_c1.jpg) no-repeat 0 0;}
#navi li#naviSchedule a:hover{ background:url(../img/menu_on_r1_c2.jpg) no-repeat 0 0;}
#navi li#naviTickets a:hover{ background:url(../img/menu_on_r1_c3.jpg) no-repeat 0 0;}
#navi li#naviComingsoon a:hover{ background:url(../img/menu_on_r1_c4.jpg) no-repeat 0 0;}
#navi li#naviPrice a:hover{ background:url(../img/menu_on_r1_c5.jpg) no-repeat 0 0;}
#navi li#naviAccess a:hover{ background:url(../img/menu_on_r1_c6.jpg) no-repeat 0 0;}
#navi li#naviInfo a:hover{ background:url(../img/menu_on_r1_c7.jpg) no-repeat 0 0;}


/* 03. main -----------------------------
---------------------------------------*/
#main{ 
clear:both;
}

#main h2{ 
margin-bottom:10px;
height:150px;
text-indent:-9999px;
}

#main #homeImage{ 
margin-bottom:10px; 
}

#mainSub{ 
width:760px;
clear:both;
}

div.index h2{background:url(../img/cinexmago_main.jpg) no-repeat;}
div.schedule h2{background:url(../img/sche/cinexmago_main.jpg) no-repeat;}
div.tickets h2{background:url(../img/tickets/cinexmago_main.jpg) no-repeat;}
div.comingsoon h2{background:url(../img/coming/cinexmago_main.jpg) no-repeat;}
div.price h2{background:url(../img/price/cinexmago_main.jpg) no-repeat;}
div.access h2{background:url(../img/access/cinexmago_main.jpg) no-repeat;}
div.info h2{background:url(../img/info/cinexmago_main.jpg) no-repeat;}
div.event h2{background:url(../img/event/cinexmago_main.jpg) no-repeat;}
div.nowshowing h2{background:url(../img/now/cinexmago_main.jpg) no-repeat;}
div.degitalcinema h2{background:url(../img/dlp/cinexmago_main.jpg) no-repeat;}


/* 04. main left -----------------------------
------------------------------------------------*/
#mainLeft{
float:left; 
width:550px;
background:url(../img/mark1.jpg) no-repeat left bottom;
padding-bottom:20px;
}

#mainLeft div.contents{
background:url(../img/w550bg.jpg) repeat-y;
}

#mainLeft a:link{ color:#00ccff; text-decoration:underline;}
#mainLeft a:visited{ color:#00ccff; text-decoration:underline;}
#mainLeft a:hover{ color:#ffffff; text-decoration:none;}
#mainLeft a:active{ color:#ffffff; text-decoration:none;}

#mainLeft dl{ 
margin-bottom:10px;
}

#mainLeft dt{ 
font-size:110%; 
font-weight:bold;
}

div.box550{ 
margin-bottom:10px;
}

div#indexContentTop,
div#indexContentMiddle,
div#indexContentBottom,
div#scheduleSelect,
div#comingsoon,
div#price,
div#access,
div#info{
padding-bottom:26px;
background:url(../img/w550btm.jpg) no-repeat left bottom;
}

div#indexContentTop h3{ background:url(../img/newmovies.jpg) no-repeat; height:35px; text-indent:-9999px;}
div#indexContentMiddle h3{ background:url(../img/information.jpg) no-repeat; height:33px; text-indent:-9999px;}
div#indexContentBottom h3{ background:url(../img/comingsoon.jpg) no-repeat; height:35px; text-indent:-9999px;}
div#scheduleSelect h3{ background:url(../img/sche/schedule.jpg) no-repeat; height:35px; text-indent:-9999px;}
div#comingsoon h3{ background:url(../img/coming/comingsoon.jpg) no-repeat; height:35px; text-indent:-9999px;}
div#price h3{ background:url(../img/price/price.jpg) no-repeat; height:35px; text-indent:-9999px;}
div#access h3{ background:url(../img/access/access.jpg) no-repeat; height:35px; text-indent:-9999px;}
div#info h3{ background:url(../img/info/guide.jpg) no-repeat; height:35px; text-indent:-9999px;}


/* 05. main right -----------------------------
------------------------------------------------*/
#mainRight{
float:right; 
width:200px;
}

#mainRight div.contents{
background:url(../img/w200bg.jpg) repeat-y;
}

#mainRight p{
margin-bottom:10px;
text-indent:-9999px;
}

#mainRight .box200{
padding-bottom:26px;
background:url(../img/w200btm.jpg) no-repeat left bottom;
margin-bottom:10px;
}

#mainRight .box200 h4{
text-indent:-9999px;
height:35px;
background:url(../img/nowshowing.jpg) no-repeat;
}

#mainRight .box200 li{ 
background:url(http://cinex.jp/img/dot.gif) 0 100% repeat-x;
padding:5px 0; 
margin:0 15px;
}

#mainRight p#showingInfo{
background:url(../img/tonowshowing.jpg) no-repeat;
}

#mainRight p#digitalcinemaInfo{
background:url(../img/3dcinema.jpg) no-repeat;
}

#mainRight p#telInfo{
background:url(../img/tel.jpg) no-repeat;
height:120px;
}

#mainRight p#recruitInfo{
background:url(../img/parttimejob.jpg) no-repeat;
}

#mainRight p#showingInfo a{
display:block;
height:40px;
/*\*/overflow:hidden;/**/
}

#mainRight p#digitalcinemaInfo a{
display:block;
height:121px;
/*\*/overflow:hidden;/**/
}

#mainRight p#recruitInfo a{
display:block;
height:80px;
/*\*/overflow:hidden;/**/
}


/* 06. footer -----------------------------
------------------------------------------------*/
#footer{
clear:both;
background:url(http://cinex.jp/img/footbg.jpg) repeat-x;
}

#footarea{
background:url(../img/footlogo.jpg) no-repeat;
width:760px;
padding-top:50px;
margin:0 auto;
}

#footbtm{ 
height:150px; 
background:url(http://cinex.jp/img/mark2.jpg) no-repeat; 
text-align:right; 
line-height:140%; 
color:#FFFFFF;
}

#footbtm p{ 
padding-top:10px;
}

#copyright{ 
color:#767783;
}

#copyright a{ 
color:#767783;
}

/* 07. index.html -----------------------------
------------------------------------------------*/
.moviebox{ 
padding:5px 0;
}

.moviebox h4{ 
font-size:small; 
font-weight:normal; 
background:#1f222d; 
padding:1px 3px; 
margin-bottom:6px;
}

.moviebox img{ 
vertical-align:middle;
}

.moviebox p.schedule{
text-indent:-9999px;
}

.moviebox p.schedule a{
background:url(../img/schedule.jpg) no-repeat;
display:block;
width:55px;
height:22px;
/*\*/overflow:hidden;/**/
}

.moviebox p.schedule a:hover{
background:url(../img/schedule_on.jpg) no-repeat;
}

.newmovie_l{ 
float:left; 
width:250px; 
margin-left:20px; 
display:inline; 
padding-bottom:10px; 
background:url(http://cinex.jp/img/dot.gif) 0 100% repeat-x;
}

.newmovie_r{ 
float:right; 
width:250px; 
margin-right:20px; 
display:inline; 
padding-bottom:10px; 
background:url(http://cinex.jp/img/dot.gif) 0 100% repeat-x;
}

.new_p{ 
float:left; 
width:76px;
}

.new_t{ 
float:right; 
width:160px;
}

.new_t p{ 
margin-bottom:5px;
}

.infobox{ 
width:540px; 
}

.infobox ul{ 
margin-left:35px;
padding:1px 0;
}

.infobox li{ 
list-style:url(http://cinex.jp/img/tri.gif); 
background:url(http://cinex.jp/img/dot.gif) repeat-x 0 100%; 
padding-bottom:5px; 
margin:5px 0;
}

.infobox img{ 
vertical-align:middle;
}


/* 08. schedule -----------------------------
------------------------------------------------*/
#scheduletop{ 
width:498px; 
margin-left:23px;
}

#scheduletop h4{ 
padding:10px 0;
background:url(../img/sche/choice.jpg) no-repeat 0 50%;
height:24px;
text-indent:-9999px;
}

#scheduletop ul{
border-top:1px solid #333333;
border-left:1px solid #333333;
zoom:1;
/*\*//*/
display:inline-block;
/**/
}

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

#scheduletop li{ 
font-size:120%; 
text-align:center; 
color:#333333;
line-height:33px;
width:70px;
float:left;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
}

#scheduletop li.sun{ background:url(../img/sche/sun.gif) no-repeat !important; text-indent:-9999px;}
#scheduletop li.mon{ background:url(../img/sche/mon.gif) no-repeat !important; text-indent:-9999px;}
#scheduletop li.tue{ background:url(../img/sche/tue.gif) no-repeat !important; text-indent:-9999px;}
#scheduletop li.wed{ background:url(../img/sche/wed.gif) no-repeat !important; text-indent:-9999px;}
#scheduletop li.thu{ background:url(../img/sche/thu.gif) no-repeat !important; text-indent:-9999px;}
#scheduletop li.fri{ background:url(../img/sche/fri.gif) no-repeat !important; text-indent:-9999px;}
#scheduletop li.sat{ background:url(../img/sche/sat.gif) no-repeat !important; text-indent:-9999px;}

#scheduletop li a{ 
display:block;
height:33px; 
background:#14161d;
}

#scheduletop li a:hover{ 
background:#3961db;
text-decoration:underline;
}

p.moreLink01{
clear:both;
background:url(../img/sche/tri.gif) no-repeat 0 50%;
padding-left:15px;
}

#schedule h3{ 
background:url(http://cinex.jp/img/sche/day.jpg) no-repeat; 
height:31px; 
padding:8px 0 0 40px; 
font-size:110%;
}

p.scheduleInfo{
margin:0 0 10px 15px;
font-size:91%;
}

div.showTitle{
clear:both;
background:url(http://cinex.jp/img/sche/title.jpg) no-repeat; 
height:29px; 
}

div.showTitle h4{
float:left;
padding:7px 10px 0;
font-weight:normal;
font-size:110%; 
}

div.showTitle p{
float:right; 
padding:7px 10px 0; 
font-weight:normal;
font-size:110%; 
}

div.timeTable{
border:1px solid #333333;
border-right:none;
background:url(../img/sche/bg_timetable.gif) repeat-y -1px 0;
margin-bottom:10px;
display:inline-block;
/*\*/
display:block;
/**/
}

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

div.timeTable ul{
text-align:center;
/*\*/
clear:both; 
/**/
}

div.timeTable li{
float:left; 
display:block; 
padding:10px;
font-size:110%;
width:57px;
border-right:1px solid #333333;
}

div.timeTable li.last{ 
width:60px;
}

div.timeTable span{ 
display:block;
padding-top:3px;
font-size:80%;
}

.titles{ background:url(http://cinex.jp/img/sche/title.jpg) no-repeat; height:29px;}
.titles p{ font-size:110%; padding:7px 10px 0;}

.timetable{ background-color:#333333; margin-bottom:10px; clear:both;}
.timetable td{ background-color:#000000; text-align:center; padding:10px 0; font-size:110%;}
.timetable span{ font-size:80%;}
.t1{ width:77px;}
.t2{ width:80px;}

#month{ 
width:510px; 
margin:0 auto;
}

#month p{ 
padding:10px 0;
}

#month table{ 
width:100%; 
background:#333333; 
margin-bottom:20px;
}

#month th{ 
width:20%; 
background:#14161d;
}

.liketh{
background:#14161d !important; 
font-size:100% !important; 
color:#FFFFFF !important; 
font-weight:bold; 
text-align:center;
}

#month td{ 
width:40%; 
background:#c5c9d8; 
color:#000000; 
padding:5px; 
font-size:80%;
}

.sat{ 
background:#355475 !important;
}

.sun{ 
background:#683D39 !important;
}


/* 09. tickets.html -----------------------------
------------------------------------------------*/
#advanceticket h3{
background:url(../img/tickets/advanceticket.jpg) no-repeat;
text-indent:-9999px;
height:31px;
margin-bottom:10px;
}

#advanceticket p{ 
margin-bottom:10px;
}

#advanceticket table{ 
border:1px solid #333333; 
width:548px; 
margin-bottom:10px; 
background:#c5c9d8;
}

#advanceticket th{ 
height:28px; 
background:url(http://cinex.jp/img/tickets/titlebg.jpg) no-repeat; 
font-size:110%; 
font-weight:normal; 
text-align:left; 
padding-left:6px;
}

#advanceticket td{ 
color:#000000; 
padding:3px 6px; 
border-top:1px solid #333333;
}

.tdL{ 
width:20%;
}

.tdR{ 
width:80%;
}

/* 10. comingsoon.html nowshowing.html -----------
------------------------------------------------*/
.csBox{ 
width:510px; 
margin-left:20px; 
padding-top:10px; 
padding-bottom:20px;
}

.csBox span{ 
color:#ff9999;
}

.csPics{ 
float:left; 
width:131px;
}

.csInfo{
float:right; 
width:370px;
}

.day{ 
background:#1f222d; 
padding:2px 4px 1px;
}

.title{ 
font-size:110%; 
font-weight:bold; 
margin:8px 4px;
}

p.info{ 
background:#1f222d; 
padding:4px; 
margin-bottom:5px; 
line-height:130%; 
text-align:justify; 
text-justify:inter-ideograph;
}



/* 11. price.html -----------------------------
------------------------------------------------*/
#priceinfo{ 
width:510px; margin-left:20px;
}

#priceinfo h4{ 
padding-bottom:10px; 
padding-top:10px;
line-height:44px;
}

#priceinfo h4.regularPrice{ background:url(../img/price/regular.jpg) no-repeat 0 50%; height:24px; text-indent:-9999px;}
#priceinfo h4.digitalcinemaPrice{ background:url(../img/price/3d.jpg) no-repeat 0 50%; height:24px; text-indent:-9999px;}
#priceinfo h4.specialPrice{ background:url(../img/price/special.jpg) no-repeat 0 50%; height:24px; text-indent:-9999px;}
#priceinfo h4.campainPrice{ background:url(../img/price/limited.jpg) no-repeat 0 50%; height:24px; text-indent:-9999px;}
#priceinfo h4.infoPaymant{ background:url(../img/price/info.jpg) no-repeat 0 50%; height:24px; text-indent:-9999px;}

#priceinfo span{ 
color:#ff9999;
}

#priceinfo table{ 
width:508px; 
border-left:1px solid #333333; 
border-right:1px solid #333333; 
border-top:1px solid #333333; 
margin-bottom:15px;
}

#priceinfo th{ 
background:#14161d; 
border-bottom:1px solid #333333; 
text-align:left; 
font-weight:normal; 
padding:7px; 
width:80%;
}

#priceinfo td{ 
background:#14161d; 
border-bottom:1px solid #333333; 
width:20%; 
text-align:right; 
padding-right:10px;
}

#priceinfo p{ 
padding-bottom:10px;
}

.gentei{ 
width:250px; 
float:left; 
padding-right:5px; 
text-align:justify; 
text-justify:inter-ideograph;
}

.genteiL{ 
float:left; 
width:110px;
}

.genteiR{ 
float:right; 
width:135px;
}


/* 12. access.html -----------------------------
------------------------------------------------*/



/* 13. info.html -----------------------------
------------------------------------------------*/
#guide{ 
width:511px; 
margin-left:20px;
}

#guide h4{ 
margin:20px 0 10px;
}

#guide p{ 
margin-bottom:10px;
}

.Gbox{ 
width:500px; 
margin-left:5px; 
text-align:justify; 
text-justify:inter-ideograph;
}

#GL01{ width:290px; float:left;}
#GR01{ width:200px; float:right;}
#GL02{ width:240px; float:left;}
#GR02{ width:250px; float:right;}
#GL03{ width:290px; float:left;}
#GR03{ width:200px; float:right;}
#GL04{ width:200px; float:left;}
#GR04{ width:290px; float:right;}
#GL05{ width:301px; float:left;}
#GR05{ width:189px; float:right;}

.Gbox table{ 
border:1px solid #373d4c; 
width:100%;
}

.Gbox td{ 
padding:2px 10px;
}

.gry{ 
background:#373d4c;
}

.t01{ 
width:14%;
}

.t02{ 
width:30%;
}

.t03{ 
width:14%;
}

.t04{ 
width:42%;
}

#shoplink{ 
padding-left:30px; 
padding-bottom:30px;
}

#shoplink li{ 
padding-bottom:5px;
}

.sl_l{ 
float:left; 
width:240px;
}

.sl_r{ 
float:left; 
width:240px;
}

#info h4.info01{ background:url(../img/info/01.jpg) no-repeat; text-indent:-9999px; height:28px;}
#info h4.info02{ background:url(../img/info/02.jpg) no-repeat; text-indent:-9999px; height:28px;}
#info h4.info03{ background:url(../img/info/03.jpg) no-repeat; text-indent:-9999px; height:28px;}
#info h4.info04{ background:url(../img/info/04.jpg) no-repeat; text-indent:-9999px; height:28px;}
#info h4.info05{ background:url(../img/info/05.jpg) no-repeat; text-indent:-9999px; height:28px;}
#info h4.info06{ background:url(../img/info/06.jpg) no-repeat; text-indent:-9999px; height:28px;}


/* 14. osirase.html -----------------------------
------------------------------------------------*/
#osirase{
width:400px; 
background:#FFFFFF; 
color:#333333;
}

#o_dtl{ 
padding:10px 20px;
}

#o_dtl p{ 
margin-bottom:10px;
}

#o_dtl h2{ 
font-size:12px; 
color: #990000; 
margin-bottom:10px;
}

#o_dtl h3{ 
font-size:14px; 
margin-bottom:10px; 
border-left:5px solid #990000; 
border-bottom:1px solid #990000; 
padding:3px;
}

#o_dtl dt{ 
font-weight:bold; 
margin-bottom:5px;
}

#o_dtl dd{ 
margin-bottom:10px;
}