@charset "UTF-8";
/* CSS Document */

body,div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}

h1{ display:none;}
	
.left { text-align:left; }
.right { text-align:right; }
.cecnter { text-align:center; }
.f-left { float:left; }
.f-right { float:right; }
.clear { clear:both; }


body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align:center;
	font-size:12px;
	color:#666666;
	line-height:140%;
	letter-spacing:0.1em;
	}

img {
	border:none;
	vertical-align:bottom;
	}

a {
	color:#666666;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
ol{
	margin: 0 0 0 2em;
	padding: 0;
	}

ul{
	margin: 0 0 0 2em;
	padding: 0;
	list-style:square;
	}
	
li{
	margin:2px 0;
	}


#wrap {
	width:800px;
	height:100%;
	margin:0px auto;
	text-align:left;
	background:#ffffff;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	}

#header {
	margin:0 20px 0 20px;
	width:760px;
	font-size:0;
	line-height:0;
	padding:10px 0 0 0;
	}
	
#header-line{
	margin:3px 20px 0 20px;
	width:760px;
	font-size:0;
	line-height:0;
}

#main-top {
	margin:10px 20px 0 20px;
	width:760px;	
	}
	
#menu {
	margin:0 18px 0 20px;
	padding:0;
	width:762px;
	background:url(../images/menu_bg.gif) no-repeat;
	}


#menu ul {
	margin:0;
	padding-top:5px;
	list-style:none;
	}
	
#menu li {
	margin:0 2px 0 0;
	padding:0;
	float:left;
	width:125px;
	}
	
#menu li a{
	display:block;
	height:35px; 
	float:left;  
	 text-indent:-9999px;  
	 text-decoration:none;  
	 overflow:hidden;  
}

#menu li.header-navi-01 a{
	display:block;
	padding:0;
	background:url(../images/header-navi.gif) no-repeat;
	width:125px;
	}
	
#menu li.header-navi-01 a:hover{
	background:url(../images/header-navi.gif) no-repeat 0px -35px;
	}


#menu li.header-navi-02 a{
	display:block;
	padding:0;
	background:url(../images/header-navi.gif) no-repeat -127px 0px;
	width:125px;
	}
	
#menu li.header-navi-02 a:hover{
	background:url(../images/header-navi.gif) no-repeat -127px -35px;
	}
	
#menu li.header-navi-03 a{
	display:block;
	padding:0;
	background:url(../images/header-navi.gif) no-repeat -254px 0px;
	width:125px;
	}
	
#menu li.header-navi-03 a:hover{
	background:url(../images/header-navi.gif) no-repeat -254px -35px;
	}	

#menu li.header-navi-04 a{
	display:block;
	padding:0;
	background:url(../images/header-navi.gif) no-repeat -381px 0px;
	width:125px;
	}
	
#menu li.header-navi-04 a:hover{
	background:url(../images/header-navi.gif) no-repeat -381px -35px;
	}
	
#menu li.header-navi-05 a{
	display:block;
	padding:0;
	background:url(../images/header-navi.gif) no-repeat -508px 0px;
	width:125px;
	}
	
#menu li.header-navi-05 a:hover{
	background:url(../images/header-navi.gif) no-repeat -508px -35px;
	}

#menu li.header-navi-06 a{
	display:block;
	padding:0;
	background:url(../images/header-navi.gif) no-repeat -635px 0px;
	width:125px;
	}
	
#menu li.header-navi-06 a:hover{
	background:url(../images/header-navi.gif) no-repeat -635px -35px;
	}	


#sidenavi {
	width:200px;
	float:left;
	margin:20px 20px 0 20px;
	}



#sidenavi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#sidenavi01 {
	margin:0;
	padding:0;
	height:294px;
	}
	


#sidenavi01 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	
#sidenavi01 li {
margin:0;
padding:0;
	display:block;
	text-indent:-9999px;  
	text-decoration:none;  
	overflow:hidden;  
}

#sidenavi01 li.sidenavi01-01{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px 0px;
	width:200px;
	height:33px;  
	}

	
#sidenavi01 li.sidenavi01-02 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -33px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-02 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -33px;
	height:32px; 
	}

#sidenavi01 li.sidenavi01-03 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -65px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-03 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -65px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-04 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -97px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-04 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -97px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-05 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -129px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-05 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -129px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-06 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -161px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-06 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -161px;
	height:32px; 
	}

#sidenavi01 li.sidenavi01-07 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -193px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-07 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -193px;
	height:32px; 
	}

#sidenavi01 li.sidenavi01-08 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -225px;
	width:200px;
	height:32px; 
	}
	
#sidenavi01 li.sidenavi01-08 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -225px;
	height:32px; 
	}

#sidenavi01 li.sidenavi01-09 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-01.gif) no-repeat 0px -257px;
	width:200px;
	height:36px; 
	}
	
#sidenavi01 li.sidenavi01-09 a:hover{
	background:url(../images/sidenavi-01.gif) no-repeat -200px -257px;
	height:36px; 
	}


#sidenavi02 {
	margin:10px 0 0 0;
	padding:0;
	height:133px;
	}
	

#sidenavi02 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	
#sidenavi02 li {
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;  
	text-decoration:none;  
	overflow:hidden;  
}

#sidenavi02 li.sidenavi02-01{
	display:block;
	padding:0;
	background:url(../images/sidenavi-02.gif) no-repeat 0px 0px;
	width:200px;
	height:33px;  
	}

	
#sidenavi02 li.sidenavi02-02 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-02.gif) no-repeat 0px -33px;
	width:200px;
	height:32px; 
	}
	
#sidenavi02 li.sidenavi02-02 a:hover{
	background:url(../images/sidenavi-02.gif) no-repeat -200px -33px;
	height:32px; 
	}

#sidenavi02 li.sidenavi02-03 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-02.gif) no-repeat 0px -65px;
	width:200px;
	height:32px; 
	}
	
#sidenavi02 li.sidenavi02-03 a:hover{
	background:url(../images/sidenavi-02.gif) no-repeat -200px -65px;
	height:32px; 
	}

#sidenavi02 li.sidenavi02-04 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-02.gif) no-repeat 0px -97px;
	width:200px;
	height:36px; 
	}
	
#sidenavi02 li.sidenavi02-04 a:hover{
	background:url(../images/sidenavi-02.gif) no-repeat -200px -97px;
	height:36px; 
	}

#sidenavi03 {
	margin:10px 0 0 0;
	padding:0;
	height:100px;
	}
	

#sidenavi03 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	
#sidenavi03 li {
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;  
	text-decoration:none;  
	overflow:hidden;  
}

#sidenavi03 li.sidenavi03-01{
	display:block;
	padding:0;
	background:url(../images/sidenavi-03.gif) no-repeat 0px 0px;
	width:200px;
	height:33px;  
	}

	
#sidenavi03 li.sidenavi03-02 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-03.gif) no-repeat 0px -33px;
	width:200px;
	height:32px; 
	}
	
#sidenavi03 li.sidenavi03-02 a:hover{
	background:url(../images/sidenavi-03.gif) no-repeat -200px -33px;
	height:32px; 
	}

#sidenavi03 li.sidenavi03-03 a{
	display:block;
	padding:0;
	background:url(../images/sidenavi-03.gif) no-repeat 0px -65px;
	width:200px;
	height:36px; 
	}
	
#sidenavi03 li.sidenavi03-03 a:hover{
	background:url(../images/sidenavi-03.gif) no-repeat -200px -65px;
	height:36px; 
	}

#sidenavi04 {
	margin:10px 0 10px 0;
	padding:0;
	}

#wrap2 {
	clear:both;
	}


#contents {
	width:540px;
	float:right;
	margin:10px 20px 0 0;
	}
	
*html body #contents {
	width:540px;
	float:right;
	margin:10px 10px 0 0;
	}

#contents p {
	margin-bottom:1.5em;
	padding:0 10px 0 10px;
	line-height:160%;
	}

#contents h2 {
	margin:10px 0px 10px 0px;
	}

#contents h3 {
	margin:10px 0px 10px 0px;

	}


*html body #sidenavi {
	width:200px;
	float:left;
	margin:10px 10px 0 10px;
	}

#footer{
	width:800px;
	color:#FFFFFF;
	background-color:#006600;
	text-align:center;
	padding:2px 0;
}

.go-pagetop {
	text-align:right;
	margin:10px 20px;
	}
	
.arrow {
	background:url(../images/arrow.gif) center left no-repeat;
	padding:2px 0px 2px 20px;
	}
	
.small{
	font-size:80%;
}


