@charset "UTF-8";

 /* cover */
 #flashcontent{
   height: 100%;
   width: 100%;
 }
 
  #flashcontent .coverImages{
    text-align: center;
  }
 
   #flashcontent .coverImages a{border: none; background: none; text-decoration: none;}
      
 /* home */
 

	
#home ul{
  list-style: none;
  margin: 0 0 20px 0;
  overflow: hidden;
}

#home h2{
  clear: both;
}

#home .news  ul li{
 width: 620px;
 margin-bottom: 5px;
}

#home .event ul li{
 width: 620px;
 margin-bottom: 5px;
}

#home .event ul li .date{
  margin-left: 10px;
  font-size: 85%;
}

#home .news span.date{
	float: left;
	width: 80px;
}

#home .topics span.date{
	float: left;
	width: 80px;
}

#home .topics{
  width: 620px;
  position: relative;
}

#home .topics  ul li{
 width: 620px;
 margin-bottom: 5px;
}

#home span.body{
	margin-left: 80px;
	display: block;
}

#home .news{
  overflow: hidden;
  position: relative;
    width: 620px;
  margin-bottom: 20px;
}

#home .news .archive{
  right: 0;
  top: 0;
  position: absolute;
}

#home .event{
  overflow: hidden;
  position: relative;
}

#home .event .archive{
  right: 0;
  top: 0;
  position: absolute;
}


#home  .pdf{
	padding-left: 0;
	background: none;
}

#home  .pdf span.body{
	margin-left: 80px;
}

#home .pdf span.date{
	  padding-right: 0;
	}
	
#coverPhoto img{
  margin-bottom: 6px;
}

#coverPhoto p.credit{
  font-size: 85%;
  line-height: 140%;
  font-family: verdana;
}


/* News */
#home #news .subscribe{
  position: absolute;
  right: 20px;
  top: 20px;
  text-align: right;
  height: 30px;
}

#news h3{
  clear: both;
}

/* blog */

	
#sidebar #menu ul.blogCategory{
  width: 180px;
	 padding: 2px 20px 2px 20px;
	 margin-bottom: 0;
	 font-size: 90%;
}
	
#sidebar #menu ul.blogCategory li{
	width: 160px;
	padding: 2px 0 2px 20px;
}

#sidebar #menu ul.blogCategory li select{
  width: 160px;
}

#sidebar #menu ul.blogCategory li a{
  display: inline;
  background: none;
  color: #E366C2;
  padding:0;
}

#sidebar #menu ul.blogCategory li a:hover{
  color: #FFF
}

#blog .entry, .asset-meta{
  margin-bottom: 20px;
}

#blog  .entryList img{
  float: left;
  width: 150px;
  height: auto;
  margin-right: 20px;
}

#blog .metaData{
 clear: both;
  font-size: 90%;
  margin-bottom: 20px;
}

#blog  address{
  display: inline;
  font-style: normal;
}

#blog .footerArchive{
  overflow: hidden;
  margin-bottom: 20px;
}

#blog .footerArchive select{
  width: 160px;
}


#blog .footerArchive .label{
  margin-right: 5px;
  font-size: 90%;
}

#blog .categoryArchive,
#blog .monthlyArchive, 
#blog .entryArchive{
  margin-right: 20px;
  display: inline;
}


#blog .trackbacksUrl{
  padding: 5px;
   border: 1px solid #018E5B;
   text-align: center;
   font-size: 90%;
}

#blog .trackbacks-content{
  padding-top: 20px;
}

#blog .trackbacks-content .trackback-article{
  margin-bottom: 0;
}


#blog .trackbacks-content .trackback-meta{
  font-size: 90%;
  margin-bottom: 40px;
}


#blog blockquote{
 margin: 0 20px 20px;
 padding: 10px;
 background-color: #EEE;
}


/* outline */

#outline td.support{
  padding-top: 6px;
}

#outline a.logo{
  background: none;
}


#outline  ul.price{
  margin-left: 16px;
  margin-bottom: 0;
  font-size: 90%;
}


/* theme */
#theme .credit{
  margin-top: -12px;
  text-align: right;
}

#theme h3{
  font-size: 120%;
}

/* venue */

#venue .detail .description{
	float: left;
	width: 300px;
	padding: 0 20px 0 0 ;
}

#venue .detail .photo{
	float: right;
	width: 300px;
	margin-bottom: 20px;
}

#venue .photo img{
	margin-bottom: 6px;
}

#venue .venue{
  clear: both;
  overflow: hidden;
}


#venue #map{
  width: 620px;
  height: 480px;
  margin-bottom: 20px;
}

#venue #accessmap{
  width: 620px;
  height: 480px;
  margin-bottom: 20px;
}

#venue ul.accessmap{
  list-style: none;
  width: 620px;
  overflow: hidden;
  margin: 0 0 20px 0;
  color: #E366C2;
}

#venue ul.accessmap li{
  display: block;
  float: left;
  width: 300px;
  margin-bottom: 10px;
}



#venue .footerNavigation{
  overflow: hidden;
  margin-bottom: 20px;
}

#venue .footerNavigation select{
  width: 200px;
}

#venue .mainVenue,
#venue .othersVenue, 
#venue .venueList{
  margin-right: 20px;
  display: inline;
}

#venue p.pdf{
  text-align: right;
  margin-bottom: 0;
}

#venue .process img{
  margin-bottom: 45px;
}

#venue .article .NoImage{
	line-height:1.6em;
	width: 17px;
	background: url('/2008/ja/venue/images/no1.gif') no-repeat center left;
	padding: 5px 5px 3px 22px;
}

#venue .article .No2Image{
	line-height:1.6em;
	width: 17px;
	background: url('/2008/ja/venue/images/no2.gif') no-repeat center left;
	padding: 5px 5px 3px 22px;
}

#venue .article .No3Image{
	line-height:1.6em;
	width: 17px;
	background: url('/2008/ja/venue/images/no3.gif') no-repeat center left;
	padding: 5px 5px 3px 22px;
}

#venue .article .No4Image{
	line-height:1.6em;
	width: 17px;
	background: url('/2008/ja/venue/images/no4.gif') no-repeat center left;
	padding: 5px 5px 3px 22px;
}

#venue .article .iconAlphabet{
	background-position:center left;
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	line-height: 1.6em;
}

#venue .shuttlebusWrap{
overflow: hidden;
  width:620px;
  margin-bottom: 20px;
}

#venue .shuttlebusImage{
  float: left;
  width:300px;
  margin-bottom: 20px;
}

#venue .shuttlebus{
  float: right;
  width:300px;
}


  /* venue - en */

#venue .block{
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}

#venue .address1, #venue .address2{
  width: 193px;
  margin-right: 20px;
  float: left;
}

#venue .address3{
  width: 193px;
  float: left;
}

#venue .address .block h3{
  line-height: 140%;
  font-weight: normal;
  margin-left: 74px;
}

#venue .block img{
  float: left;
  margin-right: 10px;
}

#venue .address  ul{
  list-style: none;
  line-height: 140%;
  margin-left: 0;
}

#venue .address  ul li{
  margin-bottom: 8px;
}

#venue p.composition{
  margin-top: -10px;
}



/* curator */

#curator .description{
	float: left;
	width: 420px;
	padding-right: 20px;
}


#curator .photo{
	float: right;
}

#curator .photo img{
	margin-bottom: 6px;
}

#curator .credit{
	width: 175px;
	line-height: 140%;
	font-size: 85%;
}

#curator .curator{
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}


/* volunteer */
#volunteer .emphasis{
  margin-bottom: 40px;
}


/* download */

#download ul.list{
  width: 620px;
  margin: 0 0 20px 0;
  overflow: hidden;
  list-style: none;
  clear: both;
}

#download ul.list li{
  float: left;
  width: 108px;
  margin: 0 20px 0 0;
}

#download ul.list li.break{
  margin-right: 0;
}

#download ul.list li .thumbnail a:hover{
  background: none;
  background-position: center center;
  background-repeat: no-repeat;
}

#download ul.list li .thumbnail a{
  display: block;
  width: 108px;
  height: 108px;
  margin-bottom: 6px;
  background-position: center center;
  background-repeat: no-repeat;
  text-decoration: none; 
}

#download ul.list li p{
  width: 108px;
  margin: 0 0 0 0;
  font-size: 85%;
}

#download ul.list li p a:hover {
text-decoration: none; color:#FFF; background: #BDAF85;
}

.register ul{
 list-style-type: none;
 }

/* Event Calendar */

.eventList{
  overflow: hidden;
  margin-bottom: 10px;
  width: 620px;
}

.calendarList h3,
.seriesList  h3{
	margin-bottom: 0;
	font-weight: normal;
}

.calendarList,
.seriesList{
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}

.calendarList .description,
.seriesList .description{
  float: left;
  width: 536px;
}

.calendarList p.date,
.seriesList p.date{
	color: #666;
	margin-bottom: 0;
}

.calendarList .photo,
.seriesList .photo{
  width: 64px;
  float: right;
}

.calendarDetail{
  overflow: hidden;
}

.calendarDetail .photo{
  width: 170px;
  float: left;
}

.calendarDetail .description{
  margin-left: 195px;
}

.calendarDetail  p.date,
.calendarDetail  p.venue{
  margin-bottom: 0;
}



.calendarNavigation{
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}

.calendarNavigation .prevMonthLink{
  position: absolute;
  left: 0;
  top: 1px;
}

.calendarNavigation .nextMonthLink{
  position: absolute;
  right: 0;
  top: 1px;
}

.calendarNavigation .prevDayLink{
  position: absolute;
  left: 0;
  bottom: 1px;
}

.calendarNavigation .nextDayLink{
  position: absolute;
  right: 0;
  bottom: 1px;
}

table.calendar a{
  padding: 1px 7px 1px 7px;
}

table.calendar {
  margin: 0 auto;
  line-height: 140%;
}

table.calendar td a{
  display: block;
  padding: 1px 7px 0 7px;;
}

table.calendar td {
  background-color: white;
  text-align: center;
}

table.calendar .dayName th{
	text-align: center;
}

table.calendar th.monthName {
	text-align:center;
}

table.calendar th.monthName a {
  padding: 2px 7px 1px 7px;
}

table.calendar th.monthName a:hover {
  background-color: #E366C2;
}

table.calendar td.otherMonth {
  color: #E0E0E0;
}

table.calendar td.today {
  background-color: #FFCCCC;
  font-weight: bold;
}

table.calendar td.closed {
  background-color: #CCC;
}

table.calendar th .selected,
table.calendar td.selected {
  background:  #E366C2;
}

table.calendar th a.selected,
table.calendar td.selected a{
  color: #fff;
}

table.calendar a {
  text-decoration: none;  
}

div.sponsor {
  margin: 24px 0px 12px 0px;
}

div.sponsor img {
  margin: 0px 0px 6px 0px;
}


/* 不使用？ 


#eventCalendar .events{
  clear: both;
  margin-bottom: 12px;
  overflow: hidden;
   width: 560px;
}

#eventCalendar .event{
  clear: both;
  width: 560px;
  margin-bottom: 12px;
  overflow: hidden;
}

#eventCalendar .desctiption{
  width: 264px;
  margin-right: 20px;
  float: left;
}

#eventCalendar .dateSpan{
  margin-left: 288px;
}

#eventCalendar li.artist {
  text-decoration: none;
}
*/


.sponsor a.logo{
  background: none;
}

/* Event Admin */
.eventAdmin{
  margin-bottom: 48px;
}

.eventAdmin table th, .eventAdmin table td{
  background-color: #fff;
  font-weight: normal;
  font-size: x-small;
}


.eventAdmin table td.status{
  text-align: center;
}

.eventAdmin .bottomNavi{
  text-align: right;
  overflow: hidden;
  margin-top: 24px;
}

.errorExplanation p{
  margin-top: 12px;
}

.errorExplanation li{
  margin-left: 24px;
}


/* artist */

#artist .list .caption{
  margin-right: 20px;
  text-align: right;
  margin-bottom: 20px;
}

#artist .list li.left{
  clear: both;
  width: 300px;
  float: left;
}

#artist .list li.right{
  width: 300px;
  float: right;
}


#artist ul{
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 170%;
}

#artist .profile{
  overflow: hidden;
  width: 620px;
}

#artist .profile .portrait{
  width: 170px;
  float: left;
  margin-bottom: 20px;
}

#artist .profile .lead{
  margin-left: 195px;
  margin-bottom: 20px;
}

#artist .product{
  clear: both;
  overflow: hidden;
  width: 620px;
  margin-bottom: 20px;
}

#artist .product .photo{
  float: left;
  width: 300px;
} 

#artist .description{
  float: right;
  width: 300px;
}

#artist .caption{
  margin-bottom: 0;
  font-size: 100%;
} 

.artistFooterNavigation{
   position: relative;
   width: 640px;
}

#artistNavigation{
   right: 20px;
   top: 20px;
   text-align: right;
   position: absolute;
}

#artist .artistFooterNavigation p{
  margin-bottom: 20px;
}

#artist .artist_list{
  width: 620px;
  overflow: hidden;
  margin-bottom: 20px;
}

#artist li.first{
  float: left;
  width: 320px;
}

#artist li.second{
  float: right;
  width: 300px;
}

#artist #participatingEvents ul li .date{
  margin-left: 10px;
  font-size: 85%;
}


/* ticket  */

#ticket .usually{
 overflow: hidden;
  margin-bottom: 20px;
}

#ticket .usually .description{
	float: left;
	width: 300px;
	padding: 0 20px 0 0 ;
}

#ticket .usually .photo{
	float: right;
	width: 300px;
}

#ticket .description{
	float: left;
	width: 420px;
}

#ticket .photo{
	float: right;
}

#ticket .photo img{
	margin-bottom: 6px;
}

#ticket .samplePhoto{
  width: 620px;
  clear: both;
}

#ticket .credit{
	width: 175px;
	line-height: 140%;
	font-size: 85%;
}

#ticket .photo1, #ticket .photo2{
  width: 193px;
  margin-right: 20px;
  float: left;
  text-align: center;
}

#ticket .photo3{
  width: 193px;
  float: left;
text-align: center;
}


/* catalogue  */

#catalogue .description{
	float: left;
	width: 420px;
}

#catalogue .photo{
	float: right;
}

#catalogue .photo img{
	margin-bottom: 15px;
}


#catalogue .guide{
  margin-bottom: 10px;
}

#catalogue ul{
  margin-bottom: 30px;
}


/* press */
#pr ul.press{
  width: 620px;
  overflow: hidden;
  padding-left: 0;
  margin-left: 0;
}

#pr ul.press li{
  clear: both;
 margin-left: 0;
  width: 620px;
 padding: 0;
 list-style: none;
 overflow: hidden;
}


#pr ul.press li span.date{
 width: 120px;
 padding: 0;
 display: block;
 float: left;
}

#pr ul.press li span.body{
   width: 500px;
  display: block;
   float: right;
}

#pr ol{
  padding-left: 6px;
}


/* accreditation */
#accreditation .fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}

#accreditation #errorExplanation {
  width: 400px;
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #eeeeee;
}

#accreditation #errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 12px -7px;
  background-color: #c00;
  color: #fff;
}

#accreditation #errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#accreditation #errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#accreditation .notice {
	color: #ff0000;
}

#accreditation table td.label{
  font-weight: normal;
}

#accreditation table.admin-list,
#accreditation table.admin-detail{
  width: 100%;
  background: #CCC;
  margin-bottom: 20px;
}

#accreditation table.admin-list th{
  padding: 6px;
  background: #eee;
}

#accreditation table.admin-list td,
#accreditation table.admin-detail td{
  padding: 6px;
  background: #fff;
}


#accreditation table.admin-detail td.label{
  font-weight: bold;
  vertical-align: top;
  background: #eee;
  width: 160px;
}





/* contact */

#contact ul.address{
  margin-left: 0;
  list-style: none;
}

/* support */

#support table{
 width: 100%;
}

#support table td{
 width: 50%;
 padding-bottom: 40px;
}

#support a.logo{
  background: none;
  margin-left: 105px;
}

#support img.logo{
  background: none;
  margin-left: 105px;
}

#support .coname{
  margin-left: 20px;
}

#support a.url{
  margin-left: 20px;
}

#support ul{
  margin-left: 105px;
  line-height: 24px;
  list-style: none;
}

/* partner */
#partner img{
  vertical-align: middle;
  margin-right: 40px
}

#partner table{
 width: 620px;
}

#partner table td{
 vertical-align: bottom;
}


#partner table.double td{
 width: 50%;
 padding:0 30px 10px 0;
 
}

#partner table.triple td{
 width: 33%;
 padding:0 30px 10px 0;
}

#partner table.triple td.end{
 padding-right:0;
}

#partner a.logo{
  background: none;
}

#partner img{
  margin-bottom: 5px;
}

#partner ul{
  margin-left: 105px;
  line-height: 24px;
  list-style: none;
}

/* contact */

#archives .description{
	float: left;
	width: 420px;
}

#archives .photo{
	float: right;
}

#archives .photo img{
	margin-bottom: 6px;
}

#archives .credit{
	width: 175px;
	line-height: 140%;
	font-size: 85%;
}


/* blog parts */
.blogparts{
  width: 620px;
  overflow: hidden;
}

.blogparts #blogparts{
  float: left;
}

.blogparts textarea{
  width: 440px;
  height: 80px;
  float: right;
}

.blogparts .src{
    width: 620px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* search */
	
	#search h2{
	  margin-bottom: 40px;
	}
	
	#search .search{
	  margin-bottom: 20px;
	}
	
	#search .search form{
	  position: absolute;
	  width: 300px;
	  right: 20px;
	  top: 20px;
	}
	
	#search .search form .search-field{
	  width: 248px;
	  height: 16px;
	  border: 1px solid ccc; 
	  position: absolute;
	  color: #666;
	  left: 0;
	  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Helvetica, sans-serif;
	}


	#search .search form{
	  margin-bottom: 30px
	}

	#main #searchResult ol{
	  margin-left: 30px;
	  font-weight: bold;
	}

	#main #searchResult li{
	  margin-bottom: 20px;
	}

	#main #searchResult .snippet{
	  font-weight: normal;
	}

	#main #searchResult .uri{
	  color: #018E5B;
	   font-weight: normal;
	}
	
	#main #searchResult .highlighted {
	  background-color: #F9D3EF;
 	  padding: 1px 2px 1px 2px;
	}

	#main #searchResult #pagination{
	  height: 40px;
	  text-align: center;
	}
	
	#main #searchResult #pagination .num a{
	  padding: 2px;
	}
	
	#main #searchResult #pagination .num .active{
	  background: #BDAF85;
	  color: #fff;
	  padding: 2px;
	}
	


	#main #searchResult #pagination .next{
		position: absolute;
		right: 20px;
	}
	
	#main #searchResult #pagination .prev{
		position: absolute;
		left: 20px;
	}



.footnote{
  font-size: 85%;
  vertical-align: super;
    margin-left: 3px;
}

/*topics*/

#topics .photo{
	float: right;
	margin:0 0 6px 20px ;
}