@charset "Shift_JIS";

body {
margin: 0;
padding: 0;
background: #fff;
}

* {
font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
margin: 0;
padding: 0;
color: #333;
}

p {
font-size: 75%;
line-height: 1.25;
}

a {
color: #69f;
text-decoration: none;
border: none;
}

a:hover {
color: #69f;
text-decoration: underline;
border: none;
}

a img {
border: 0;
}

a img:hover {
border: 0;
}

#ribbon {
z-index: 5;
position: absolute;
width:138px;
height: 138px;
right: 0;
top: 0;
}

#wrapper {
position: relative;
left: 50%;
margin:-1px 0 0 -385px;
padding: 1px 0 0 0;
width: 770px;
background: #ddd;
}


#header01 ul {
position: absolute;
top: -9999px;
left: -9999px;
}

/* トップページ
-----------------------------------------------------------*/

body#top-page #header01 {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 312px;
height: 384px;
background: #fff url(parts/header01_title.jpg) no-repeat;
text-indent: -9999em;
}

body#top-page #header02 {
position: absolute;
top: 0;
right: 0;
width: 450px;
height: 384px;
background: #fff url(parts/header02_rainbow.png) no-repeat;
}

body#top-page #header02 h2 {
margin: 25px 0 0 0;
padding: 0;
width: 450px;
height: 55px;
text-indent: -9999em;
background: url(parts/header02_h2.png) no-repeat;
}

body#top-page #header02 h3 {
margin: 10px 0 5px 0;
width: 450px;
height: 28px;
text-indent: -9999em;
background: url(parts/h3_RandomPickup.png) no-repeat;
}



body#top-page #contents-area {
position: absolute;
top: 445px;
left: 0;
margin: -12px 0 0 0;
width: 770px;
background: url(parts/ribbon_bg.png) right bottom no-repeat;
}

body#top-page .article h4 {
padding: 0 0 0 22px;
line-height: 1.5;
color: #333;
border-bottom: #666 dotted 1px;
background: #fff url(parts/top-page_h4_bg.png) top left no-repeat;
}

body#top-page .article h5 {
color: red;
font-size: 75%;
}

body#top-page #main h3 {
margin: 0 0 0 0;
width: 450px;
height: 61px;
background: url(parts/h3_whatsnew.png) no-repeat;
text-indent: -9999em;
}

body#top-page #rainbow h3 {
margin: 0;
padding: 0;
width: 450px;
height: 39px;
background: url(parts/h3s_rainbow.png) no-repeat;
text-indent: -9999em;
}

body#top-page #recruit_t h3 {
margin: 0;
padding: 0;
width: 450px;
height: 39px;
background: url(parts/h3_recruit.png) no-repeat;
text-indent: -9999em;
}

/* 上映プログラム
-----------------------------------------------------------*/

#program-a .titlename {
border-top: #f33 solid 2px;
border-bottom: #f33 solid 1px;
}

#program-b .titlename {
border-top: #f79349 solid 2px;
border-bottom: #f79349 solid 1px;
}

#program-c .titlename {
border-top: #fec650 solid 2px;
border-bottom: #fec650 solid 1px;
}

#program-d .titlename {
border-top: #61be6a solid 2px;
border-bottom: #61be6a solid 1px;
}

#program-e .titlename {
border-top: #2785c6 solid 2px;
border-bottom: #2785c6 solid 1px;
}


#program-a .title {
border-bottom: #f33 solid 2px;
}

#program-b .title {
border-bottom: #f79349 solid 2px;
}

#program-c .title {
border-bottom: #fec650 solid 2px;
}

#program-d .title {
border-bottom: #61be6a solid 2px;
}

#program-e .title {
border-bottom: #2785c6 solid 2px;
}


.article a img,
.title a img {
float: left;
margin: 0 10px 10px 0;
padding: 5px;
border: #999 solid 1px;
}

.article a:hover img,
.title a:hover img  {
border: #9cf solid 1px;
} 

.titlename {
position: relative;
margin: 0 0 0.5em 0;
}

.titlename strong {
display: block;
position: absolute;
top: -20px;
right: -20px;
}

.facemark {
float:left;
margin: 3px 5px 3px 0;
width: 29px;
height: 29px;
}

body#program .title h4 {
margin: 0 0 0 0;
padding: 0;
line-height: 35px;
color: #666;
}

.in-english {
margin: 0;
padding: 0 0 0 3px;
font-family: Verdana, 'trebuchet MS', Arial, sans-serif;
font-size: 87.5%;
line-height: 87.5%;
color: #666;
border-top: #ccc dotted 1px;
}

.titlename ul {
margin: 2px 0 0 0;
padding: 0 0 0 2px;
font-size: 75%;
line-height: 1.5;
list-style: none;
border-top: #ccc dotted 1px;
}

body#program #main h3 {
margin: 0 0 0 0;
width: 450px;
height: 61px;
background: url(parts/h3_program.png) no-repeat;
text-indent: -9999em;
}

body#program #contents-area #main h3.sub {
margin: 0 5px 1em 4px;
padding: 5px 15px 5px 5px;
width: auto;
height: auto;
font-size: 1em;
font-weight: bold;
text-align: right;
text-indent: 0;
line-height: 1;
color: #fff;
background-image: none;
background-color: #f79349;
}

#timet {
margin: 0 10px 1.5em 9px;
border-collapse: collapse;
nowrap: auto;
text-indent: -9999em;
}

#timet tr, #timet td, #timet th {
margin: 0;
padding: 0;
}  

#timet td {
height: 71px;
}

#timet a {
display: block;
width: 108px;
height: 71px;
border: none;
}

#timet-pa, #timet-pb, #timet-pc, #timet-pd, #timet-pe, #timet-pf {
width: 320px;
}

/* Opera9.0X テーブル フォーム(Mac) バグ対策　class-goaway */
.goaway {
position: absolute;
top: -9999px;
left: -9999px;
} 

#timet-pa {
background: url(parts/tt-pa.png) no-repeat left top;
}

#timet-pb {
background: url(parts/tt-pb.png) no-repeat;
}

#timet-pc {
background: url(parts/tt-pc.png) no-repeat;
}

#timet-pd {
background: url(parts/tt-pd.png) no-repeat;
}

#timet-pe {
background: url(parts/tt-pe.png) no-repeat;
}


#timet-a01 a {
background: url(parts/tt-a01.jpg) no-repeat;
}

#timet-b01 a {
background: url(parts/tt-b01.jpg) no-repeat;
}

#timet-b02 a {
background: url(parts/tt-b02.jpg) no-repeat; 
}

#timet-c01 a {
background: url(parts/tt-c01.jpg) no-repeat;
}

#timet-d01 a {
background: url(parts/tt-d01.jpg) no-repeat;
}

#timet-e01 a {
background: url(parts/tt-e01.jpg) no-repeat;
}


#timet a:hover {
background-position: 0 -71px;
}

/* ヘッダ
------------------------------------------------------------*/

/* 2006年10月29日　個別id指定→id：top-pageとそれ以外 */

#header01 {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 312px;
height: 110px;
background: #fff url(parts/header01_title02.png) no-repeat;
text-indent: -9999em;
}

#header01 h1 a {
display: block;
width: 312px;
height: 110px;
}

#header02 {
position: absolute;
top: 0;
right: 0;
width: 450px;
height: 90px;
background: #ccc url(parts/header02_rainbow.png) no-repeat;
}

#header02 h2 {
margin: 10px 0 0 0;
padding: 0;
width: 450px;
height: 95px;
text-indent: -9999em;
background: url(parts/header02_h202.png) no-repeat;
}

#contents-area {
position: absolute;
top: 172px;
left: 0;
margin: -12px 0 0 0;
width: 770px;
background: url(parts/ribbon_bg.png) right bottom no-repeat;
}



/* グローバルナビゲーション
------------------------------------------------------------*/

body#top-page #nav {
position: absolute;
top: 383px;
left: 0;
padding: 0;
width: 770px;
height: 62px;
}

/* 2006年10月29日　個別id指定→id：top-pageとそれ以外 */
#nav {
position: absolute;
top: 110px;
left: 0;
padding: 0;
width: 770px;
height: 62px;
}


#gnavi {
width: 770px;
height: 50px;
margin: 0;
padding: 11px 11px 11px 11px;
background: url(parts/gnavi_rev2_bg.png) no-repeat;

voice-family: "\"}\"";
voice-family: inherit;

width: 750px;
height: 27px;
}

html>body #gnavi {
width: 750px;
height: 27px;
}

#gnavi li {
display: block;
float: left;
margin: 0;
padding: 0;
height: 27px;
line-height: 27px;
list-style: none;
text-indent: -9999em;
}

#gnavi-top-page {
display: block;
width: 150px;
height: 27px;
background: url(parts/gnavi_rev2.png) 0 0; 
}

#gnavi-concept {
display: block;
width: 150px;
height: 27px;
background: url(parts/gnavi_rev2.png) -150px 0; 
}

#gnavi-program {
display: block;
width: 150px;
height: 27px;
background: url(parts/gnavi_rev2.png) -300px 0; 
}

#gnavi-message {
display: block;
width: 150px;
height: 27px;
background: url(parts/gnavi_rev2.png) -450px 0; 
}

#gnavi-blog {
display: block;
width: 150px;
height: 27px;
background: url(parts/gnavi_rev2.png) -600px 0; 
}

#gnavi-top-page:hover {
background: url(parts/gnavi_rev2.png) 0 -27px;
}

#gnavi-concept:hover {
background: url(parts/gnavi_rev2.png) -150px -27px;
}

#gnavi-program:hover {
background: url(parts/gnavi_rev2.png) -300px -27px; 
}

#gnavi-message:hover {
background: url(parts/gnavi_rev2.png) -450px -27px; 
}

#gnavi-blog:hover {
background: url(parts/gnavi_rev2.png) -600px -27px; 
}

body#top-page .current {
background: url(parts/gnavi_rev2.png) 0 -27px;
}

body#program .current {
background: url(parts/gnavi_rev2.png) -300px -27px;
}

body#blog .current {
background: url(parts/gnavi_rev2.png) -600px -27px;
}


#main {
float: right;
margin: 0 0 0 8px;
width: 450px;
}

.lead {
margin: 1em 10px 1em 9px; 
}

.article {
margin: 0 10px 2em 9px;
}

.article p {
line-height: 2;
}

.staff {
margin: 0 10px 2em 9px;
}

.staff p {
clear: both;
line-height: 2;
}

.title {
margin: 0 10px 2em 9px;
}

.title p {
clear: both;
line-height: 1.5;
}

p.twice-e {
margin: 1em 0 0 0;
}

p.twice-e em  {
font-size: bigger;
font-weight: bold;
font-style: normal;
color: #2785c6;
}

p.twice-f {
margin: 1em 0 0 0;
}

p.twice-f em {
font-size: bigger;
font-weight: bold;
font-style: normal;
color: #8553a2;
}

p.update {
padding: 0 0 0 60px;
font-weight: bold;
line-height: 1.5;
background: #fff url(parts/update_bg.png) no-repeat;
}

.staff ul {
list-style: none;
font-size: 86.5%;
}

li.role {
float: left;
margin: 0 1em 0 0;
padding: 0 0 0 50px;
font-weight: bold;
line-height: 1.5;
color: #f33;
background: #fff url(parts/role_bg.png) no-repeat left center;
}

li.sexuality {
float: left;
margin: 0 1em 0 0;
padding: 0 0 0 75px;
font-weight: bold;
line-height: 1.5;
color: #f33;
background: #fff url(parts/sexuality_bg.png) no-repeat left center;
}

li.director {
margin: 0 1em 0 0;
padding: 0 0 0 72px;
line-height: 1.5;
color: #666;
background: url(parts/director_bg.png) no-repeat left center;
}

li.spec {
margin: 0 1em 0 0;
padding: 0 0 0 97px;
line-height: 1.5;
color: #666;
background: url(parts/spec_bg.png) no-repeat left center;
}

#database .article ul {
list-style: none;
font-size: 75%;
}

li.date {
margin: 0 1em 0 0;
padding: 0 0 0 47px;
line-height: 1.5;
color: #666;
background: url(parts/date_bg.png) no-repeat left center;
}

li.place {
margin: 0 1em 0 0;
padding: 0 0 0 78px;
line-height: 1.5;
color: #666;
background: url(parts/place_bg.png) no-repeat left center;
}

.b-t {
clear: both;
text-align: right;
}

#side {
float: left;
width: 312px;
}


/* side
-----------------------------------------------------------*/
#side {
margin: 4px 0 0 0;
}

#side li, #side p {
color: #666;
}

#side h4 {
margin: 1.5em 9px 5px 9px;
padding: 0;
font-size: 75%;
font-weight: bold;
color: #666;
border-bottom: #ccc 1px solid;
}

#side p {
margin: 0 9px 9px 9px;
font-size: 75%;
}

#side li {
margin: 0 9px 9px 9px;
padding: 0 0 0 14px;
list-style: none;
font-size: 75%;
line-height:1.25;
background: url(parts/arrow01.png) no-repeat left top;
}

#side ul {
margin: 0 0 0.5em 0;
}

/* side | location
-----------------------------------------------------------*/
#location h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_location.png) no-repeat;
text-indent: -9999em;
}

#location img {
display: block;
width: 266px;
margin: 5px 23px 10px 23px;
}

/* side | ticket
-----------------------------------------------------------*/
#ticket h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_ticket.png) no-repeat;
text-indent: -9999em;
}

#ticket-caution {
margin: -0.5em 0 0 0;
} 

#ticket-caution ul {
margin: 0 9px 1em 9px;
}

#ticket-caution li {
margin: 0;
padding: 0;
font-size: 68%;
line-height: 1.4;
background: none;
}

#ticket-shop h5 {
margin: 0 9px 5px 9px;
padding: 0 0 0 3px;
line-height: 1.25;
color: #fff;
background: #999;
}


/* side | sponsor
-----------------------------------------------------------*/
#sponsor h3 {
margin: 0;
padding: 0;
width: 312px;
height: 43px;
background: url(parts/h3s_sponsor.png) no-repeat;
text-indent: -9999em;
}

#sponsor p {
margin: 0 9px 0 9px;
font-size: 68%;
text-align: right;
}

#sponsor-logo_L {
margin: 0 9px;  
}

#sponsor-logo_L li {
display: block;
float: left;
margin: 0;
padding: 0;
width: 292px;
height: 110px;
text-indent: -9999em;
}

#sponsor-logo_L a {
display: block;
width: 292px;
height: 110px;
}

li#sponsor-NTTdocomo {
background: #fff url(parts/logo_NTTdocomo.png) center no-repeat;
}

li#sponsor-jeansfactory {
background: #fff url(parts/logo_jeansfactory.png) center no-repeat;
}

li#sponsor-flots {
background: #fff url(parts/logo_flots.png) center no-repeat;
}

#sponsor-logo {
margin: 0 9px;  
}

#sponsor-logo li {
display: block;
float: left;
margin: 0;
padding: 0;
width: 97px;
height: 50px;
text-indent: -9999em;
}

#sponsor-logo a {
display: block;
width: 97px;
height: 50px;
}

li#sponsor-dear {
background: #fff url(parts/logo_dear.png) center no-repeat;
}

li#sponsor-rocky {
background: #fff url(parts/logo_ROCKY.png) center no-repeat;
}

li#sponsor-slowstep {
background: #fff url(parts/logo_slowstep.png) center no-repeat;
}

li#sponsor-DENcafe {
background: #fff url(parts/logo_DENcafe.png) center no-repeat;
}

li#sponsor-pop_up_laboratory {
background: #fff url(parts/logo_pop_up_laboratory.png) center no-repeat;
}

li#sponsor-QWRC {
background: #fff url(parts/logo_QWRC.png) center no-repeat;
}

li#sponsor-queer_rainbow_parade_fuk {
background: #fff url(parts/logo_queer_rainbow_parade_fuk.png) center no-repeat;
}

li#sponsor-lse {
background: #fff url(parts/logo_lse01.png) center no-repeat;
}

li#sponsor-ehimegaywalker {
background: #fff url(parts/logo_ehimegaywalker.png) center no-repeat;
}

#sponsor-text {
clear: both;
}


/* side | support
-----------------------------------------------------------*/
#support h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_support.png) no-repeat;
text-indent: -9999em;
}

/* side | partner
-----------------------------------------------------------*/
#partner h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_partner.png) no-repeat;
text-indent: -9999em;
}

/* side | recruit
-----------------------------------------------------------*/
#recruit h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_recruit.png) no-repeat;
text-indent: -9999em;
}

/* side | contribution
-----------------------------------------------------------*/
#contribution h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_contribution.png) no-repeat;
text-indent: -9999em;
}

/* side | otherevents
-----------------------------------------------------------*/
#otherevents h3 {
margin: 0;
padding: 0;
width: 312px;
height: 39px;
background: url(parts/h3s_otherevents.png) no-repeat;
text-indent: -9999em;
}

#otherevents h4 {
margin: 1em 9px 5px 9px;
padding: 0 0 0 3px;
line-height: 1.5;
color: #fff;
background: #ec008c;
border-bottom: none;
}


/* footer
------------------------------------------------------------*/
#footer {
clear: both;
margin: 0 0 0 0;
padding: 30px 0 15px 9px;
width: 761px;
font-size: 68%;
color: #666;
background: url(parts/footer_bg.png) bottom no-repeat;
}

/* footer_s
------------------------------------------------------------*/
#footer_s {
clear: both;
margin: 0 0 0 0;
padding: 30px 0 15px 9px;
width: 690px;
font-size: 68%;
color: #666;
background: url(parts/footer_bg_s.png) bottom no-repeat;
}