@charset "utf-8";

/*
===========================================================
	toppage.css
===========================================================
*/
div#top_contents {
	width:580px;
	float:left;
	padding-top:22px;
	padding-bottom:40px;
	font-size:120%;
	background:url(../img/top_contents_background.jpg) no-repeat;
}
div#top_contents h2 {
	margin-top:20px;
	padding:12px 20px 10px 25px;
	background:url(../img/h2_background.jpg) no-repeat;
	font-size:110%;
	font-weight:bold;
}
div#top_contents h3 {
	margin:20px 0px 0px 5px;
	padding:0px 20px 0px 15px;
	background:url(../img/h3_background.jpg) bottom no-repeat;
	color:#336600;
	font-size:110%;
	font-weight:bold;
}
div#top_contents h4 {
	margin:15px 0px 0px 30px;
	color:#333333;
	font-weight:bold;
}
div#top_contents p {
	margin:15px 20px 0px 30px;
}

div#top_contents ul {
	margin:15px 20px 0px 30px;
}
	div#top_contents ul li {
		padding:0px 0px 5px 25px;
		background:url(../img/arrow_green.jpg) 0px 4px no-repeat;
	}	
	div#top_contents p.navi_link {
		padding-left:20px;
		background:url(../img/arrow_orange.jpg) 0px 6px no-repeat;
	}

	div#top_contents div#top_words {
		height:446px;
		background:url(../img/top_words.jpg) no-repeat;
	}
	div#top_contents div#top_words p {
		margin:0px;
		padding:68px 20px 0px 20px;
		color:#ffffff;
		font-size:10px;
		line-height:160%;
		text-align:center;
	}
	div#top_contents div#top_words p.navi_flow {
		margin:0px;
		padding:223px 0px 0px 140px;
		text-align:left;
	}
	
	div#top_contents ul#top_nav {
		margin:5px 0px 0px 0px;
	}
		div#top_contents ul#top_nav li#top_flow {
			width:285px;
			float:left;
			padding:0px 0px 0px 0px;
		}
		div#top_contents ul#top_nav li#top_flow a {
			width:285px;
			height:0px;
			padding-top:100px;
			display:block;
			overflow:hidden;
			background-image:url(../img/top_flow.jpg);
			background-repeat:no-repeat;
		}
		div#top_contents ul#top_nav li#top_flow a:hover {
			background-position:0px -100px;
		}

		div#top_contents ul#top_nav li#top_area {
			width:285px;
			float:right;
			padding:0px 0px 0px 0px;
		}
		div#top_contents ul#top_nav li#top_area a {
			width:285px;
			height:0px;
			padding-top:100px;
			display:block;
			overflow:hidden;
			background-image:url(../img/top_area.jpg);
			background-position:no-repeat;
		}
		div#top_contents ul#top_nav li#top_area a:hover {
			background-position:0px -100px;
		}