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

* {
	font-family: Meiryo, Arial, Helvetica, sans-serif;
	line-height: 150%;
}

body {
	text-align: center;
}

a {
	color: #333333;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

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

input, select, textarea {
	font-size: 13px;
}

body#index #container {
	background: url(../img/layout/containerBg.jpg) no-repeat center 103px;
	}
body.company #container {
	background: url(../img/page/company/companyVisual.jpg) no-repeat center 103px;
	}
body.business #container {
	background: url(../img/page/business/businessVisual.jpg) no-repeat center 103px;
	}
body.product #container {
	background: url(../img/page/product/productVisual.jpg) no-repeat center 103px;
	}
body.sitemap #container {
	background: url(../img/page/sitemap/sitemapVisual.jpg) no-repeat center 103px;
	}
body.contact #container {
	background: url(../img/page/contact/contactVisual.jpg) no-repeat center 103px;
	}
	
#container {
	}
#containerWrap {
	padding: 0px 0px 60px 0px;
	overflow: hidden;
	zoom: 1;
	background: url(../img/layout/contentFooterBg.jpg) no-repeat center bottom;
	}
	
#header {
	border-bottom: 3px solid #CBCBCB;
	}
#headerWrap {
	width: 900px;
	margin: 0px auto;
	overflow: hidden;
	zoom: 1;
	}
	
	h1 {
		float: left;
		font-size: 12px;
		line-height: 40px;
		}
	
	#hNavi {
		float: right;
	}
	#hNavi li {
		float: left;
		display: inline;
		padding: 0px 0px 0px 20px;
		overflow: hidden;
		zoom: 1;
		}
		#hNavi li a {
			display: block;
			height: 40px;
			line-height: 40px;
			padding: 0px 0px 0px 10px;
			background: url(../img/common/arrow01.gif) no-repeat 0px center;
			}
	
	#head {
		height: 60px;
		overflow: hidden;
		zoom: 1;
		}
		
	#logo {
		float: left;
		padding: 0px 0px 0px 38px;
		}

	#gNavi {
		float: right;
		}
		#gNavi ul {
			overflow: hidden;
			zoom: 1;
			}
			#gNavi ul li {
				float: left;
				display: inline;
				width: 165px;
				}
				#gNavi ul li a {
					display: block;
					}

body#index #content{
	margin: 280px auto 0px auto;
	}
body#sub #content{
	margin: 150px auto 0px auto;
	}
#content {
	width: 900px;
	background: #FFFFFF;
	}
#contentWrap {
	padding: 20px;
	overflow: hidden;
	zoom: 1;
	}

	#page {
		float: left;
		width:640px;
		}
		#pageWrap {
			overflow: hidden;
			zoom: 1;
			}
	
	#side {
		float: right;
		width: 200px;
		}
		#sideWrap {
			overflow: hidden;
			zoom: 1;
			}
			
	#pageTop {}
		#pageTop a {
			display: block;
			padding: 0px 10px;
			text-decoration: none;
			background: #F6F6F6;
			overflow: hidden;
			zoom: 1;
			}
			#pageTop a span {
				float: right;
				line-height: 30px;
				padding: 0px 0px 0px 15px;
				background: url(../img/common/arrow03.gif) no-repeat 0px center;
				}
			#pageTop a:hover {
				background: #CBCBCB;
				}


#footer {
	border-top: 3px solid #CBCBCB;
	}
#footerWrap {
	width: 900px;
	margin: 0px auto;
	padding: 20px 0px;
	}
	
	#fNavi {
		margin: 0px 0px 50px 0px;
		}
		#fNavi ul {
			overflow: hidden;
			zoom: 1;
			}
			#fNavi ul li {
				float: left;
				width: 225px;
				padding: 0px 0px 0px 0px;
				}
			
				#fNavi ul li h3 {
					padding: 0px 0px 0px 10px;
					margin: 0px 0px 10px 0px;
					background: url(../img/common/arrow02.gif) no-repeat 0px center;
					}
				#fNavi ul li h3 a {
					font-size: 14px;
					font-weight: bold;
					}
				
				#fNavi ul li ul {}
				#fNavi ul li ul li {
					width: 100%;
					padding: 0px 0px 5px 10px;
					}
	#copyright {}
		#copyright p {
			font-size: 10px;
			text-align: right;
			}