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

#exhibition{
    padding: 0 0 300px;
}
.pankuzu{
	margin:10px auto 10px !important;
}

#main_img{
	background-image:url(main_img.jpg);
	height:480px !important;
	background-color:#F4D7D1;
	background-size:auto 100%;
}
.gray_area{
	
width: 100%;
min-width: 980px;
background: #fff;
background-image: url(../140530_inokuma/gray_area_gradation.jpg);
background-repeat: repeat-x;
}
#exhibition .black_area{
	padding:20px 0 40px !important;
	background:white;
    background-position: bottom;
    color: #555;
text-align:left;
}
#exhibition .black_area h3{
	font-weight:bold;
	color:#00536C ;
}
#exhibition .black_area h3 span{
	font-size:75%;
	font-weight:normal;
}
.black_area p{
    color: #555 !important;
	line-height:200%;
}
#prof{
	background:#A8897A;
}
#prof p{
	color:white;
}
#prof .center{
	overflow:hidden;
	padding:40px 0;
}
#prof .pic{
	float:left;
	font-size:80%;
}
#prof .f_right{
	width:70%;
}
#prof #name{
	font-size:180%;
	line-height:130%;
}
#prof #name span{
	font-size:50%;
}
#prof #year{
	font-size:80%;
	margin-bottom:30px;
}
.pic_area {
	padding:60px 0 0;
	width:600px;
}
.pic_area img{
	vertical-align:top;
	margin-bottom:20px;
	display:block;
}
.openingevent{
	width:820px;
	padding:40px 60px;
	margin:80px auto;
	border-radius:10px;
	background:#E9DFD6;
}
.opening_cont.pal{
	padding-right:0;
	padding-top:0;
}
.opening_cont.pal b{
	text-align:center;
}
.openingevent h3{
	text-align:center;
	font-size:180% !important;
	color:#07576E;
	font-weight:bold !important;
}
.openingevent h4{
	text-align:center;
	font-size:180%;
	background:#07576E;
	font-weight:bold;
	color:white;
	padding:15px 0;
	border-radius:10px;
}
.openingevent .opening_cont + .opening_cont{
	border-top:solid 1px #07576E;
}
.opening_cont{
	padding:30px 280px 30px 0;
	position:relative;
}
.opening_cont img{
	position:absolute;
	left:580px;
	top:30px;
}
.opening_cont b{
	color:#07576E;
	font-weight:bold;
	font-size:150%;
	display:block;
}
.opening_cont b span{
	display:block;
	font-size:70%;
	line-height:150%;
	margin-bottom:10px;
}
.opening_cont .time{
	display:inline-block;
	padding:3px 15px;
	margin:20px auto;
	font-size:100%;
	color:#07576E;
	font-weight:bold;
	background:white;
	border-radius:20px;
}
.opening_cont table{
	margin:20px 0;
}
.opening_cont table th,
.opening_cont table td{
	font-weight:normal;
	color:#555;
	line-height:150%;
	padding-bottom:5px;
}
.opening_cont table span{
	font-size:80%;
}
#originalgoods{
	background:#82C4CD;
	text-align:center;
	color:white;
	padding:40px 0;
}
#originalgoods b{
	font-size:120%;
	display:block;
	margin-bottom:20px;
}
#originalgoods p{
	width:400px;
	margin:auto;
	color:white;
}
.event_cont2{
	margin-bottom:30px;
}
.event_cont2 b{
    font-size: 105%;
}
.event_cont2 .title{
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.event_cont2 .date_area{
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	padding-left:3px;
}
.event_cont2 .rect{
	padding:20px 20px 15px;
	background-color:#EEE;
}
.event_cont2 .explanation{
	color:#333333;
	font-size:14px;
	padding-bottom:20px;
}
.event_cont2 .rect2{
	padding:20px;
	background-color:#CAE6E1;
}
.event_cont2 .line{
	border-top: 1px #BBBBBB solid;
	padding-bottom:20px;
}
.event_cont2 .one{
	padding-bottom:10px;
}
@media screen and (max-width: 580px) {
	#main_img{
		height:auto !important;
	}
	.gray_area{
		min-width:100%;
	}
	#exhibition .black_area h3 span{
		display:block;
		margin-top:10px;
	}
	#prof .pic{
	float:none;
	text-align:center;
	margin-bottom:20px;
}
#prof .f_right{
	width:100%;
}
	.pic_area {
	width:90%;
}
    .pic_area img{
		width:100%;
		margin:0 0 10px;
    }
	.openingevent{
	width:90%;
	padding:30px 5%;
	margin:60px auto  !important;
}
.opening_cont{
	padding:30px 0;
}
.opening_cont img{
	position:static;
}
#originalgoods p{
	width:90%;
}
}