/* CSS Document */




/***************************


wrapper

***************************/

div#wrapper{
	width:100%;
	height:100%;
	
	
	background:#333333;
	}
	
/***************************

main

***************************/

div#main{
	width:900px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #ffffff;
	background:url(../images/back.gif);
	color:#FFFFFF;
	border-bottom:solid 1px #ffffff;
	}
	
/***************************

hedder

***************************/

div#hedder{
	width:900px;
	height:150px;
	text-align:right;
	background:url(../images/top_index.jpg) no-repeat;
	}
	
#hedder h1{
	margin:20px 10px 0px 20px;
	font-size:18px;
	
	}
	
#hedder p#hedder_p{
/*	margin:80px 10px 0px 0px;
*/	font-size:13px;
	float:right;
	}
	
#hedder p#hedder_p a{
	color:#FFFFFF;
	}
	
/***************************

contants

***************************/

div#contants{
	width:860px;
	text-align:left;
	background:url(../images/contents_top.jpg) no-repeat top;
	margin:0px auto;
	border-top:solid 2px #FFFFFF;
	
	text-align:center;
	}


/***************************

navi_index

***************************/

#contants div#navi_index{
	width:860px;
	height:30px;
	border-bottom: solid 1px #ffffff;
	}
	
#navi_index ul{
	width:100%;
	height:100%;
	text-decoration:none;
	background:url(../images/navigation_top2.jpg) no-repeat;
	margin:0px auto;
	
	position:relative;
	}
	
#navi_index li{
	float:left;
	text-decoration:none;
	width:97px;
	height:34px;
	text-indent:-9999px;
	}
	
#navi_index li a{
	width:100%;
	height:100%;
	display:block;
	}
	
#navi_index li#li01 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat 0px -34px ;
	}
	
#navi_index li#li02 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -97px -34px ;
	}
	
#navi_index li#li03 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -194px -34px ;
	}
	
#navi_index li#li04 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -291px -34px ;
	}
	
#navi_index li#li05 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -388px -34px ;
	}
	
#navi_index li#li06 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -485px -34px ;
	}
	
#navi_index li#li07 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -582px -34px ;
	}
	
#navi_index li#li08 a:hover{
	background:url(../images/navigation_top2.jpg) no-repeat -679px -34px ;
	}

/**********************

contants_menu

**********************/
	
#contants div#contants_menu{
	width:100%;
	margin:0px auto;
	padding:20px 0px;
	}	
	
	
	
/***************************

footer

***************************/

div#footer{
	width:860px;
	height:30px;
	clear:both;
	margin:0px auto;
	border-top: solid 2px #ffffff;
	padding:5px 0px;
	}
	
#footer p{
	float:left;
	}