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

.pankuzu{
	margin:10px auto 10px !important;
}

#profile h4{
	font-size:22px;
	color:#555555;
	font-weight:normal;
	margin-bottom:20px;
}
#profile p{
	color:#555;
	width:555px;
	float:left;
	line-height:180%;
}
#profile img{
	float:right;
}
#main_img{
	background-image:url(main_img.jpg);
	background-color:#FFFFFF;
	height:0px !important;
}
.gray_area{
	widht:100%;
	min-width:980px;
	background:#eee;
}
.black_area{
	padding:50px 0 40px;
}
/*.black_area img{
	margin-left:15px;
}*/
.black_area img:first-child{
	margin:0;
}
.event_cont h4+div{
	height:300px;
	text-align:center;
}
.event_cont1 h4+div{
	padding:20px;
	margin-bottom:30px;
}
.event_cont1 h4{
	color:#378772;
	font-size:18px;
	padding-bottom:5px;
}
.event_cont1 span{
	padding-left:30px;
	color:#333333;
	font-size:18px;
}
.event_cont1 .time{
	font-size:16px;
	font-weight:bold;
	color:#555555;
	padding-bottom:10px;
}
.event_cont1 .explanation{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
.event_cont1 .explanation_red{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	color:#D74323;
}
.event_cont1 .pic_r{
	float:right;
	padding-left:30px;
}

.pre_area{
	padding-top:20px;
}
.pre_area .date{
	font-size:20px;
	padding-top:10px;
	font-weight:bold;
	padding-bottom:30px;
	color:#555555;
}
.pre_area .comment{
	font-size:14px;
	padding-bottom:30px;
	color:#B25900;
	line-height: 160%;
}
.pre_area .text{
	width:70%;
	padding-bottom:30px;
}
.pre_area .caption{
	font-size:13px;
	padding-top:5px;
	color:#777777;
	line-height: 150%;
}
@media screen and (max-width: 580px) {
	.pre_area .text{
	width:100%;
	padding-bottom:30px;
}
	.kobo20th_img{
	width:100%;
	max-width:360px;
}
}