@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:#D42D80;
	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:60px 0 40px !important;
    color: #555;
text-align:left;
background:none;
}
.black_area p{
    color: #555 !important;
	line-height:200%;
	width:840px;
	font-weight:bold;
	margin:0 auto 10px;
}
#border{
	border:solid 5px #D42D80;
	border-radius:15px;
	padding:30px 40px;
	margin-bottom:40px;
}
#cont{
	padding:0 0 60px;
	width:840px;
}
#cont b{
	display:block;
	margin-bottom:20px;
	color:#555;
}
#cont li{
	display:inline-block;
	color:#555;
	line-height:150%;
	margin-bottom:10px;
	margin-right:10px;
}
#cont li:before{
	content:"・";
}
.pic_area {
	padding: 0;
	margin-top:20px;
	overflow:hidden;
}
.pic_area img{
	margin:auto;
	float:left;
	width:400px;
}
.pic_area img+img{
	float:right;
}

@media screen and (max-width: 580px) {
	#main_img{
		height:auto !important;
	}
	.gray_area{
		min-width:100%;
	}
	
#border{
		padding: 30px 5%;
	margin-bottom: 30px;
}
#cont{
	margin:auto;
	width:90%;
}
    .pic_area img{
		width:100%;
		float:none !important;
		margin-bottom:10px;
    }
	#exhibition .black_area {
		padding:40px  0 20px !important;
	}
.black_area p{
	width:100%;
}
	
}