@charset "UTF-8";
/*==================================================
 LAYOUT CSS
==================================================*/

* {
	line-height: 150%;
}

body {
	text-align: center;
	background: #ECECEC;
	font-family: "メイリオ", Meiryo, monospace;
}

a {
	color: #01409D;
	text-decoration: none;
}
	a:hover {
	}

p, div {
	font-size: 12px;
	color: #333333;
}

input, select, textarea {
	font-size: 12px;
	padding: 3px 5px;
}

#container {
	width: 996px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	background: url(../img/layout/containerBg.jpg) repeat-y left top;
	}
body#sub #container {
	background: url(../img/layout/containerSubBg.jpg) repeat-y left top;
	}
#containerWrap {
	padding: 0px 18px;
	overflow: hidden;
	zoom: 1;
	}

	#header {
		}
	#headerWrap {
		}
		
		#head {
			height: 64px;
			background: url(../img/layout/header/headerBg.jpg) repeat-y 0px 0px;
			overflow: hidden;
			zoom: 1;
			}
			
			#hNavi {
				float: right;
				width: 309px; 
/*				width: 229px; */
				overflow: hidden;
				zoom: 1;
				}
				#hNavi ul {
					overflow: hidden;
					zoom: 1;
					}
					#hNavi ul li {
						float: left;
						display: inline;
						}
			
			#translate {
				padding: 6px 10px;
				float: right;
				clear: right;
				}
		
			#logo {
				float: left;
				}
	
		#gNavi {
			}
			#gNavi ul {
				overflow: hidden;
				zoom: 1;
				}
				#gNavi ul li {
					float: left;
					display: inline;
					}
					#gNavi ul li a {
						}
						
	#content {
		padding: 20px;
		}
	#contentWrap {
		overflow: hidden;
		zoom: 1;
		}
		
		#side {
			float: left;
			width: 210px;
			}
		#sideWrap {
			overflow: hidden;
			zoom: 1;
			}
			
			#sNavi {}
				#sNavi ul {
					background: #F2F3EF;
					}
					#sNavi ul li {
						}
						#sNavi ul li a {
							display: block;
							padding: 10px;
							color: #002A9F;
							border-bottom: 1px solid #D2D4C7;
							}
						#sNavi ul li h3 {
							font-size: 12px;
							color: #FFFFFF;
							padding: 5px 0px 5px 5px;
							background: #696A62;
							}
				#sNavi ul li.last,
				#sNavi ul li.last a {
					border-bottom: none !important;
					}	
					
				#sNavi ul li ul {
					background: #E6E7E0;
					}
					#sNavi ul li ul li {
						}
						#sNavi ul li ul li a {
							padding: 5px 0px 5px 5px;
							margin: 0px 0px 0px 15px;							
							}
						
				#sNavi ul li ul li ul {
					background: #DCDDD3;
					}
					#sNavi ul li ul li ul li {
							padding: 0px 0px 0px 10px;
						}
						#sNavi ul li ul li ul li a {
							padding: 5px 0px 5px 5px;
							}
		
		#page {
			float: right;
			width: 680px;
			}
		#pageWrap {
			overflow: hidden;
			zoom: 1;
			}
			
			#bNavi {}
				#bNavi ul {
					overflow: hidden;
					zoom: 1;
					}
					#bNavi ul li {
						float: left;
						display: inline;
						margin: 0px 5px 0px 0px;
						}
						
						#bNavi ul li a {
							color: #333333;
							}
		
	#footer {
		height: 93px;
		background: url(../img/layout/footer/footerBg.jpg) repeat-x 0px 0px;
		}
	#footerWrap {
		padding: 30px;
		overflow: hidden;
		zoom: 1;
		}
		
		#flogo {
			float: left;
			}
		
		#foot {
			float: left;
			padding: 0px 0px 0px 15px;
			}
			#fNavi {
				}
				#fNavi ul {
					overflow: hidden;
					zoom: 1;
					}
					#fNavi ul li {
						float: left;
						display: inline;
						margin: 0px 15px 0px 0px;
						}
						#fNavi ul li a {
							font-size: 12px;
							color: #FFFFFF;
							}
			#copyright {
				font-size: 10px;
				color: #FFFFFF;
				}