@charset "utf-8";
/* CSS Information ========================================
File name: top.css
Date: 2009.01.18
Structure:
(#wrapper)
	#container
		#topics
		#keyVisual
		#mainArea
			#infoArea
			#newsArea
		#contactArea
======================================================== */

/* Contents style */
#container {
	margin-top: 3px;
	margin-bottom: 10px;
}
#topics {
	float: left;
	width: 200px;
}
#topics img {
	vertical-align: top;
}
#topics li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#keyVisual {
	float: right;
	width: 560px;
	margin-bottom: 8px;
}

/* MainArea style */
#mainArea {
	clear: both;
	width: 100%;
}
#infoArea {
	float: left;
	width: 375px;
}
#infoArea h2 {
	margin-bottom: 10px;
}
#infoArea p {
	padding: 0px 10px 20px 20px;
	font-size: 0.75em;
}

#newsArea {
	float: right;
	width: 375px;
	margin-bottom: 20px;
}
#newsArea p {
	padding: 10px 10px 20px 20px;
	font-size: 0.75em;
}
#newsArea dl {
	margin-bottom: 20px;
}

#newsArea dt{
	padding-left: 4px;
	width: 70px;
	padding-top: 5px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #999;
	float: left;
	font-size: 0.75em;
}
#newsArea dd{
	padding: 5px 0px 1px;
	width: 300px;
	border-bottom: 1px dotted #999;
	font-size: 0.75em;
	float: right;
}

/* IE7 style */
*:first-child+html #newsArea dt{
	padding-left: 5px;
	width: 65px;
	padding-top: 5px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #999;
	float: left;
	font-size: 0.75em;
}

*:first-child+html #newsArea dd{
	padding: 5px 0px 1px;
	width: 300px;
	border-bottom: 1px dotted #999;
	font-size: 0.75em;
	float: right;
}
/* / IE7 style */

/* IE6 style */
* html #newsArea dd{
	padding: 5px 0px 1px;
	width: 300px;
	border-bottom: 1px dotted #999;
	font-size: 0.75em;
	float: right;
}
/* / IE6 style */
/* / MainArea style */

#contactArea {
	text-align: center;
	padding-bottom: 10px;
	clear: both;
	padding-top: 20px;
}
#w3cArea {
	text-align: right;
	padding-bottom: 10px;
	clear: both;
	padding-right: 20px;
}
/* / Contents style */