@charset "UTF-8";

/*cm
**************************************/
body{
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	color: #333333;
	font-size:12px;
}

/*top
**************************************/
#top{
	width:796px;
	margin:180px auto;
	padding:0px;
	}
#top_area{
	width:577px;
	margin:0px;padding0px;
	float:left;
	}
#top_logo{
	width:289px;
	margin:0px;padding:0px;
	float:left;}
#top_img{
	width:288px;
	height:394px;
	margin:0px;padding:0px;
	float:right;}

#top_naviarea{
	width:219px;
	margin:0px;padding:0px;
	float:right;
	}
#top_bg{
	height:161px;
	margin:0px;padding:0px;}


/*NAVI
**************************************/
#navi{
	width:156px;
	height: 184px;
	margin:47px 0px 0px 63px;
	background-position:0px 0px;
	background-image: url(../images/top_navi.gif);
	}
#navi li {
	width:156px;
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#navi li a {
	width:156px;
	padding: 0px;
	display: block;
	text-decoration: none;
	background-position:0px 0px;
	background-image: url(../images/top_navi.gif);
	background-repeat: no-repeat;
	outline : 0;
}
#navi li#navi01 {height:24px;background-position:0px 0px;}
#navi li#navi02 {height:34px;background-position:0px -24px;}
#navi li#navi03 {height:34px;background-position:0px -58px;}
#navi li#navi04 {height:34px;background-position:0px -92px;}
#navi li#navi05 {height:34px;background-position:0px -126px;}
#navi li#navi06 {height:24px;background-position:0px -160px;}

#navi li#navi01 a{height:24px;background-position:0px 0px;}
#navi li#navi02 a{height:34px;background-position:0px -24px;}
#navi li#navi03 a{height:34px;background-position:0px -58px;}
#navi li#navi04 a{height:34px;background-position:0px -92px;}
#navi li#navi05 a{height:34px;background-position:0px -126px;}
#navi li#navi06 a{height:24px;background-position:0px -160px;}

#navi li#navi01 a:hover{height:24px;background-position: -156px 0px;}
#navi li#navi02 a:hover{height:34px;background-position: -156px -24px;}
#navi li#navi03 a:hover{height:34px;background-position: -156px -58px;}
#navi li#navi04 a:hover{height:34px;background-position: -156px -92px;}
#navi li#navi05 a:hover{height:34px;background-position: -156px -126px;}
#navi li#navi06 a:hover{height:24px;background-position: -156px -160px;}

/*copy
**************************************/
#copy{
	float:right;
	width:283px;
	height: 11px;
	display: block;
	margin: 72px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
	background-image: url(../images/copy.gif);
	background-position: 0px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size:0px;
	}


/*Tips
**************************************/
hr{display:none;}
.clear{clear:both;}
.float-l {float: left;}
.float-r {float: right;}
ul, li,dl,dt,dd {margin:0px; padding:0px; list-style: none;}