@charset "Shift_JIS";

/* ------------------------------
	PRESENT
------------------------------ */
#present #main {
width: 960px;
background: none;
margin: 0 auto;
padding: 0;
}

#present #pad {
}

.catchPict {
	max-width: 100%;
	margin-bottom: 20px;
}
.lead {
	margin-bottom: 15px;
}

.title {
	background-color: #4277C0;
	margin-bottom: 12px;
	display: table;
}
.title .icon {
	padding: 12px 17px;
	background-color: #2C599E;
	display: table-cell;
}
.title h3 {
	color: #fff;
	font-size: 18px;
	padding: 0 0 0 17px;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.title:after {
	content: "";
	display: block;
	clear: both;
}

.set {
	padding-top: 6px;
	background-image: url(../../special/img/program_bg.gif);
	margin-bottom: 25px;
}
.set .inner {
	padding: 19px;
	background-color: #F5F5F5;
}
.set .inner .pict {
	float: left;
	width: 360px;
	margin-right: 15px;
}
.set .inner .pict img {
	width: 100%;
}
.set .inner .info {
	margin-left: 375px;
}
.set .inner .info .tag {
	display: inline-block;
	background-color: #E46996;
	padding: 7px 20px 4px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
}
.set .inner .info h4 {
	margin-top: 5px;
	font-size: 22px;
}
.set .inner .info .number {
	font-weight: bold;
	font-size: 16px;
}
.set .inner .info ul.list {
	width: 100%;
	margin: 10px 0 10px;
	padding: 0;
	list-style: none;
}
.set .inner .info li {
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
.set .inner .info li p.head {
	float: left;
	color:#E271A0;
	font-weight: bold;
}
.set .inner .info li p.contents {
	margin-left: 80px;
}

.set .inner:after {
	content: "";
	display: block;
	clear: both;
}

.umedaBtn {
	background-color: #fff;
	padding: 15px;
	text-align: center;
}
.umedaBtn img {
	width: 320px;
	margin-bottom: 10px;
}

.entry {
	background-image: url(../../special/img/program_bg.gif);
	padding: 10px;
}

.entry .inner {
	border: 3px solid #fff;
	text-align: center;
	padding: 20px;
}

.entry h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.entry p {
	font-size: 14px;
	margin-bottom: 5px;
}
.entry img {
	width: 320px;
}

@media (max-width:640px) {
	#present #main {
	width: 100%;
	}
	#present #pad {
	width: 100%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

	.title .icon {
		padding: 10px 14px;
	}
	.title h3 {
		font-size: 16px;
		padding: 12px 12px 10px 14px;
		display: table-cell;
		width: 100%;
		vertical-align: middle;
	}

	.set .inner .pict {
		width: 100%;
		margin-bottom: 20px;
	}
	.set .inner .info {
		width: 100%;
		margin-left: 0;
	}
	.set .inner .info h4 {
		font-size: 18px;
	}
}