@charset "utf-8";
/* CSS Document */

* {  padding:0px; margin:0px; }
body { background-color: #000; color:#929497; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { border:0px; vertical-align:bottom;}

#flashcontent {	left:0px; top:0px; width:720px; margin:0px; }

/* オフタイム中に表示させるシンボル（　）。hmenu.xmlのontimeMenus@active="0"を指定すると出現 */

#offtime-symbol{ margin-left:72px; display:none; }

/*
------------------

 .clearfix

------------------
*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* ------------------------------------------------------------------------------------------------------- prototype */

.v-middle{ display:table-cell; vertical-align:middle;}
/* IE 6 */ * html .v-middle{ display:inline; zoom:1;}
/* IE 7 */ *:first-child+html .v-middle{display:inline;zoom:1;}

.serif{ font-family:"HGP明朝B", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif; }
.btn:hover{ opacity:0.5; cursor:pointer; }
.container{ width:980px; margin:10px auto 0px auto; }
.leftbox{ width:116px; float:left; }
.rightbox{ width:864px; float:left; }

.normalBox{ background-color:#231f20;padding:2px; }
.cornerBox{ background-color:#231f20;background-image:url(images/common/corner.gif);	background-repeat:no-repeat;background-position:right bottom;}
.cornerBox_gray{ background-color:#181717;background-image:url(images/common/corner_gray.gif);	background-repeat:no-repeat;background-position:right bottom;}

/* ------------------------------------------------------------------------------------------------------- ymenu */

.ymenu{ margin-left:10px; width:106px; height:530px; float:right; }
	.ymenu_main{ width:86px; margin-top:13px; margin-bottom:10px; border-right:1px solid #333333; float:left; }
		.ymenu_btn_main{  }
	.ymenu_markerBox{ margin-top:13px; }
		.ymenu_marker{ margin:48px 0px 0px 7px; } 
		*html .ymenu_marker{ margin:48px 0px 0px 4px; } /* IE6 */
	.ymenu_sub{ margin-left:8px; }
	
	#ymenu_upda{ cursor:pointer; }

/* ------------------------------------------------------------------------------------------------------- hmenu */

.hmenu{ width:864px; height:48px;}
	.hmenu_ontime{ width:574px; margin-top:4px; float:left; visibility:hidden; }
		.hmenu_btn_ontime{ border-right:1px solid #333333; float:left; }
	div#hmenu-top-cont{ width:278px; height:27px; float:left; position:relative; margin:9px 0 0 7px; }
		img#btn-access, img#btn-prpoli, img#copyright, img#logo-top{ position:absolute; }
		img#btn-access{ top:4px; left:0; }
		img#btn-prpoli{ top:4px; left:51px; }
		img#copyright{ top:18px; left:0; }
		img#logo-top{ top:0; left:146px; }

/* ------------------------------------------------------------------------------------------------------- Main Contents */
.mainArea{ position:relative; height:auto; background-color:#000; }
.main{ width:784px; position:absolute; top:0; left:20px; overflow:hidden; padding-top:40px; }
	.content{  }

.barBox{ position:absolute; left:804px; }
#slider { }

.shoulder{ position:absolute; left:844px; width:20px; text-align:right;}

.pagetop{ float:right; margin-top:10px; }
.pagetop:hover{ cursor:pointer; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

/* ------------------------------------------------------------------------------------------------------- Top */

.top_kakko{ position:relative; top:-40px; left:35px; z-index:100; }
.container_top{ width:580px; margin:-40px 0px -460px 105px; text-align:center; position:relative; z-index:0; top:-460px; }
.top_theme{ margin:100px 0px 130px 0px; }
.top_logo{ margin:100px 0px; }
.top_sectionTitle{ padding:80px 0px 40px 0px; }
.top_program{ margin:25px 0px; }
.top_exhibition{ margin:10px 0px; }
.top_smallTitle{ margin:60px 0px 20px 0px; }
.top_artist{ margin:2px 0px; }
.top_thanks{ margin:3px 20px; }
.top_hr{ padding:20px 0px;}
.top_credit_title{ margin-bottom:20px;}
.top_credit_bottom{ margin-bottom:40px; }
.top_credit{ margin-bottom:10px; }
/* ------------------------------------------------------------------------------------------------------- Festival Information*/

.info_menuBox{ position:absolute; width:200px; z-index:2; }
.info_menuBtn{ border-top:1px solid #333; cursor:pointer; }

.container_info{ margin-left:40px; }
.info_main{ width:515px; margin-left:200px; overflow:hidden; }

.info_ttl{ height:25px; font-size:20px; letter-spacing:2px; line-height:25px; color:#FFF;
		   margin-bottom:20px; margin-left:-10px; padding-left:10px; padding-bottom:4px;
		   border-left:2px solid #000; border-bottom:1px dotted #808080;}
.info_ttl p{ float:left; }
.info_ttl span{ font-family:'Roboto'; font-size:12px; padding-left:10px; line-height:20px; }

	/* 2016用ティザークラス */
	#teaser2016-teaser-top{ margin-left:20px; }
	.teaser2016-btn{ text-align:center; padding-bottom:40px; }
		.teaser2016-btn a:hover{ cursor:pointer; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
	.info_access2016{ margin-bottom:30px; }
		.info_access2016 div{ font-size:18px; letter-spacing:1px; line-height:25px; color:#FFF;
				   margin-bottom:5px; margin-left:-10px; padding-left:10px; padding-bottom:4px;}
		.info_access2016 li{ font-size:12px; line-height:18px; margin-bottom:7px; list-style:none; }
		.info_access2016 p{ border: thin dotted #808080; padding: 0 4px; display: table; color:#ccc; }
		.info_access2016 div span, .info_access2016 li span, .info_access2016 p span{ font-family:'Roboto'; }


.info_body{ }
.info_body a:link, .info_body a:visited, .info_body a:active, .body_en a{ background-color:#444; color:#CCC; padding:1px 4px; text-decoration:none; }
.info_body a:hover, .body_en a{ background-color:#888; color:#FFF; padding:1px 4px; text-decoration:none; }

.body_jp{ font-size:13px; letter-spacing:1px; line-height:23px; }
.body_jp p{ margin-bottom:15px; }
.body_en{ font-size:12px; letter-spacing:0px; line-height:18px; }
.body_en p{ margin-bottom:10px; }
.info_tbl{ margin:10px; border-spacing:0px; line-height:18px;border-bottom:1px solid #333333; }
.info_tbl th{ width:120px;  vertical-align:top; text-align:left; padding:4px; border-top:1px solid #333333;border-left:1px solid #333333;}
.info_tbl td{ vertical-align:top; text-align:left; padding:4px; border-top:1px solid #333333;border-left:1px solid #333333;border-right:1px solid #333333;}

.info_notice{ color:#c00; padding:10px; }
.info_tokyo{margin:10px; padding:20px; border:1px solid #333333; font-size:11px; line-height:17px;}
.info_script{ font-size:12px; line-height:18px; letter-spacing:1px; color:#808080; margin-top:-10px; margin-left:12px;}

/* ------------------------------------------------------------------------------------------------------- UPDATE */

.container_update{ 	width:640px; margin:0px 30px 0px 63px; letter-spacing:1px; }

.update_date{ height:16px; padding:2px 0px 2px 10px; color:#FFF; font-size:14px;  font-family:'Roboto'; border-left:2px solid #FFF; border-bottom:1px dotted #929497; }
.update_date span{ float:left; }
.update_date .pagetop{ margin-top:2px; }
.update_title{ font-size:16px; margin:15px 0 10px 0; color:#FFF; line-height:24px; }

.update_box{ padding:10px; }
.update_box h2{ font-size:14px; padding:10px 0px 10px 0px;}
.update_box p{ font-size:12px;  margin:10px 0; line-height:20px;}
.update_box ul{ padding:5px 0px;}
.update_box li{ font-size:12px; line-height:20px; margin-left:10px; margin-bottom:5px; list-style:circle;}
.update_box a:link, .container_update a:visited, .container_update a:active{ color:#FFF; text-decoration: underline;}
.update_box a:hover{ color:#FFF; text-decoration: underline; }

.container_update hr{ clear:both; visibility:hidden; padding:20px 0px; }


/* ------------------------------------------------------------------------------------------------------- List */

/* コンテナ */
.container_artists{ 	width:640px; margin:-40px 30px 0px 83px; }
.container_bySection{ 	width:640px; margin:-40px 30px 0px 83px; }
.container_byDate{ 		width:640px; margin:-40px 30px 0px 83px; }

/* アーティスト別　ABCインデックス */
.artists_index{ 		clear:left; width:640px; padding-top:40px; height:36px;
						font-family:'Roboto'; font-weight:bold; font-size:30px;
						border-bottom:1px dotted #666666; }
								
/* セクション別 - セクションタイトル＋説明 */
.hr_pltBox			{ 	clear:left; width:640px; padding-top:40px;}
.hr_pltBox img      {	max-width:560px; }

.hr_plt_body_jp		{	clear:left; width:640px; padding:10px 0px; 
						font-size:12px; letter-spacing:1px; line-height:18px;
						border-top:1px dotted #666666; }
.hr_plt_body_en		{	clear:left; width:640px; padding:0 0 10px 0; 
						font-family:'Roboto';font-size:12px; margin-bottom:20px;}

/* 日程別 - 日程 */
.hr_date			{ 	clear:left; width:640px; padding-top:40px; height:36px;
						font-family:'Roboto'; letter-spacing:1px; font-weight:bold; font-size:30px;
						border-bottom:1px dotted #666666; }
/* 日程別 - セクションタイトル */
.hr_pltBox_s		{	clear:left; padding:20px 0px 5px 0px; }




/* アーティスト別　アーティスト*/
.artistLine{ padding:10px 0px; clear:left;min-height:84px;}
		
	.artistBox{ width:405px; float:left; cursor:pointer; }
		.artistBox img{ padding:2px; float:left; }/* アーティストサムネイル */
		.artist_ttlBox{ float:left; width:290px; }

.exCont{ width:315px; float:left; margin:0px 5px 5px 0px; cursor:pointer;}
	.exBox{ width:310px;}/* Exhibition用（セクション別・日程別で使用） */
		.exBox img{ padding:2px; float:left; }/* アーティストサムネイル */
		.exBox_ttlBox{ float:left; width:200px; }


.programLine{ clear:left; width:640px; min-height:84px; cursor:pointer; padding-bottom:5px; display:inline-flex; }

/* IE 6 */ * html .programLine{ margin-bottom:5px; }
/* IE 7 */ *:first-child+html .programLine{ margin-bottom:5px; }
	.programBox{ width:435px; min-height:80px; float:left; margin:0px 2px 0px 0px; display:table-cell;}
		.programBox img{ padding:2px; float:left; height:80px; }
		.program_ttlBox{ float:left; width:325px; }
		
			.list_ttl_jp{ padding: 8px 0px 2px 10px; color:#DDDDDD; font-size:14px; line-height:20px; letter-spacing:1px; }
			.list_ttl_en{ padding: 0px 0px 0px 10px; color:#808080; font-family:'Roboto'; font-size:10px; letter-spacing:1px;}

	.dateBox{ width:195px; float:left; min-height:74px; padding-bottom:10px; }
			.list_date_h84 { float:left;}
			.list_date{ padding:8px 0px 0px 10px; color:#808080; font-family:'Roboto'; font-size:12px; letter-spacing:1px; }
	.list_notice{ clear:both; color:#800; height:18px; font-size:12px; border:1px solid #660000; text-align:center; margin-bottom:10px; padding-top:4px; }

	.platformBox{ width:235px; float:left; }/* Artist一覧でのプラットフォームボックス */
		.platform{ margin-left:5px; padding-bottom:3px; margin-bottom:1px; }
		.platform:hover{ cursor:pointer; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
		
			.list_plt_jp{ padding:6px 0px 1px 6px; color:#DDDDDD; font-size:14px; letter-spacing:1px; }
			.list_plt_en{ padding:0px 0px 2px 6px; color:#808080; font-family:'Roboto'; font-size:9px; }


.detail_header{ width:680px; background-color:#231f20;border-bottom:1px dotted #444; }
			
/* プロフィール */

.container_prof{ width:680px; margin:0px 30px 0px 50px; color:#CCC; }
.prof_ttlBox{ width:680px;background-color:#231f20; margin-bottom:2px;}
	.prof_thumb{ float:left; padding:36px 56px 36px 36px; }
	.prof_nameBox{ padding:36px; }
		.prof_name_jp{ color:#DDDDDD; font-size:18px; line-height:22px;}
		.prof_name_en{ color:#808080; font-size:14px; line-height:16px; font-family:'Roboto'; }
		.prof_title{ color:#808080; font-size:10px; font-weight:bold; line-height:40px; }
		.prof_nameBox a:link, .prof_nameBox a:visited, .prof_nameBox a:active{ padding: 20px 0px 0px 0px; color:#808080; font-size:10px; font-weight:bold; font-family:'Roboto';line-height:30px;  }
	/*.platformLink img{ padding:4px 36px 4px 36px;}*/
	
.prof_bottom{ clear:left; width:680px; background-color:#231f20; padding-top:10px; }
	.prof_leftBox{ width:220px; float:left;}
		.prof_leftBox .platform{ width:190px; background-color:#181717; border-top:1px dotted #333; margin:0px 0px 5px 10px; cursor:pointer; }
	.prof_rightBox{ width:440px; float:left;  }
		.prof_rightBox .body_en{ margin-top:10px; }
	.prof_footer{ clear:left; width:680px; padding-top:20px; text-align:right; }
	
	
/* プログラム詳細 */
.container_pg{ width:680px; margin:0px 30px 0px 50px; color:#CCC; }
.pg_ttlBox{ width:680px;background-color:#231f20; margin-bottom:2px;}
	.pg_thumb{ float:left; padding:36px 56px 36px 36px; }
	.pg_nameBox{ padding:36px; }
		.pg_name_jp{ color:#DDDDDD; font-size:16px; line-height:22px; letter-spacing:1px; }
		.pg_name_en{ color:#808080; font-size:14px; line-height:16px; font-family:'Roboto'; }
.pg_bottom{ clear:left; width:680px; background-color:#231f20; padding-top:10px;}
	.pg_leftBox{ width:180px; float:left; padding:0 0 0 10px; }
	.pg_leftBox a:link{ text-decoration:none; }
		.pg_notice{ width:166px; padding:6px; font-size:10px; font-weight:bold; border:1px solid #333;}
		.pg_smallTtl{ color:#DDDDDD; font-size:16px; line-height:16px; font-family:'Roboto'; margin-bottom:10px; }
		.pg_date{ color:#808080; font-family:'Roboto'; font-size:14px; letter-spacing:1px; }
		.pg_place{color:#808080; font-family:'Roboto'; font-size:14px; }
		.artistLink{ width:180px; height:137px; padding:1px; border-top:1px dotted #555;cursor:pointer; display:table-cell;}
		.artistLink img{ margin:4px 0 4px 26px;}
		.artistLink_jp{color:#DDDDDD; font-size:10px; line-height:12px;padding:2px;text-align:center;}
		.artistLink_en{color:#808080; font-size:10px; font-family:'Roboto'; line-height:12px;padding:2px;text-align:center;}
		.relateLink{width:180px; height:46px; padding:1px;border-top:1px dotted #333;cursor:pointer; }
		.relateLink_jp{color:#DDDDDD; font-size:10px; line-height:10px;padding:2px;}
		.relateLink_en{color:#808080; font-size:10px; line-height:10px;padding:2px;}
		
	.pg_rightBox{ width:440px; float:left; padding:0 10px 0 30px; }
	.pg_rightBox a:link, .pg_rightBox a:visited, .pg_rightBox a:active{ background-color:#A8A896; color:#000; padding:1px 4px; text-decoration:none; }
	.pg_rightBox a:hover{ background-color:#fff; color:#000; padding:1px 4px; text-decoration:none; }
	.pg_footer{ clear:left; width:680px; padding-top:20px; text-align:right; }

.languageBar{height:15px;}

.btn_jp{ float:right;cursor:pointer; }
.btn_en{ float:right;cursor:pointer; }

/* 改行クラス 2011.01.06 added */
.blankReturn{ clear:both; line-height:0; }

/* body_jp, body_en 内で使用するキャプション 2011.01.06 added */
.caption{ font-size:10px; color:#999; line-height:12px; margin:5px 0 20px 0; }

/* 戻るボタン */
.btn_back{ cursor:pointer; text-align:center; margin-bottom:5px; background-color:#333; color:#fff; padding-top:4px; text-decoration:none; font-family:'Roboto'; letter-spacing:2px; font-size:12px; height:20px;}

/* ロールオーバー */
.programLine:hover, .exCont:hover, .artistBox:hover, .artistLink:hover, .relateLink:hover, .btn_back:hover, .info_menuBtn:hover{ opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; }
	
/* ------------------------------------------------------------------------------------------------------- jQueryUI */

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 40px; height: 100px; cursor: pointer; background-image:url(../images/common/diagonal_blk.gif); }