@charset "UTF-8";
/*##### コレクションページCSS(perm.html) #####*/

/* 左 */
#permLeftArea{
	padding:20px 20px 0 0;
	width:550px;
	float:left;
}

iframe #authorArea{
	width:550px;
	height:1500px;
	border:none;
}

h1#pageTitle3{
	font-weight:bold;
	padding:8px 0 6px 10px;
	margin-bottom:7px;
	background:#000;
	color:#FFF;
}


/*       常設展示情報の差し込み部分 */

body#permRightArea { 
	width: 320px;
	background: #FFF;
	margin: 0 auto; 
	text-align: left;
} 


h2.permTitle{
	border-bottom:1px #000 solid;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:5px;
	font-size:120%;
}
h2.permTitle a{
	text-decoration:none;
	color:#333;
}
h2.permTitle a:hover{
	color: #069;
}

.permText{
	padding:0 0 20px 10px;
}

.authorImg{
	float:left;
	width:250px;
	margin:10px 20px 15px 10px;
	border:1px solid #999;
}
.authorData{
	float:left;
	width:268px;
	padding-top:10px;
}
.authorData .name{
	font-weight:bold;
	padding:5px 0 0 0;
	font-size:220%;
}
.authorData .ename{
	font-weight:bold;
	padding:10px 0 15px 0;
	font-size:140%;
}
.authorData .outline{
	padding-bottom:15px;
	line-height:150%;
}


.permWorksArea{
	padding:0 0 20px 10px;
}

.permWork{
	float:left;
	padding:14px;
	width:152px;
	height:152px;
}

.permWork a img{
	border:1px solid #999;
}

/* 右 */
#rightArea{
	padding:20px 10px 0 0;
	width:310px;
	float:left;
}

h2#permRightTitle1{
	background: transparent url("../img/permRightTitle1.gif") 0 0 no-repeat;
	width:310px;
	height:23px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
}

.block{
	padding:0 0 30px 10px;
	line-height:150%;
}

.block h3{
	font-weight:bold;
	border-bottom:1px #000 dotted;
	margin-bottom:10px;
}
.block h4{
	font-size:90%;
	font-weight:bold;
}
.block .exp{
	font-size:90%;
	margin-bottom:5px;
}

h2#permRightTitle2{
	background: transparent url("../img/permRightTitle2.gif") 0 0 no-repeat;
	width:310px;
	height:23px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
}

#permScd{
	padding:0 0 20px 10px;
	line-height:150%;
	font-size:90%;
}

#blueBg{
	background:#e8eefe;
	padding:15px 15px 15px 20px;
	margin-bottom:20px;
}

ul.permScdList{
	list-style-type:none;
	padding: 0;
	margin:0;
}

ul.permScdList li{
	background:url("../img/iconCross.gif") 0 8px no-repeat;
	padding: 5px 0 5px 20px;
	margin:0;
	line-height:150%;
	font-size:95%;
}


h2#permRightTitle3{
	background: transparent url("../img/permRightTitle3.gif") 0 0 no-repeat;
	width:310px;
	height:23px;
	margin-bottom:10px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
}

ul.authorList{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.authorList li{
	background:url("../img/listYerrowSq.gif") 0 6px no-repeat;
	padding: 3px 0 3px 20px;
	margin:0;
	line-height:150%;
}