@charset "utf-8";

/* --------------------------------------------------
 トップページの個別設定
-------------------------------------------------- */

h2 {
	margin-bottom:16px;
}

/* ヘッドライン(画像3つ)部分 --------------------- */

#headline {
	position:relative;
	width:951px;
	height:228px;
}

#head-image01 {
	position:absolute;
	top:18px;
	left:0;
	width:387px;
	height:192px;
}

#head-image02 {
	position:absolute;
	top:18px;
	left:393px;
	width:332px;
	height:193px;
}

#head-image03 {
	position:absolute;
	top:18px;
	right:0;
	width:218px;
	height:193px;
}

/* バナーによせて部分 ---------------------------- */

#top-banner {
	background:url(../images/bg_banner.jpg) repeat-y;
	margin-bottom:16px;
	width:689px;
}

#banner-top,#banner-bottom {
	clear:both;
	width:689px;
	height:8px;
	line-height:0;
	font-size:0;
}

#banner-body {
	width:689px;
}

#banner-image {
	float:left;
	width:152px;
	text-align:right;
}

#banner-text {
	float:right;
	padding:16px 0;
	width:498px;
	text-align:left;
}

p#banner-title {
	margin:0 34px 21px 0;
	line-height:1em;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:87%;
	font-weight:bold;
}

p#banner-text-main {
	margin-right:34px;
	line-height:1.3em;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:75%;
}

/* トピックス部分 -------------------------------- */

#topics {
	margin-bottom:21px;
	background:url(../images/bg_topics.jpg) repeat-y;
	width:689px;
}

#topics-bottom {
	width:689px;
	height:14px;
	line-height:0;
	font-size:0;
}

#topics dl {
	margin:0 30px;
}

#topics dt {
	line-height:1.3em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:81%;
}

#topics dd {
	margin-bottom:21px;
	line-height:1.3em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:81%;
}

#topics dd a,#topics p a {
	color:#010e8e;
	text-decoration:underline;
}

#topics dd span {
	display:block;
	background:url(../images/topics_new_icon.jpg) left top no-repeat;
	padding-left:28px;
}

#topics p {
	margin:0 30px;
	line-height:1.3em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:81%;
}

/* 4つのテスト部分 ------------------------------- */

#four-test {
	background:url(../images/bg_top_bottom_box.jpg) repeat-y;
	width:689px;
}

.four-test-top-bottom {
	width:689px;
	height:20px;
	line-height:0;
	font-size:0;
}

#four-test h3 {
	margin:0 0 19px 19px;
}

#four-test p {
	margin:0 57px 27px 57px;
	line-height:1.5em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:87%;
}

#four-test ol {
	margin:0 57px 46px 57px;
}

#four-test ol li {
	margin-left:2em;
	line-height:1.5em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:87%;
}

#four-test dl {
	margin:0 57px;
}

#four-test dt {
	float:left;
	width:2.5em;
	line-height:1.5em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:87%;
}

#four-test dd {
	margin-left:2.5em;
	padding-left:0.1em;
	line-height:1.5em;
	color:#171717;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:87%;
}