@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(elements.css);

body {
	font-family:'メイリオ', Meiryo, Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	background:url(../images/common/bg.jpg) repeat-x #a9c570;
	font-size: 14px;
	color: #333;

}

div#wrapper {
	width: 970px;
	margin: 0 auto;
	background: url(../images/common/wrapper_bg.gif) repeat-y;
}

/*--------------------------------------
	Settings for header
----------------------------------------*/


	div#wrapper div#header {
		width: 970px;
		height: 80px;
		position: relative;
		background: url(../images/common/header.jpg);
	}

		div#wrapper div#header h1,
		div#wrapper div#header p {
			display: none;
		}

		div#wrapper div#header h3 {
	position: absolute;
	left: 611px;
	top: 15px;
		}

		div#wrapper div#header a {
			display: block;
			width: 370px;
			height: 75px;
			overflow: hidden;
			text-indent: -9999px;
		}

/*--------------------------------------
	Settings for g_navi
----------------------------------------*/
	div#wrapper div#g_navi {
		width: 970px;
		height: 40px;
	}

		div#wrapper div#g_navi ul{
			list-style: none;
		}

			div#wrapper div#g_navi ul li{
				height: 40px;
				background-image: url(../images/common/g_navi.jpg);
				text-indent: -9999px;
				float: left;
			}

			div#wrapper div#g_navi ul li a{
				display: block;
				height: 40px;
				overflow: hidden;
			}

			div#wrapper div#g_navi ul li a:hover{
				background-image: url(../images/common/g_navi_over.jpg);
			}

			div#wrapper div#g_navi ul li.navi1,
			div#wrapper div#g_navi ul li.navi1 a{
				background-position: 0 0;
				width: 106px;
			}

			div#wrapper div#g_navi ul li.navi2,
			div#wrapper div#g_navi ul li.navi2 a{
				background-position: -106px 0;
				width: 99px;
			}

			div#wrapper div#g_navi ul li.navi3,
			div#wrapper div#g_navi ul li.navi3 a{
				background-position: -205px 0;
				width: 137px;
			}

			div#wrapper div#g_navi ul li.navi4,
			div#wrapper div#g_navi ul li.navi4 a{
				background-position: -342px 0;
				width: 112px;
			}

			div#wrapper div#g_navi ul li.navi5,
			div#wrapper div#g_navi ul li.navi5 a{
				background-position: -454px 0;
				width: 110px;
			}

			div#wrapper div#g_navi ul li.navi6,
			div#wrapper div#g_navi ul li.navi6 a{
				background-position: -564px 0;
				width: 106px;
			}

			div#wrapper div#g_navi ul li.navi7,
			div#wrapper div#g_navi ul li.navi7 a{
				background-position: -670px 0;
				width: 98px;
			}

			div#wrapper div#g_navi ul li.navi8,
			div#wrapper div#g_navi ul li.navi8 a{
				background-position: -768px 0;
				width: 98px;
			}

			div#wrapper div#g_navi ul li.navi9,
			div#wrapper div#g_navi ul li.navi9 a{
				background-position: -866px 0;
				width: 104px;
			}

/*--------------------------------------
	Settings for flash
----------------------------------------*/
	div#wrapper div#flash {
		background: url(../images/common/flash.jpg) no-repeat 0 0;
		text-align: center;
		width: 970px;
		height: 200px;
 	}


/*--------------------------------------
	Settings for topicpath
----------------------------------------*/

	div#wrapper div#topicpath {
		background: url(../images/common/topicpath_bg.jpg) no-repeat 0 0;
		text-align: center;
		width: 970px;
		height: 30px;
 	}

/*--------------------------------------
	Settings for main
----------------------------------------*/
	div#wrapper div#main {
		background: url(../images/common/main_bg_top.jpg) no-repeat 0 0;
		padding-top: 10px;
 	}

/*--------------------------------------
	Settings for left
----------------------------------------*/
		div#wrapper div#main div#left {
			width: 220px;
			padding: 0 0 0 25px;
			float: left;
		}

			div#wrapper div#main div#left h3{
				margin: 5px 0;
			}

			div#wrapper div#main div#left div.left_menu{
				margin: 10px 0 0 0;
 				border-top: solid 4px #333;
				width: 220px;
			}

				div#wrapper div#main div#left div#accordion ul{
					font-weight: bold;
				}
				
				div#wrapper div#main div#left div#accordion ul.top{
						/*margin: 10px 0 0 0;*/
						border-top: solid 4px #333;	
						}
				



					div#wrapper div#main div#left div#accordion ul li{
						width: 210px;
						height: 27px;
						padding: 7px 0 0 10px;
 	 					background: url(../images/common/left_navi_bg.jpg) no-repeat 0 0; 

					}
					
					
					
					

						div#wrapper div#main div#left div#accordion ul a{
							text-decoration: none;
							display: block;
							width: 210px;
							height: 27px;
							padding: 7px 0 0 10px;
							margin: -7px 0 0 -10px;

						}

						div#wrapper div#main div#left div#accordion ul a:hover{
							color: #2460b8; 
						}

								div#wrapper div#main div#left div#accordion ul li.low{
									width: 208px;
									height: 24px;
									clear: both;
									border-left: solid 1px #d1cdc3;
									border-right: solid 1px #d1cdc3;
									border-bottom: solid 1px #d1cdc3;
									margin: 0;
									padding: 5px 0 0 10px;
									background-image: none;
									background-color: #ebe8e1; 
								}
			
									div#wrapper div#main div#left div#accordion ul li.low a{
										text-decoration: none;
										display: block;
										width: 208px;
										height: 24px;
										padding: 5px 0 0 10px;
										margin: -5px 0 0 -10px;
									}
			
									div#wrapper div#main div#left div#accordion ul li.low a:hover{
										color: #2460b8; 
										background-color: #fffbd5; 
										
									}
		div#wrapper div#main div#left p.title{
			width: 220px;
			text-align:left;
			height: 24px;
			/*padding-left: 5px;*/
			margin: 5px 0;
			/*border-left:#000 5px solid;*/
			line-height:24px;
			font-weight:bold;
			color:#660000;
		}



/*--------------------------------------
	Settings for right
----------------------------------------*/

		div#wrapper div#main div#right {
			width: 675px;
			padding: 0 26px 0 20px;
			float: left;
			clear:right;  
			}
		div#wrapper div#main div#right p {
				line-height: 1.5;
			}

		div#wrapper div#main div#sitemap{
		width:675px;
		padding: 0 26px 0 20px;
		float: left;
		clear:right;  
		}
		div#wrapper div#main div#sitemap ul  li{
		float:left;
		width:140px;
		}
		
		div#wrapper div#main div#sitemap ul {
		width:675px;
		padding-bottom:5px;
		}
		div#wrapper div#main div#sitemap ul  li{
		float:left;
		width:140px;
		}
		div#wrapper div#main div#sitemap ul  li.list01{
		background:url(../images/common/sitemap_arrow.jpg) 0 0 no-repeat;
		padding:0 5px 5px 20px;
		font-size:12px;
		}
		div#wrapper div#main div#sitemap ul  li.list02{
		background:url(../images/common/link_bg.gif) 0 5px no-repeat;
		padding:0 0px 0px 10px;
		width:155px;
		font-size:10px;
		}
		div#wrapper div#main div#sitemap ul.colum01{
		width:155px;
		float:left;
		}
		div#wrapper div#main div#sitemap ul.colum01 li{
		background:url(../images/common/sitemap_arrow.jpg) 0 0 no-repeat;
		padding:0 5px 1px 20px;
		font-size:12px;
		}
		
		div#wrapper div#main div#sitemap ul.colum02{
		width:520px;
		float:left;
		}
		div#wrapper div#main div#sitemap ul.colum02 li{
		background:url(../images/common/sitemap_arrow.gif) no-repeat 0 0;
		padding:0 0 0 15px;
		width:150px;
		font-size:10px;
		float:left;
		margin-left:5px;
		line-height: 1.2;
		margin-bottom: 7px;
		}
		div#wrapper div#main div#sitemap p.sitemaptit{
		font-size:12px;
		margin:0;
		padding:25px 0 5px;
		font-weight: bold;
		color: #ee8615;
		}
		div#wrapper div#main div#sitemap hr.bar {
			clear: both;
			font-size: 1px;
			border: 0;
			border-top: 1px dotted #999;
			margin: 7px 0;
			width: 630px;
		}


div.p_n {
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding: 30px 0 5px;
}
	div.p_n  a {
		text-decoration: none;
	}
	div.p_n  a:hover {
		text-decoration: underline;
	}
		div.p_n a span.pnbox {
			border: 1px solid #3f7d0e;
			background: 1px #69994d;
			padding: 0 2px;
			color: #fff;
		}

/*--------------------------------------
	Settings for footer
----------------------------------------*/

	div#wrapper div#footer {
		clear: both;
		width: 970px;
		height: 89px;
		background: url(../images/common/footer_bg.jpg) no-repeat 0 0 ;
		position: relative;
	}

		div#wrapper div#footer ul {
			clear: both;
			font-size: 12px;
			margin: 10px 0 0 20px;
			}

			div#wrapper div#footer ul li{
				border-color: #fff;
			}	
				div#wrapper div#footer ul li a{
					color: #FFF;
					}

				div#wrapper div#footer ul li a:hover{
					color: #CC9900;
					}

		div#wrapper div#footer p {
			color:#fff;
			font-size: 12px;
			margin: 10px 0 0 600px;
			}

			div#wrapper div#footer p a{
				color:#fff;
				}

			div#wrapper div#footer p.links{
				color:#fff;
				position: absolute;
				left: -580px;
				top: 57px;
				font-size: 12px;
				}
				
/*--------------------------------------
	用語集用CSS
----------------------------------------*/
ul#Glossary{ width: 680px; margin: 0 auto 20px auto;}
ul#Glossary:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul#Glossary li{
width: 66px;
height: 40px;
line-height: 40px;
float: left;
border: #ebe8e1 solid 1px;
border-left: none;
text-align: center;
background:url(../images/common/th_bg.gif) 0 0 #ebe8e1;
}
ul#Glossary li.listtop{
border-left: #ebe8e1 solid 1px;
}



a.bengo_link{
	color: #aaa;
	font-size: 10px;
	display: block;
	text-align: center;
	margin-top: -5px;
}


span.marL20{
	display: block;
}


ul.li01 li{
	list-style: disc outside;
	margin-left: 10px;
}

table.ta01{
	font-size: 11px;
}