@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:black;
}
.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:#6B2A7A;
    background-position: bottom;
    color: white;
}
.black_area p{
    color: white !important;
	font-size:120%;
}
.pic_area {
	padding:50px 0;
	overflow:hidden;
	zoom:1;
	margin: auto;
width: 870px;
}
.pic_area img{
	margin:0  20px;
	vertical-align:top;
	margin-bottom:20px;
	display:block;
	float:left;
}

#link{
    padding: 40px 0;
    overflow: hidden;
    zoom:1;
}
#link div:first-child{
    text-align: left;
}
#link div{
    float: left;
    width: 50%;
    text-align: right;
}
@media screen and (max-width: 580px) {
	#main_img{
		height:auto !important;
	}
	.gray_area{
		min-width:100%;
	}
	.pic_area {
	width:100%;
}
    .pic_area img{
		margin:0 1% 5%;
        width:48%;
    }
    .event_cont2 p.f_right{
    width: 100%;
    }
    .event_cont2 p.f_right,
    .event_cont2 img.f_left{
        float: none;
    }
    #link div:first-child{
        margin-bottom: 10px;
    }
    #link div{
        float: none;
        width: 100%;
    }
    #link div img{
        width: 100%;
        height: auto;
    }
}