@charset "utf-8";

/*============================================
 2010.05
 exhibition.css
============================================*/

/*============================================
  展覧会案内　トップ
============================================*/

/*	p
============================================*/
p.lead{
	margin-bottom:35px;
}

/*	subNavi
============================================*/
.subNavi{
	width:543px;
	float:left;
	margin-bottom:50px;
}
.subNavi ul{
	width:543px;
	float:left;
}
.subNavi ul li{
	float:left;
	display:inline;
	margin:0 10px 10px 0;
}
.subNavi ul li.right{
	margin-right:0;
}
.subNavi ul li a img{
	display:block;
}

/*	event
============================================*/
.event{
	clear:both;
}

/*============================================
  展覧会案内　過去の展覧会
============================================*/

/*	pastIndex
============================================*/
.pastIndex{
	width:543px;
	float:left;
	margin-bottom:25px;
}
.pastIndex li{
	width:60px;
	float:left;
	display:inline;
	margin:0 6px 10px 0;
}
.pastIndex li.right{
 width:92px;
	margin-right:0;
}
.pastIndex li a{
	display:block;
	padding:5px 3px 2px 15px;
	background:url(../../img/cmn_pankuzu_bg.gif) no-repeat 6px 6px;
	line-height:100%;
}
.pastIndex li a:link,
.pastIndex li a:visited,
.pastIndex li a:active{
	text-decoration:none;
}
.pastIndex li a:hover,
.pastIndex li a.on{
	display:block;
	background:url(../../img/cmn_pankuzu_bg_on.gif) no-repeat 6px 6px #bbbbbb;
	color:#ffffff;
	text-decoration:none;
}


/*	pastList
============================================*/
.pastList{
	width:543px;
	clear:both;
	margin-bottom:100px;
}
.pastList ul{
	clear:both;
	width:543px;
	float:left;
	padding:25px 0;
	border-bottom:#e6e2e2 1px solid;
}
.pastList h2{	padding:15px 0 15px 0;
	border-bottom:#e6e2e2 1px solid;}
	
.bottomList .pastList {
	margin-bottom:50px;}
	
.pastList li{
	float:left;
	display:inline;
	line-height:1.4;
}
.pastList li.img{
	margin-right:15px;
}
.pastList li.img img{
	margin-bottom:7px;
	padding:1px;
}
.pastList li.title{
	width:263px;
	margin-right:15px;
		line-height:1.6;
}
.pastList li.title p.tit{
	font-size:120%;
	font-weight:bold;
	margin-bottom:2px;
}
.pastList li.title p.day{
	color:#8a8a8a;
}
.pastList li.detailLink{
	width:115px;
}

.pastList li.title02{
	width: auto;
}
.pastList li.title02 p.tit{
	font-size:120%;
	font-weight:bold;
}
.pastList li.title02 p.day{
	color:#8a8a8a;
}
pastIndex li.right{
	width:88px;
	margin-right:0;
}
.pastList h2{
	padding:15px 0 15px 0;
	border-bottom:#e6e2e2 1px solid;
}
.bottomList .pastList{
	margin-bottom:50px;
}

/*============================================
  展覧会案内　過去の展覧会 詳細
============================================*/

/*	pastDetail
============================================*/
.pastDetail{
	width:543px;
	clear:both;
	margin-bottom:100px;
	line-height:250%;
}

	/*	key
	--------------------------------------------*/
	.pastDetail div.key{
		margin-bottom:25px;
		font-weight:bold;
	}

	.pastDetail div.key2{
		margin-bottom:0px;
		font-weight:bold;
		float:left;
		width:258px;padding-right:5px;
	}
		.pastDetail div.key2 img{ 
		border:none;
		}
		.pastDetail  div.key .text3{
		font-weight:normal;
		margin-top:5px;
		text-align:justify;}
		

	.pastDetail div.keyVartical{
	width:102px;
	float:left;
	margin:0 20px 20px 0;
		font-weight:bold;
	}		
	.pastDetail p.subtitle{
	padding-top:15px;
	margin-bottom:30px;
	}
	.pastDetail p.pastBtn{ 
	text-align:right;
	margin:15px 0;}
	
		.pastDetail div.key p.text3{
		margin-right:0px;}
		
	.pastDetail div.keyTxt{
	margin-bottom:25px;
	}
	.pastDetail div.keyTxt strong{
	font-size:134%;
}	
	/*	text
	--------------------------------------------*/
	.pastDetail div.text p{
		margin-bottom:25px;
		text-align:justify;
	}
	.pastDetail div.text2{
		clear:both;
		margin-bottom:35px;
	}
			.pastDetail div.key p.text4{
			margin:10px 0;
	padding:10px 0;
	border-top:#cccccc 1px dotted;
	border-bottom:#cccccc 1px dotted;}
	/*	picture
	--------------------------------------------*/	
	.pastDetail div.picture{
		width:543px;
		clear:both;
		float:left;
		margin-bottom:30px;
	}
	
		.pastDetail div.picture .mb10{		margin-bottom:10px;}
	.pastDetail div.picture div.pictureL{ float:left; }
	.pastDetail div.picture div.pictureR{ float:right; }
	
	.pastDetail div.picture div.pictureL,
	.pastDetail div.picture div.pictureR{
		width:258px;
	}
	.pastDetail div.picture div.pictureL3{
	 float:left; 
		width:160px;
		margin-right:20px;}	
		.pastDetail div.picture div.pictureL4{
	 float:left; 
		width:180px;
		margin-right:20px;}	

	.pastDetail div.picture img{
		margin-bottom:5px;
	}
	.pastDetail div.picture ul{
		line-height:1.6;
		color:#333333;
		text-align: left;
		margin-bottom:10px;
		font-size:90%;
	}
	
		/*	pictureR
	--------------------------------------------*/	

	
	.pastDetail div.picture div.pictureL2,
	.pastDetail div.picture div.pictureR2{
		width:100%;
		}
			.pastDetail div.picture div.pictureLeft{
		float:left;
		padding:2px 20px 0 0px;}
			.pastDetail div.picture div.pictureLeft ul{
			padding:6px 0 0 3px;}
		
		
	.pastDetail div.picture div.pictureRight{
		float:right;
		padding:2px 0 0 20px;}
			.pastDetail div.picture div.pictureRight ul{
			font-size:87%;
			padding:0px 0 0 3px;}
			.pastDetail div.picture div.pictureRight ul.marge0{
			margin:-2px 0 0 0px;}
	.pastDetail div.picture p.title{
		margin-bottom:15px;
		padding:5px 10px 3px;
		background:#e6e2e1;
		font-weight:bold;
		line-height:1em;
	}	
	.pastDetail div.picture p.title span{
	font-weight:normal;
}
		.pastDetail div.picture p.text3{
	padding:0 10px;}
	.pastDetail div.picture ul.profile{
	clear:both;
	border-left: #e6e2e1 5px solid;
	margin:10px 10px 15px 10px ;
	padding-left:10px;
	color: #333333;}

		.pastDetail div.picture p.text4{
	line-height:1.6;
	font-size:90%;
	padding:30px 10px;}

		.pastDetail div.picture table.profile{
	clear:both;
	font-size:10px;
	border-left: #e6e2e1 5px solid;
	margin:10px 10px 15px 10px ;
	padding-left:10px;
	color: #333333;
	line-height:1.6;}
	
	.support{
	padding-left:10px;
	}
	.support dt{
	float:left;
	width:30px;
	padding-bottom:2px;
	}
	.support dd{
	float:left;
	width:210px;
	padding-top:2px;
	}
	.support dd img{
	display:block;
	}
	
	.tit2007{
	margin-left:10px;}
	/*	aboutArtist
	--------------------------------------------*/
	.pastDetail div.aboutArtist{
		width:543px;
		clear:both;
		float:left;
		margin-bottom:25px;
	}
	.pastDetail div.aboutArtist div.aboutArtistL{ float:left; }
	.pastDetail div.aboutArtist div.aboutArtistR{ float:right; }
	
	.pastDetail div.aboutArtist div.aboutArtistL,
	.pastDetail div.aboutArtist div.aboutArtistR{
		width:261px;
	}
	.pastDetail div.aboutArtist ul{
		line-height:1.6;
		color:#333333;
	}
	
		/*	history
	--------------------------------------------*/
.profileList{
clear:both;
	border-left: #e6e2e1 5px solid;
	margin:10px;
	padding-left:10px;
	color: #333333;
	line-height:160%;}

.profileList dl.history dt{
clear:both;
width:30px;
float:left;}
.profileList dl.history dd{
margin-left:30px;}

	.profileList dl.history2 dt{
clear:both;
width:40px;
float:left;}
.profileList dl.history2 dd{
margin-left:40px;}
		
	/*	textlink arrow
	--------------------------------------------*/
	.schedule .textLink {
 margin-bottom:6px;}
.schedule .textLink a{
	padding-left:15px;
	background:url(../../img/cmn_icon_arrow.gif) no-repeat 0 0;
}
.sceneLink {
clear:both;
 padding-top:0px;}
.sceneLink a{
	padding-left:15px;
	background:url(../../img/cmn_icon_arrow.gif) no-repeat 0 0;
}
	
	.franceLogo{
	position:absolute;
	clear:both;
	text-align:right;
	margin:-50px 0 0 0;
	left: 434px;
	top: 101px;
}
	
	/*	schedule
	--------------------------------------------*/
	.pastDetail div.schedule{
		width:543px;
		clear:both;
		float:left;
		margin-bottom:35px;
	}
	.pastDetail div.schedule p.title{
		margin-bottom:12px;
		padding:5px 10px 3px;
		background:#e6e2e1;
		font-weight:bold;
		line-height:1.2em;
	}
	p.title span.sq{
	font-size:150%;
	}
	.pastDetail div.schedule p.text{
		margin-bottom:12px;
	}
	.pastDetail div.schedule dl{
		width:543px;
		float:left;
		line-height:1.6;

	}
	.pastDetail div.schedule dl dt{
		clear:both;
		width:45px;
		float:left;
	}
	.pastDetail div.schedule dl dd{
		width:498px;
		margin-left:45px;
		_margin-top:-1.6em;
	}

	
	.pastDetail div.position{
	position:relative;}
	.pastDetail div.schedule dl dt.wide{
		width:50px;
		float:left;
	}
	.pastDetail div.schedule dl dd.wide{
		width:482px;
		float:left;
	}
	.pastDetail div.schedule dl.wide2 dt{
		width:70px;
		float:left;
	}
	.pastDetail div.schedule dl.wide2 dd{
		width:462px;
		float:left;
	}
	.pastDetail div.schedule .history{
	float:left;
	padding-bottom:15px;
	}
	.pastDetail div.schedule .historyLast{
	clear:both;
	}	
	
	.pastDetail div.schedule table.def{
	width:auto;
	border-top:none;
	border-left:none;
	border-right:none;
}
	.pastDetail div.schedule table.def td{
	padding:0px 5px 0px 0px;
	border-bottom:none;
	vertical-align:top;
	line-height:1.6;}
	.pastDetail div.schedule table.def td.name{
	padding:0px 10px 0px 0px;
	border-bottom:none;
	vertical-align:top;
	line-height:1.6;}


	/*	schedule Table
	--------------------------------------------*/
	
	.pastDetail div.schedule table {
	width:543px;
	border-top:#cccccc 1px dotted;
	border-left:#cccccc 1px dotted;
	border-right:#cccccc 1px dotted;
	}
	
	.pastDetail div.schedule table th{
 width:165px;
	padding:0 2px;
	border-bottom:#cccccc 1px dotted;
	vertical-align:top;
	text-align:left;
	background: url(../img/exb_bg_01.gif) no-repeat 2px bottom;}

	.pastDetail div.schedule table th span{
	padding:7px 5px;
	border-top:#ffffff 2px solid;
	display:block;
}
	.pastDetail div.schedule table td{
	padding:7px 5px 7px 12px;
	border-bottom:#cccccc 1px dotted;
	vertical-align:top;
	line-height:160%;}
	
	

	.pastDetail div.schedule table.detailTable {
	width: auto;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:0 0 20px 0;
	}
	.pastDetail div.schedule table.detailTable td{
	padding:0 10px 0 0;
	border-bottom:none;
	vertical-align:top;
	line-height:160%;}

	.pastDetail div.picture table.detailTable {
	width: auto;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:0 0 20px 0;
	}
	.pastDetail div.picture table.detailTable td{
	padding:0 10px 0 0;
	border-bottom:none;
	vertical-align:top;
	line-height:160%;}
	
	
	/*	schedule
	--------------------------------------------*/
	.pastDetail div.mgB0{
		margin-bottom:0;
	}
	
	.dotLine{
	font-weight:normal;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	}
	.dotLine2{
	width:420px;
	margin:0 0 0 0;
	float:right;
	font-weight:normal;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	}
	.dotLine3{
	font-weight:normal;
	border-bottom:1px dotted #666666;
	}
	
/*============================================
  展覧会案内　今後の展覧会
============================================*/

/*	future
============================================*/
.future{
	margin-bottom:100px;
}
.future p.title{
	margin-bottom:12px;
	padding:5px 10px 3px;
	background:#e6e2e1;
	font-weight:bold;
	line-height:1em;
}
.future p{
	margin-bottom:10px;
	line-height:250%;
}

.future table.detailTable {
	width: auto;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:0 0 20px 20px;
}
.future table.detailTable td{
	padding:10px 20px 0 0;
	border-bottom:none;
	vertical-align:top;
	line-height:160%;
}


/*============================================
  展覧会案内　イベント
============================================*/

/*	event
============================================*/
.eventPage{
margin-bottom:200px;}

.pdf{
clear:both;
padding:10px 0;}

/*============================================
  椿会メンバーの遷移
============================================*/

/*	member
============================================*/
.member{
	width:543px;
	clear:both;
	margin-bottom:100px;
	line-height:250%;
}
.member table{
	width:543px;
	border-top:#cccccc 1px dotted;
	border-left:#cccccc 1px dotted;
	border-right:#cccccc 1px dotted;
}
.member table th{
	width:165px;
	padding:0 2px;
	border-bottom:#cccccc 1px dotted;
	vertical-align:top;
	text-align:left;
	background:url(../img/exb_bg_01.gif) no-repeat 2px bottom;
}
.member table th dl{
	padding:5px 5px;
	border-top:#ffffff 2px solid;
}
.member table th dl dt{
	margin-bottom:5px;
}
.member table th dl dd{
	font-weight:normal;
}
.member table th dl dd.pdL{
	padding-left:30px;
}
.member table th dl dd.pdL_e{
	padding-left:5px;
}
.member table td{
	padding:10px 5px 7px 12px;
	border-bottom:#cccccc 1px dotted;
	vertical-align:top;
	line-height:160%;
}
.member table td dl{
	margin-bottom:15px;
}
.member table td dl dd{
	margin-bottom:10px;
	padding-left:10px;
}


/*============================================
  展覧会案内　カタログ
============================================*/
.book{
	width:543px;
	clear:both;
	float:left;
	margin-bottom:100px;
}
.book div.bookList{
	width:543px;
	float:left;
	margin-bottom:200px;
	padding-bottom:23px;
	border-bottom:#e6e2e2 1px solid;
}
.book div.bookList img{
	float:left;
}
.book div.bookList dl{
	width:395px;
	float:right;
}
.book div.bookList dl dt{
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
}
.book div.bookList dl dd{
	line-height:140%;
}
.book div.bookList dl dd.detail{
	margin-bottom:15px;
	color:#8a8a8a;
}
.book div.bookList dl dd span{
	display:block;
	padding-top:5px;
}