﻿@charset "UTF-8";
/*----------------------------------------------------
	common element
----------------------------------------------------*/
#hnavi li,#gnavi li {
	float: left;
	text-align: left;
}
#hnavi li a,#gnavi li a {
	background: url(../img/bg_linkset.png) no-repeat;
	display: block;
	text-decoration: none;
}
/*----------------------------------------------------
	headnavi(header)
----------------------------------------------------*/
#hnavi {
	font-size: 80%;
	margin-top: 25px;
	margin-left: 480px;
}
* html #hnavi {
	margin-left: 477px;
}
#hnavi li,#hnavi li a {
	height: 30px;
	width: 120px;
}
#hn01 a:link,#hn01 a:visited {
	background-position: -480px -140px;
}
#hn01 a:hover,#hn01 a:active {
	background-position: -480px -170px;
}
#hn02 a:link,#hn02 a:visited {
	background-position: -600px -140px;
}
#hn02 a:hover,#hn02 a:active {
	background-position: -600px -170px;
}
#hn03 a:link,#hn03 a:visited {
	background-position: -720px -140px;
}
#hn03 a:hover,#hn03 a:active {
	background-position: -720px -170px;
}
/*----------------------------------------------------
	glovalnavi(header)
----------------------------------------------------*/
#gnavi {
	background: url(../img/bg_linkset.png) no-repeat 0px 0px;
	height: 70px;
	padding-right: 20px;
	padding-left: 20px;
	clear: both;
	float: none;
}
#gnavi li,#gnavi li a {
	height: 70px;
	width: 160px;
}
#gn01 a:link,#gn01 a:visited {
	background-position: -20px 0px;
}
#gn01 a:hover,#gn01 a:active {
	background-position: -20px -70px;
}
#gn02 a:link,#gn02 a:visited {
	background-position: -180px 0px;
}
#gn02 a:hover,#gn02 a:active {
	background-position: -180px -70px;
}
#gn03 a:link,#gn03 a:visited {
	background-position: -340px 0px;
}
#gn03 a:hover,#gn03 a:active {
	background-position: -340px -70px;
}
#gn04 a:link,#gn04 a:visited {
	background-position: -500px 0px;
}
#gn04 a:hover,#gn04 a:active {
	background-position: -500px -70px;
}
#gn05 a:link,#gn05 a:visited {
	background-position: -660px 0px;
}
#gn05 a:hover,#gn05 a:active {
	background-position: -660px -70px;
}
/*----------------------------------------------------
	footnavi(footer)
----------------------------------------------------*/
#fnavi {
	text-align: right;
	margin-left: 460px;
}
#fnavi li {
	display: inline;
	text-align: right;
	padding-left: 2em;
}
#fnavi li a {
	margin-left: 0.8em;
}

/*----------------------------------------------------
	topics(contents)
----------------------------------------------------*/
#topics li {
	padding-bottom: 20px;
}
#topics li a {
	display: block;
	background-image: url(../img/bg_linkset.png);
	text-decoration: none;
}
#tl01 a,#tl02 a {
	width: 200px;
	height: 120px;
}
#tl03 a,#tl04 a {
	width: 200px;
	height: 80px;
}
#tl01 a:link,#tl01 a:visited {
	background-position: 0px -220px;
}
#tl01 a:hover,#tl01 a:active {
	background-position: 0px -340px;
}
#tl02 a:link,#tl02 a:visited {
	background-position: -200px -220px;
}
#tl02 a:hover,#tl02 a:active {
	background-position: -200px -340px;
}
#tl03 a:link,#tl03 a:visited {
	background-position: -400px -220px;
}
#tl03 a:hover,#tl03 a:active {
	background-position: -400px -340px;
}
#tl04 a:link,#tl04 a:visited {
	background-position: -600px -220px;
}
#tl04 a:hover,#tl04 a:active {
	background-position: -600px -340px;
}

