@charset "utf-8";

/* top */

#topWrapper {
	width: 100%;
	text-align: center;
}

/* topMainImg */
div.topMainImg {
	background: url(../images/top/main_img.jpg) no-repeat center top #EEF6F4;
}

div.topMainImg div.inner {
	position: relative;
	width: 820px;
	height: 230px;
	margin: 0 auto;
	text-align: left;
}

div.topMainImg div.inner div.txtImg {
	position: absolute;
	left: 0;
	top: 25px;
}

div.topMainImg div.inner div.topics {
	position: absolute;
	left: 510px;
	top: 10px;
	width: 310px;
	height: 210px;
}

div.topMainImg div.inner div.topics dl {
	width: 290px;
	height: 190px;
	margin: 10px 0 0 10px;
	overflow: auto;
}

div.topMainImg div.inner div.topics dl dd {
	width: 265px;
	overflow: hidden;
}

div.topMainImg div.inner div.topics dl dd ul {
	margin: 0 0 -1px 0;
}

div.topMainImg div.inner div.topics dl dd ul li {
	padding: 8px 0 6px 0;
	border-bottom: solid 1px #DDEFE6; 
	font-size: 78%;
	line-height: 1.4;
}

div.topMainImg div.inner div.topics dl dd ul li span.date {
	color: #0D7267;
}


/* topContents */
div.topContents {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	text-align: left;
}

div.topContents div.message {
	margin: 10px 0 0 0;
}

div.topContents div.mainArea {
	float: left;
	width: 635px;
	margin: 20px 0 0 0;
}

div.topContents div.mainArea h2 {
	float: left;
	margin: 0 10px 0 0;
	font-weight: normal;
}

div.topContents div.mainArea h2 a {
	position: relative;
}

div.topContents div.mainArea h2 a:link,
div.topContents div.mainArea h2 a:visited {
	display: block;
	border: solid 4px #C2DCD9;
	text-decoration: none;
	color: #444;
}

div.topContents div.mainArea h2 a:hover,
div.topContents div.mainArea h2 a:active {
	display: block;
	border: solid 4px #94BEB9;
	text-decoration: none;
	color: #444;
}

div.topContents div.mainArea h2 a span {
	position: absolute;
	left: 175px;
	top: 55px;
	width: 110px;
	font-size: 78%;
	line-height: 1.5;
}

div.topContents div.mainArea ul.btn {
	clear: both;
}

div.topContents div.mainArea ul.btn li {
	float: left;
	margin: 10px 10px 0 0;
	list-style: none;
}

div.topContents div.mainArea ul.btn li a:link,
div.topContents div.mainArea ul.btn li a:visited {
	display: block;
	border: solid 4px #C2DCD9;
	text-decoration: none;
}

div.topContents div.mainArea ul.btn li a:hover,
div.topContents div.mainArea ul.btn li a:active {
	display: block;
	border: solid 4px #94BEB9;
	text-decoration: none;
}

div.topContents div.bottomLink {
	clear: both;
	width: 620px;
	margin: 20px 0 0 0;
	padding: 15px 0;
	background: #EEF6F4;
}

div.topContents div.bottomLink dl {
	float: left;
	width: 155px;
}

div.topContents div.bottomLink dl dt {
	padding: 0 0 6px 15px;
}

div.topContents div.bottomLink dl dd {
	padding: 0 0 0 15px;
}

div.topContents div.bottomLink dl dd ul li {
	padding:  0 0 0 8px;
	list-style: none;
	background: url(../images/top/link_arw.gif) no-repeat left 0.5em;
	font-size: 78%;
	line-height: 1.5;
}

div.topContents div.sideVar {
	float: right;
	width: 180px;
	margin: 20px 0 0 0;
}

div.topContents div.sideVar ul.banner li {
	padding: 0 0 10px 0;
	list-style: none;
}

div.topContents div.sideVar  dl.inquiry {
	border: solid 2px #218971;
	text-align: center;
}