@charset "UTF-8";

/* ============================================================ background */

body {
	background-color: #071847;
	background-image: url(../img/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: 320px auto;
	background-size: 320px auto;
}


/* ============================================================ leadArea */

#leadArea {
	width: 300px;
	margin: 0 auto 30px;
	color: #FFFFFF;
	line-height: 1.6em;
}

.leadTitle {
	margin: 0 0 10px;
	font-size: 140%;
	font-weight: bold;
}


/* ============================================================ newsArea */

#newsArea {
	width: 300px;
	margin: 0 auto 30px;
}

#newsMain {
	padding: 15px 5px 5px 15px;
	background: url("../img/news_mdl.png") left top repeat-y;
	-moz-background-size: 300px auto;
	background-size: 300px auto;
}

#newsMainImg {
	background: url("../img/news_img.gif") right bottom no-repeat;
	-moz-background-size: 80px auto;
	background-size: 80px auto;
}

.newsTitle {
	height: 20px;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	background: url("../img/news_mark.gif") left top no-repeat;
	-moz-background-size: 25px auto;
	background-size: 25px auto;
	font-size: 120%;
	font-weight: bold;
	color: #071847;
}

.newsTitle img {
	vertical-align: text-top;
}

#newsArea dl {
	padding: 0 0 10px;
}

#newsArea dt {
	clear: both;
	padding: 0 1em 0 0;
}

#newsArea dd {
	margin: 0 1em 0.75em 0;
	line-height: 1.4em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* iPad CSS */
	#newsMainImg {
		-moz-background-size: 50px auto;
		background-size: 50px auto;
	}

	.newsTitle {
		padding: 2px 0 0 25px;
		-moz-background-size: 20px auto;
		background-size: 20px auto;
	}

	#newsArea dt {
		float: left;
	}

	#newsArea dd {
		margin: 0 1em 0.75em 9em;
	}
}


/* ============================================================ bannerArea */

#bannerArea {
	width: 175px;
	margin: 0 auto 30px;
}