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

@import "base.css";
@import "lightbox.css";

/*-------------------------------------------------------------------------
	all
/*-----------------------------------------------------------------------*/

#all {
	
	background:#fff;
}

.wrap {
	position:relative;
	width:960px;
	margin:0 auto;	
}

.page {
	background:url(../../img/common/main/side/bg.gif) repeat-y 732px top; 
}


/*-------------------------------------------------------------------------
	header
/*-----------------------------------------------------------------------*/

#header,
#contactusHeader {
	position:relative;
	width:960px;
	margin:0 auto 18px auto;
	padding-top:30px;
}

	#header h1,
	#contactusHeader h1 {
		float:left;
		width:580px;
	}

	#header .subNavi,
	#contactusHeader .subNavi {
		float:right;
		width:197px;
	}
			
		#header .subNavi li,
		#contactusHeader .subNavi li {
			display:inline;
			float:left;
			padding-right:1px;
			background:url(../../img/common/header/subNavi/line.gif) no-repeat right center;
		}


/*-------------------------------------------------------------------------
	glovalNavi
/*-----------------------------------------------------------------------*/		

#index #glovalNavi {
	margin-bottom:10px;
	background:url(../../img/index/header/glovalNavi/bg.jpg) repeat-x left bottom;
}

#contactusGlovalNavi,
#glovalNavi {
	background:url(../../img/common/header/glovalNavi/bg.jpg) repeat-x left bottom;
}

	#contactusGlovalNavi ul,
	#glovalNavi ul {
		width:960px;
		margin:0 auto;
	}
	
		#contactusGlovalNavi ul li,
		#glovalNavi ul li {
			display:inline;
			float:left;
		}		


/*-------------------------------------------------------------------------
	main
/*-----------------------------------------------------------------------*/

#main {
	padding-bottom:70px;
}
	
	#main #bread {
		height:35px;
		line-height:35px;
		margin-bottom:45px;
		padding-bottom:5px;
		background:#f9f8f2;
		color:#00802b;
		font-size:71%;
	}
	
		#main #bread ul {
			width:960px;
			margin:0 auto;
		}
		
			#main #bread li {
				display:inline;
				
			}
			
				#main #bread li a:link,
				#main #bread li a:visited {
					display:inline;
					margin-right:1em;
					padding-right:2em;					
					background:url(../../img/common/main/bread/ico.gif) no-repeat right center;
					color:#000;
				}
				
				#main #bread li a:hover {
					color:#ed7000;
				}

	#main #side {
		float:right;
		width:220px;
	}
	
		#index #main #side {
			width:270px;
		}
		
		#main #side .navi {
			margin-bottom:15px;
			border:solid 1px #d7d7d7;
		}
		
			#main #side .navi a {
				display:block;
				font-size:86%;
			}
		
				#main #side .navi li a {
					padding:12px 0 12px 30px;
					color:#000;
					border-top:solid 1px #d7d7d7;
					letter-spacing:-0.02em;
					zoom:1;	
				}
				
					#main #side .navi ul {
						margin-top:-1px;
					}
				
				#main #side .navi li a {
					background:url(../../img/common/main/side/navi/bg_off.gif) no-repeat left top;
				}
				
				#main #side .navi li a:hover {
					background:url(../../img/common/main/side/navi/bg_on.gif) no-repeat left top;
				}
				
					#main #side .navi li a.current {
						background:url(../../img/common/main/side/navi/bg_on.gif) no-repeat left top;
					}
					
						#main #side .navi ul ul {
							margin-top:-4px;
							margin-bottom:10px;
						}
						
						#main #side .navi li a.external {
							background:url(../../img/common/main/side/navi/external_off.gif) no-repeat left top;
						}
						
							#main #side .navi li a.external:hover {
								background:url(../../img/common/main/side/navi/external_on.gif) no-repeat left top;
							}
						
						#main #side .navi li li a {
							padding:4px 5px 4px 40px;
							border-top:none;
							background-image:url(../../img/common/main/side/navi/ico.gif);
							background-position:30px center;
							background-repeat:no-repeat;
							
						}
						
						#main #side .navi li li a:hover {
							background-image:url(../../img/common/main/side/navi/ico.gif);
							background-position:30px center;
							background-repeat:no-repeat;
							background-color:#f9f8f2;
						}
						
						#main #side .navi li li a.current {
							background-color:#f9f8f2;
						}
						
							*html #main #side .navi li li a {
								padding:4px 0 4px 55px !important;
								
							}
	
		#main #side #bnr li,
		#main #side #contactusBnr li {
			margin-bottom:10px;
		}
	
	#main #option,
	#main #contactusOption {
		position:absolute;
		top:0;
		z-index:20;
	}
		#main #option li,
		#main #contactusOption li {
			margin-bottom:6px;
			padding-left:1px;
		}
		
			#main #option li.pagetop,
			#main #contactusOption li.pagetop {
				margin-bottom:15px;
			}
		

/*-------------------------------------------------------------------------
	contents
/*-----------------------------------------------------------------------*/

	#contents {
		float:left;
		width:710px;
	}
	
		#contents h2 {
			margin-bottom:15px;
			color:#111;
			font-size:215%;
			font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			letter-spacing:0.05em;
		}
		
			#contents h2 span {
				display:block;
				color:#555;
				font-size:30%;
				font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
				letter-spacing:normal;
			}
		
			#contents #lead {
				margin-bottom:40px;
			}
			
				#contents #lead p {
					margin-bottom:30px;
				}
				
				#contents #lead dl dt {
					line-height:1.5;
					margin-bottom:5px;
					color:#006d24;
					font-size:129%;
				}
				
				#contents #lead dl dd {
					font-size:114%;
				}
				
				#contents .box {
					margin-bottom:60px;
				}
					
					#contents .box h3,
					#contents #lead h3 {
						height:37px;
						line-height:37px;
						margin-bottom:30px;
						padding-left:15px;
						background:url(../../img/common/main/contents/stitle/bg.gif) no-repeat left center;
						font-weight:bold;
						letter-spacing:0.05em;
					}
					
					#contents #lead h3 {
						margin-bottom:20px;
					}
					
						#contents .box h3 span {
							font-size:80%;
						}
					
					
					#contents .box p {
						margin-bottom:1em;
					}
					
					#main #lead a.external,
					#main .box a.external:link,
					#main .box a.external:visited {
						padding-right:20px;
						background:url(../../img/common/main/contents/ico/external.gif) no-repeat right center;
						color:#196ddc;
						font-weight:bold;
						text-decoration:underline;
					}
					
					#main .box a.external:hover {
						color:#09F;
					}
					
					#contents .link {
						margin:10px 0 0 0;
						padding:0 0 3px 18px;
						background:url(../../img/common/main/contents/ico/link.gif)  no-repeat left center;
						
					}
					
						#contents .link a:link {
							border-bottom:1px #36C dotted;
							font-weight:bold;
						}
						
						#contents .link a:hover {
							border-bottom:1px #333 dotted;
							background:#e8e50d;
							color:#000;
						}


#contents #info {
	margin:0 0 1em 0;
	padding:20px 0 0 0;
	border-top:1px dotted #999;
}

	#contents #info h4 {
		padding:0 50px 15px 0;
		text-align:center;
	}
	
	#contents #info dl {
		margin:0 auto;
		padding:0;
		width:440px;
	}
	
		#contents #info dl dt {
			width:195px;
			float:left;
			border-right:1px solid #d7d7d7;
		}
		
		#contents #info dl dd {
			width:233px;
			float:right;
		}
		
			#contents #info dl dd ul {
				margin:0;
			}
		
				#contents #info dl dd ul li {
					padding:0;
					border:0;
				}
				
				#contents #info dl dd ul .contactus {
					padding:0 0 0 0;
				}
	
	#contents #info p {
		margin:0;
		text-align:center;
		font-size:86%;
		color:#333;
	}
				
	#contents .systemLink li {
		display:inline;
		float:left;
		border:3px solid #006D24;
		text-align:center;
	}

		#contents .systemLink li a {
			zoom:1;
		}
		
		#contents .systemLink li a:link {
			display:block;
			color:#409752;
			font-weight:bold;
		}
			
		#contents .systemLink li a:hover {
			background:#e8e50d;
			color:#006D24;
		}
		
	#contents dl.pdf dt,
	#contents ul.pdf li,
	#contents span.pdf {
		padding-left:20px;
		background:url(../../img/common/main/contents/ico/pdf.gif) no-repeat left center;
	}
	
		#contents .pdf a {
			font-weight:bold;
		}
		
	#contents .box .image {
		text-align:center;
	}
	
	#contents .note {
		margin-bottom:1em;
		font-size:86%;
	}


/*-------------------------------------------------------------------------
	footer
/*-----------------------------------------------------------------------*/
		
#footer {
	clear:both;
	padding:20px 0 200px 0;
	border-top:#e6e6e6 1px solid;
	color:#666;
	font-size:71%;
}	

	#footer .navi {
		margin-bottom:6px;
		padding-bottom:15px;
		background: url(../../img/common/footer/bdr.gif) no-repeat left bottom;
	}
	
		#footer .navi a:link,
		#footer .navi a:visited {
			color:#333;
			text-decoration:none;
		}
		
			#footer .navi .mainNavi {
				float:left;
				width:50%;
			}
			
				#footer .navi li {
					padding:0 12px 0 10px;
				}
			
			#footer .navi .subNavi {
				float:right;
				width:160px;
			}
			
				
	
			#footer .navi li {
				display:inline;
				background: url(../../img/common/footer/line.gif) no-repeat right center;
			}
		
					#footer .navi .mainNavi .first {
						padding:0;
						background:none;
					}
			
					#footer .navi li img {
						vertical-align:middle;
					}
				
	#footer .copy {
		padding-left:5px;
	}
	

/**
 * font-size一覧（14px : 100%）
 * 
 *  10 px : 71%   |  11 px : 79%
 *  12 px : 86%   | 
 *  14 px : 100%  |  15 px : 107%
 *  16 px : 114%  |
 *  18 px : 129%  |
 *  20 px : 143%  |  22 px : 157%
 *  24 px : 171%  |
 *  30 px : 215%  |
 *
 */