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

.pankuzu{
	margin:10px auto 10px !important;
}
#exhibition {
  padding: 0 0 270px !important;
}
#main_img{
	background-image:url(main_img.jpg);
    background-color:#172A88;
	height:480px !important;
}
.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:#403F3A;
	color:#333333;
}

#gaiyo  h2{
	font-size:200%;
	text-align:center;
	line-height:180%;
	color:white;
}
#gaiyo h2 + p{
	margin:40px auto 50px;
}
#gaiyo img{
	display:block;
	margin:auto;
}
#gaiyo .cont{
	margin-top:50px;
}
#gaiyo h3{
	font-weight:bold;
	margin-top:0;
	font-size:180%;
	text-align:center;
	line-height:150%;
	color:#333;
}
#gaiyo h4{
	font-weight:bold;
	margin:15px auto;
	font-size:120%;
	color:#333;
	line-height:150%;
}

#exhibition .black_area  p{
	color:white;
	text-align:left;
	margin-bottom:40px;
}

#exhibition {
padding: 0 0 160px;
}

#prof{
	padding:50px 0 40px;
	background:none;
	color:#555;
}
.prof_cont{
	overflow:hidden;
}
.prof_cont div{
	float:left;
}
.prof_cont img{
	float:left;
	margin-right:40px;
}
.prof_cont b{
	display:block;
	color:#555;
	font-weight:normal;
	font-size:120%;
	margin:10px auto 20px;
}
.prof_cont span{
	font-size:75%;
}
.pic_area{
	margin-top:40px;
}
.pic_area img{
	vertical-align:top;
}
.pic_area img:first-child + img{
	margin: 0 25px;
}

.event_cont2{
	margin-bottom:30px;
}
.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 .explanation_red{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	color:#D74323;
}
.event_cont2 .rect2{
	padding:20px;
	background-color:#CAE6E1;
}
.event_cont2 img{
	max-width:100%;
}
.event_cont2 .line{
	border-top: 1px #BBBBBB solid;
	padding-bottom:20px;
}
.event_cont2 .one{
	padding-bottom:10px;
}
#cooperation{
	background:#172A88;
	color:white;
}
#cooperation .event_cont2 .rect{
	background:none;
	border:solid 1px white;
}
#cooperation .event_cont2 .rect a{
	color:white;
	text-decoration:none;
}
#cooperation .event_cont2 .title,
#cooperation .event_cont2 .date_area,
#cooperation .row .name{
	color:white;
}
#cooperation .event_cont2 .date_area span{
	font-size:80%;
	font-weight:normal;
}

#cooperation .event_cont2 .rect .bold{
	font-size:110%;
	margin:20px auto 10px;
}
#summary .big{
	font-size:120%;
}
#carp{
	border:solid 1px #999;
	text-align:center;
	padding:20px 0;
	margin-top:-30px;
	margin-bottom: 50px;
}
#carp b{
	color:#555;
	font-size:105%;
	display:block;
	margin-bottom:10px;
}
@media screen and (max-width: 580px) {
    #exhibition .black_area:first-child {
        padding: 30px 0;
    }
	
    #exhibition {
  padding: 0 0 0 !important;
}
	#main_img{
		height:auto !important;
	}
	
#gaiyo .center{
	width:90%;
}
#exhibition .black_area h2 + p,
#gaiyo  h2{
	margin:20px auto;
    }
	#gaiyo h2 + p{
		text-align:left;
	}
	#exhibition .black_area h2{
	font-size:150%;
	}
#gaiyo .cont{
	margin-top:40px;
}
.event_cont2 img{
	max-width:100%;
}

.prof_cont div{
	float:none;
}
.prof_cont img{
	float:none;
	margin:0 0 20px 0;
}

.pic_area img{
	display:block;
	margin:0 auto 15px;
	max-width:100%;
	height:auto;
}
.pic_area img:first-child + img{
	margin:0 auto 15px;
}
#carp{
	text-align:left;
	padding:20px 5%;
}
}