@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:420px !important;
	background-color:#ddd;
}
.gray_area{
	
width: 100%;
min-width: 980px;
background: #fff;
background-image: url(../140530_inokuma/gray_area_gradation.jpg);
background-repeat: repeat-x;
}
.black_area{
	padding:50px 0 40px;
	background:#D68F9B;
    background-position: bottom;
    color: white;
text-align:center;
}
.black_area p{
    color: white !important;
	font-size:120%;
}
#purple{
	background:#B5ABB7;
}
#purple .date{
	margin:-10px auto 50px;
	text-align:center;
}
#purple p{
	text-align:left;
}
#pink .center{
width: 810px;
}
#purple h3,
#pink h3{
	font-size:200%;
	font-weight:bold !important;
	line-height:150%;
}
#link{
	margin-top:30px;
	text-align:center;
}
#link div{
		display: inline-block;
}
#link img{
		width: 250px;
	height: auto;
	margin: 0 7px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#link a img{
	opacity:1;
	filter: alpha(opacity=100);
}
#link a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#kikan{
	text-align:left;
	margin-top:40px;
}
#kikan li{
	position:relative;
	padding-left:80px;
	margin-bottom:20px;
}
#kikan li span.kikan{
	display:inline-block;
	padding:3px 10px;
	position:absolute;
	left:0;
	background:#555;
}
#kikan p{
	line-height: 150%;
}
#kikan p span{
	font-size:85%;
	color:#555;
	font-weight:bold;
}
.pic_area {
	padding:30px 0;
	overflow:hidden;
	zoom:1;
	margin: auto;
}
.pic_area img{
	margin:0  10px;
	vertical-align:top;
	margin-bottom:20px;
	display:block;
	float:left;
}


.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%;
	}
	
#pink .center,
	.pic_area {
	width:90%;
}
    .pic_area img{
		margin:0 1% 5%;
        width:48%;
    }
}