@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.3em;
	color:#333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1, h2, h3, ul, li,ol, p, hr, address, div img {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align:top;
}
ul li{
	list-style:none;
}

a {
	text-decoration:none;
	border:none;
	overflow:hidden;
}

hr {
	display:none;
}



/* wrapper */

#wrapper {
	width:820px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* main */
#main{
	background:url(../img/bg2.gif) 0 0 repeat-y;
	width:820px;
	}


/* headnavi */	
#headnavi{
	width:820px;
	}
	
#headnavi h1{
	font-size:100%;
	padding:10px 0 0 25px;
	}
	
#headnavi ul{
	padding:10px 0 0 0;
	}
	
#headnavi ul li{
	color:#0055ff;
	background:url(../img/icon.gif) 0 3px no-repeat;
	padding:0 20px 0 15px;
	}

#headnavi ul li a{
	color:#0055ff;
	}
	
#headnavi ul li a:hover{
	color:#0099FF;
	}

#img{
	padding:5px 0 0 8px;
	}

#img2{
	padding:0 0 0 8px;
	}
	
/* navi */
#navi ul{
	padding:0 0 0 8px;
	}

#navi ul li.navi1 a{
	background:url(../img/navi1.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:39px;
	display: block;
	}

#navi ul li.navi1 a:hover{
	background:url(../img/navi1_lo.gif) 0 0 no-repeat;
	}


#navi ul li.navi2 a{
	background:url(../img/navi2.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:39px;
	display: block;
	}
	
#navi ul li.navi2 a:hover{
	background:url(../img/navi2_lo.gif) 0 0 no-repeat;
	}
	
	
#navi ul li.navi3 a{
	background:url(../img/navi3.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:39px;
	display: block;
	}
	
#navi ul li.navi3 a:hover{
	background:url(../img/navi3_lo.gif) 0 0 no-repeat;
	}
	

#navi ul li.navi4 a{
	background:url(../img/navi4.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:39px;
	display: block;
	}
	
#navi ul li.navi4 a:hover{
	background:url(../img/navi4_lo.gif) 0 0 no-repeat;
	}

#navi ul li.navi5 a{
	background:url(../img/navi5.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:39px;
	display: block;
	}
	
#navi ul li.navi5 a:hover{
	background:url(../img/navi5_lo.gif) 0 0 no-repeat;
	}
	
/* contents */
#contents{
	width:820px;
	}

	
/* leftbox */
#leftbox{
	width:168px;
}



#leftbox ul li{
	padding:0 0 0 8px;
}

#leftbox ul li.snavi1 a{
	background:url(../img/snavi1.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:35px;
	display: block;
}

#leftbox ul li.snavi1 a:hover{
	background:url(../img/snavi1_lo.gif) 0 0 no-repeat;
}

#leftbox ul li.snavi2 a{
	background:url(../img/snavi2.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:35px;
	display: block;
}

#leftbox ul li.snavi2 a:hover{
	background:url(../img/snavi2_lo.gif) 0 0 no-repeat;
}

#leftbox ul li.snavi3 a{
	background:url(../img/snavi3.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:35px;
	display: block;
}

#leftbox ul li.snavi3 a:hover{
	background:url(../img/snavi3_lo.gif) 0 0 no-repeat;
}

#leftbox ul li.snavi4 a{
	background:url(../img/snavi4.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:35px;
	display: block;
}

#leftbox ul li.snavi5 a{
	background:url(../img/snavi5.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:35px;
	display: block;
}

#leftbox ul li.snavi6 a{
	background:url(../img/snavi6.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:160px;
	height:35px;
	display: block;
}


#img3{
	padding:3px 0 0 15px;
	}
	
#img4{
	padding:5px 0 0 18px;
	}






/* footer*/
#footer{
	width:820px;
	text-align:center;
	}
	
#footer p{
	padding:15px 0 15px 0;
	}
	
#footer p a{
		color:#333;
		}
		
address{
	font-style:normal;
	padding:0 0 15px 0;
	}




.left {
	float:left;
}
.right {
	float:right;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
.clearfix {
	display:inline-block;
} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/*End hide from IE-mac*/ /*IE6以前向け*/