@charset "utf-8";
/* ===================================================================
	topics
=================================================================== */


/*----------------------------------------------------------------------
	1.import
----------------------------------------------------------------------*/
/* 共通 */
@import "base.css";


/*----------------------------------------------------------------------
	2.layput
----------------------------------------------------------------------*/

/*===================================================================

堂島リバービエンナーレ2009「リフレクション：アートに見る世界の今」

/topics/index.html

===================================================================*/

/* #main */
body#biennale2009 { background: #FFFFFF; color: #000000; }
body#biennale2009 #container { padding-top: 65px; font-size: 109%; color: #231815; }
body#biennale2009 #container h1 { margin-bottom: 23px; }
body#biennale2009 #container h2 { margin-top: 19px; padding-bottom: 4px; }

body#biennale2009 #main { padding: 68px 0 0 0; }
body#biennale2009 #main div { margin: 18px 0 36px 0; color: #8C8C8E; }

body#biennale2009 #main a.link img { vertical-align: middle; }
body#biennale2009 #main a.pia img { vertical-align: middle; padding: 3px 0; }

body#biennale2009 .back { margin-top: 60px; }


/*===================================================================

渋×黒 OSAKA SPECIAL SESSION

/topics/shibukuro.html

===================================================================*/

body#shibukuro #container { padding:0; }

body#shibukuro #visual { text-align: center; }
body#shibukuro h2 { margin: 7px 0 26px 0; }


body#shibukuro div.about h3 {
	padding: 30px 0 22px 0;
}
body#shibukuro div.about p.t10 { margin-top: 10px; }


body#shibukuro div.info { margin-top: 46px; position: relative; height: 340px; }
body#shibukuro div.info dl { line-height: 1; width: 440px; }
body#shibukuro div.info dt { margin-top: 24px; margin: 24px 0 10px 0; }
body#shibukuro div.info dd { margin-bottom: 6px; }
body#shibukuro div.info dd img { line-height: 0; }
body#shibukuro div.info p.ph { position: absolute; right:0; top: 0; }
body#shibukuro div.info span { color: #e4007f; }

body#shibukuro div.profile { margin-top: 20px; }
body#shibukuro div.profile h4 { padding: 30px 0 18px 0; }
body#shibukuro div.profile p.ph { margin-top: 20px; }

body#shibukuro div.profile p.kuroda { position: absolute; }
body#shibukuro div.profile dl { padding-left: 250px; width: 500px; overflow: hidden; margin-bottom: 56px; }
body#shibukuro div.profile dl dt { float: left; clear:both; width: 45px; margin-right: 5px;}
body#shibukuro div.profile dl dd { float: left; width: 450px; }



/*===================================================================

summerlive

/topics/summerlive.html

===================================================================*/
body#summerlive {
	background: #FFF;
	color: #000;
}
body#summerlive h1 { margin-bottom: 46px; }
body#summerlive h2 { margin-bottom: 20px; }
body#summerlive p.t10 { margin-top: 12px; }

body#summerlive div.section {
	margin-bottom: 46px;
	width: 750px;
	overflow: hidden;
}
body#summerlive div.section div.left {
	width: 364px;
	float: left;
	margin-right: 20px;
	margin-bottom: 18px;
}
body#summerlive div.section div.right {
	width: 365px;
	float: left;
	margin-bottom: 18px;
}
body#summerlive div#info div.left,
body#summerlive div#info div.right { margin-bottom: 0; }

body#summerlive div#info div.left { width: 515px; }
body#summerlive div#info div.right { width: 215px; }

body#summerlive #info h3 { margin-bottom: 10px; }
body#summerlive #info dl {
	position: relative;
	margin-bottom: 20px;
}
body#summerlive #info dl dt {
	position: absolute;
	left: 0;
	width: 60px;
}
body#summerlive #info dl dd {
	padding-left: 60px;
}
body#summerlive #info div.right ul { margin-top: 20px; line-height:0; }
body#summerlive #info div.right ul li { margin-bottom: 10px; }

body#summerlive #ticket dl { line-height: 0; }
body#summerlive #ticket dt { margin-top: 20px; }
body#summerlive #ticket dd { margin-top: 8px; }

body#summerlive #ticket dd.eplus {
	position: relative;
	padding-left: 68px;
}
body#summerlive #ticket dd.eplus p.txt {
	position: absolute;
	left: 0;
}
body#summerlive #ticket dd.eplus p { margin-bottom: 8px; }



body.popup #container { padding-top: 30px; }


/*===================================================================

bilili

/topics/bilili.html

===================================================================*/

body#bilili #page{background:url(../topics/img/bilili/bg_header_bilili01.jpg) top left repeat-x;}
body#bilili #container{padding:30px 0;}

body#bilili #main_visual{
	width:880px;
	height:535px;
	position:relative;
	text-align:left;
	margin:0 auto;
	background:url(../topics/img/bilili/bg_topics_bilili01.jpg) top center no-repeat;
}
body#bilili #main_visual h1{top:18px;left:135px;position:absolute;}
body#bilili #main_visual p.detail{top:491px;left:65px;position:absolute;}
body#bilili #main_visual p.support{top:509px;left:571px;position:absolute;}

body#bilili .section{margin-bottom:50px;}

body#bilili .section p.txt01{margin-top:25px;}
body#bilili .section p.txt02{margin-top:20px;}

body#bilili .section a{text-decoration:underline;}

body#bilili #credit {margin-top:20px;}
body#bilili #credit li{text-indent:-3em;margin-left:3em;}


body#bilili #info dl {position: relative;margin:25px 0 15px 0;}
body#bilili #info dl dt {position: absolute;left: 0;width: 60px;}
body#bilili #info dl dd {padding-left: 60px;}

body#bilili #ticket {position:relative;}
body#bilili #ticket dl {margin-top:25px;}
body#bilili #ticket dt {margin-top:20px;height:25px;}
body#bilili #ticket dd {height:18px;}
body#bilili #ticket #qr_code {position:absolute;top:44px;right:0;}

body#bilili #ticket .jcv {margin-top: 24px;}

body#bilili .left{width:365px;float:left;}
body#bilili .right{width:365px;float:right;}
body#bilili .mb_10{margin-bottom:10px;}
body#bilili .mb_25{margin-bottom:25px;}

body#bilili #staff h3{font-weight:normal;margin-top:20px;}
body#bilili #staff p{margin-bottom:5px;}
body#bilili #staff .link_bilili{margin-top:15px;}
body#bilili #staff .link_bilili p{margin-top:6px;}

body#bilili #support_link{margin-top:50px;}
body#bilili #support_link li{margin-right:15px;display:inline;}