@charset "UTF-8";

/*ヘッダ*/
#header {
		height: 100px;
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
}

h1 {
		font-size : 28px;
}

#exposition {
		width: 800px;
		padding: 5px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
}

table {
	margin:0 auto 70px;
	width:800px;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	position:relative;
}
table th {
	background:url(img/title.jpg) no-repeat;
	height:80px;
}
table th p.title {
	width:360px;
	position:absolute;
	top:10px;
	left:10px;
	color:#444;
	font-size:19px;
}
table th p.date {
	position:absolute;
	top:22px;
	left:410px;
	color:#015089;
	font-size:16px;
}
table th p.remuneration {
	position:absolute;
	top:19px;
	right:10px;
	color:#333;
	font-size:18px;
}
table td {
	background-color:#f8f8f8;
}
table td.img {
	width:280px;
	padding:30px 10px 30px 20px;
	vertical-align:top;
}
table td.txt {
	width:460px;
	padding:30px 20px 30px 10px;
	color:#555; /*テキスト文字色*/
	line-height:2; /*テキスト文字間*/
}
table td.txt div {
	padding:20px 10px 20px 10px;
	background:#fdfdfd;
	border:#DDD 1px solid;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
table td.bottom {
	width:800px;
	margin:0 auto;
	background:url(img/bottom_back.jpg) no-repeat;
	height:100px;
	text-align:center;
}
table td.bottom a:hover img {
	filter: alpha(opacity=90); /*IE6～7*/
	-ms-filter: "alpha( opacity=90 )"; /*IE8*/
	opacity:0.9;
}
.bana {
	width:800px;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:center;
}
#MailForm {
	width:800px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}
.resize {
	max-width: 280px;
	height: auto;
}