@charset "Shift_JIS";

/* ========================================

	対象ファイル：field.html
	対象箇所　　：コンテンツ枠内

======================================== */

#main {
	background: url(../img/field/main.png) no-repeat;
}


/* ---------- field ---------- */

#field li {
	margin: 10px;
	float: left;
}

#field li a {
	display: block;
	width: 250px;
	height: 65px;
	padding: 20px 0 0 85px;
	font-size: 24px;
	line-height: 25px;
	text-decoration: none;
}

#field li a span {
	font-size: 14px;
}

#medical {
	background: url(../img/field/medical.gif) no-repeat;
}

#medical:hover {
	background: url(../img/field/medical_on.gif) no-repeat;
}

#education {
	background: url(../img/field/education.gif) no-repeat;
}

#education:hover {
	background: url(../img/field/education_on.gif) no-repeat;
}

#agriculture {
	background: url(../img/field/agriculture.gif) no-repeat;
}

#agriculture:hover {
	background: url(../img/field/agriculture_on.gif) no-repeat;
}

#industry {
	background: url(../img/field/industry.gif) no-repeat;
}

#industry:hover {
	background: url(../img/field/industry_on.gif) no-repeat;
}

#food {
	background: url(../img/field/food.gif) no-repeat;
}

#food:hover {
	background: url(../img/field/food_on.gif) no-repeat;
}

#nutrition {
	background: url(../img/field/nutrition.gif) no-repeat;
}

#nutrition:hover {
	background: url(../img/field/nutrition_on.gif) no-repeat;
}


/* ---------- text & image ---------- */

.text {
	width: 490px;
	float: left;
}

.image {
	width: 200px;
	float: right;
}

.image img {
	display: block;
	margin-bottom: 10px;
}