@charset "utf-8";

/* -----------------------------------------------------------

	Title: toppage.css
	Created: 2008-12-15
	Last Up Date: 2008-12-15
	
----------------------------------------------------------- */
/* 
	
	container
	toppage
	visual
	topPageMain
	topPageSub
	
----------------------------------------------------------- */
/*

	container
	
----------------------------------------------------------- */

div#container {
	background: none;
}

/*  -----------------------------------------------------------

	topPage
	
----------------------------------------------------------- */

div#topPage {
	padding: 20px 0 0;
}

/* -----------------------------------------------------------	

	visual
	
----------------------------------------------------------- */

div#topPage div.visual {
	width: 840px;
	margin: 0 0 10px;
}

/* -----------------------------------------------------------	

	main
	
----------------------------------------------------------- */

div#topPage div.main {
	float: left;
	display: inline;
	width: 640px;
	margin: 0 0 20px;
}
/* topicPath
----------------------------------------------------------- */

div#topPage div.main div#topsearch {
	background: url(../image/bg_search.gif) 0 0 repeat-y;
	width: 640px;
	margin: 0 0 10px;
	border-bottom: solid 1px #cbd0d3;
}

div#topPage div.main div#topsearchNest {
	background: url(../image/bg_search_shadow.gif) 0 30px no-repeat;
	width: 640px;
}

div#topPage div.main div#topsearch div.section {
	float: left;
	display: inline;
	width: 160px;
}

div#topPage div.main div#topsearch div.section h2 {
	width: 160px;
	height: 30px;
	margin: 0 0 5px;
	line-height: 1;
}

div#topPage div.main div#topsearch div.section h2 img {
	vertical-align: bottom;
}

div#topPage div.main div#topsearch div.section ul {
	width: 150px;
	margin: 0 5px 10px;
	/*font-size: 85%;*/
	line-height: 1.4;
}

div#topPage div.main div#topsearch div.section ul li {
	overflow: hidden;
	background: url(../common/image/arrow_a.gif) 0 3px no-repeat;
	width: 142px;
	margin: 0 0 8px;
	padding: 0 0 0 8px;
}

div#topPage div.main div#topsearch div.section ul li a {
	display: block;
}

div#topPage div.main div#topsearch div.section ul li a:link,
div#topPage div.main div#topsearch div.section ul li a:visited {
	color: #333333;
	text-decoration: none;
}

div#topPage div.main div#topsearch div.section ul li a:hover {
	text-decoration: underline;
	color: #0066FF;
}

/* topicPath
----------------------------------------------------------- */

div#topPage div.main div#news {
	clear: both;
	width: 640px;
	margin: 0 0 10px;
}

div#topPage div.main div#news h3 {
	background: none;
	margin: 0 0 10px;
	padding: 0;
	font-size: 1px;
	line-height: 1;
}

div#topPage div.main div#news h3 img {
	vertical-align: bottom;
}

div#topPage div.main div#news dl {
	clear: both;
	/*font-size: 85%;*/
}

div#topPage div.main div#news dl dt {
	float: left;
	background: url(../common/image/arrow_b.gif) right 50% no-repeat;
	padding: 0 20px 0 0;
}

div#topPage div.main div#news dl dd {
	background: url(../common/image/line_dot_x.gif) bottom repeat-x;
	margin: 0 0 10px;
	padding: 0 0 10px 8em;
}

/* -----------------------------------------------------------	

	topPageSub
	
----------------------------------------------------------- */

div#topPage div.sub {
	float: right;
	display: inline;
	width: 180px;
	margin: 0 0 20px;
}

div#topPage div.sub div.section {
	background: #e3eaec;
	margin: 0 0 10px;
	padding: 0 0 1px;
}

div#topPage div.sub div.section h4 {
	margin: 0 0 3px;
}

div#topPage div.sub div.section li,
div#topPage div.sub div.section p {
	margin: 0 0 3px 3px;
}

div#topPage div.sub div.section h4 img,
div#topPage div.sub div.section li img,
div#topPage div.sub div.section p img {
	vertical-align: bottom;
}
