/* -----------------reset ----------*/

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5 , h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4, h5 , h6, pre, code, address, caption, cite, em, strong, th {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}


ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}


fieldset, img {
	border: medium none;
}


caption, th {
	text-align: left;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}

a		{ text-decoration: underline; color: #0000ff; }
a		{ text-decoration: none; color: #0000ff; }
a:hover	{ text-decoration: underline; color: #ff0000 }

.more { 
	background-image: url(../images/arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 100% 40%; 
	padding-right: 10px; 
}








#wrap{
width: 100%;
margin:0 auto;
background: url(../images/header_bg.jpg) repeat-x #fff;

}

#header{
width: 1000px;
height:95px;
margin:0 auto;

}


.head_nav{
width: 190px;
float:right;
}



.logo{
float:left;
margin-top:12px;

}

.info_nav{
float:right;
}

.info_nav li{
float:left;
height: 34px;
}






.clearer {
	clear:both;
	display: block;
	font-size:1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding :0;
}




.hide{
	text-indent:-9999px;
}

body { background-color : #eee; background-image: url(../images/nback.jpg); background-repeat: repeat-x; 
	font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",Helvetica,Arial,Verdana,sans-serif;

}


/* -----------------container------*/
#container{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #eee; 
	background-image: url(../images/nback.jpg); 
	background-repeat: repeat-x; 
}




/* -----------------header---------*/
#header{text-align: left; font-size: 10px; color: #666666 ; text-decoration: none;
	background-color: #ffffff;
	background-image: url(../images/back.jpg); 
	background-repeat: repeat-x; 
}


#hdr01 		{display: block; height: 19px; background-image: url(../images/hdr01_back.png); background-repeat: repeat-x; }
#hdr01 h1 	{text-align: left; font-size: 10px; color: #666666 ; text-decoration: none; padding: 2px 19px 0px 0px ; }


#hdr02 		{display: block; height: 86px; background-image: url(../images/hdr02_back.png); background-repeat: repeat-x; }
#hdr02 li	{float: left; }
#hdr02 a  	{display: block; height: 86px; padding: 0px; }

#hdr021 	{ width: 550px; }
#hdr022 	{ width: 70px; }
#hdr023 	{ width: 70px; }
#hdr024 	{ width: 300px; }
#hdr025 	{ width: 10px; }



/* 
-----------------navigation--------*/


#nav {
	width: 1000px; 
	height: 59px;
}

#nav a	{ list-style: none; text-decoration: none; }
#nav li	{ float:left; height: 59px; }
#nav ul	{ text-indent: -9999px; }

#context_nav {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 20px;
	background-color:#ffe;
}
#context_nav span {
	font-size:x-small;
	line-height:200%;
}

/* §“x‚Ì‚²à–¾ ------*/
a.nav1			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_1.png);background-repeat: no-repeat; background-position: 100% -0px; }
a:hover.nav1	{ background-position: 100% -121px; }
a:active.nav1	{ background-position: 100% -61px; }
a.nav1c			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_1.png);background-repeat: no-repeat; background-position: 100% -180px; }

/* ‘g‡‚̃Tƒ|[ƒg‘̐§ ------*/
a.nav2			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_2.png);background-repeat: no-repeat; background-position: 100% -0px; }
a:hover.nav2	{ background-position: 100% -121px; }
a:active.nav2	{ background-position: 100% -61px; }
a.nav2c		{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_2.png);background-repeat: no-repeat; background-position: 100% -180px; }

/* Žó“ü‚ê‚Ì—¬‚ê ------*/
a.nav3			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_3.png);background-repeat: no-repeat; background-position: 100% -0px; }
a:hover.nav3	{ background-position: 100% -121px; }
a:active.nav3	{ background-position: 100% -61px; }
a.nav3c			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_3.png);background-repeat: no-repeat; background-position: 100% -180px; }






/* ‚æ‚­‚ ‚鎿–â ------*/
a.nav4			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_4.png);background-repeat: no-repeat; background-position: 100% -0px; }
a:hover.nav4	{ background-position: 100% -121px; }
a:active.nav4	{ background-position: 100% -61px; }
a.nav4c			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_4.png);background-repeat: no-repeat; background-position: 100% -180px; }


/* ‘g‡ŠT—v ------*/
a.nav5			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_5.png);background-repeat: no-repeat; background-position: 100% -0px; }
a:hover.nav5	{ background-position: 100% -121px; }
a:active.nav5	{ background-position: 100% -61px; }
a.nav5c			{ display: block; width: 150px; height: 59px; background-image: url(../images/nnavbtn_5.png);background-repeat: no-repeat; background-position: 100% -180px; }


/* ‚¨–⍇‚¹ ------*/
a.nav9			{ display: block; width: 250px; height: 59px; background-image: url(../images/nnavbtn_9.png);background-repeat: no-repeat; background-position: 100% -0px; }
a:hover.nav9	{ background-position: 100% -121px; }
a:active.nav9	{ background-position: 100% -61px; }
a.nav9c			{ display: block; width: 250px; height: 59px; background-image: url(../images/nnavbtn_9.png);background-repeat: no-repeat; background-position: 100% -180px; }

/* SUB NAVIGATION */
.subnavi	p	{
	font-size: small;
	padding:5px;
}



#maincontents {	display: block; width: 1000px; }

#maincontents h3 { font-size: xx-large;	 color: #000000; line-height: 180%; }
#maincontents h4 { font-size: large;	 color: #000000; line-height: 180%; }
/*
#maincontents h5 { font-size: small;	 color: #000000; line-height: 180%; }
#maincontents p  { font-size: small;	 color: #000000; line-height: 120%; padding: 0px; }
#maincontents li { font-size: x-small;	 color: #000000; line-height: 180%; }
*/

#maincontents:after { content: ""; display: block; height: 0; clear: both; }






#toi{ 
	display: block; 
	float: left; 
	width: 1000px; 
	height: 90px; 
	margin: 0px 0px 0px 0px; 
	background-color: #ffffff; 
}

#toi h5 		{ display: block; font-size: small; font-weight: bold; color: #000000; padding: 0px 10px; border-top: 1px solid #cccccc; border-bottom: 1px dashed #999999; }
#toir a 		{ display: block; float: left; width: 331px; height: 90px; background-image: url(../images/toir.jpg); background-position: 0px 0px; text-indent: -9999px; }
#toir a:hover	{ background-position: 331px 0px; }

#toil { 
	display: block;
	float: left; 
	width: 650px; 
	height: 90px; 
	background-image: url(../images/toil.jpg); 
	background-repeat: no-repeat; 
}
#toir { 
	display: block; 
	float: left; 
	width: 331px; 
	height: 90px; 
}
#toishim {
	display: block; 
	float: left; 
	width: 19px; 
	height: 90px; 
	background-image: url(../images/toishim.jpg); 
	background-repeat: no-repeat; 
}




#footer {
	display: block; 
	float: left; 
	width: 1000px; 
	margin: 0px 0px 20px 0px;
	padding: 10px 0px; 
	height: 3em;  
	border-top: 1px solid #aaaabb; 
	border-bottom: 1px solid #aaaabb; 
	background-color: #ffffff; 
}

#footer p { 
	font-size: x-small; color: #888899; 
	padding: 0px 10px; }

#footerl { 
	display: block; 
	float: left; 
	text-align: left;
}
#footerr {
	display: block; 
	float: right;
	text-align: right;
}