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

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

body {
	text-align: center;
}

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

a {
	color: #0099CC;
}

input {
	font-size: 12px;
}

#container {
	
}
	
	#containerWrap {}

	
#header {
	height: 140px;
	background: url(../img/layout/containerBg.jpg) repeat-x 0px 0px;
}

body.popup #header {
	height: 70px;
	background:  url(../img/layout/containerBgS.jpg) repeat-x 0px 0px;
}
body.print #header {
	height: 70px;
	background: none;
}
	#headerWrap {
		width: 965px;
		margin: 0px auto;
	}
	
	body.popup #headerWrap {
		width: 600px;
		margin: 0px auto;
	}
	
	body.print #headerWrap {
		width: 750px;
		margin: 0px auto;
	}
	
	h1 {
		float: left;
		font-size: 11px;
		line-height: 19px;
		color: #6E6646;
	}
	
	#logo {
		float: left;
		clear: left;
		margin: 13px 0px 0px 0px;
	}
	
	#hNavi {
		float: right;
		width: 255px;
		height: 40px;
	}
		#hNavi ul {}
			#hNavi ul li {
				float: left;
				display: inline;
			}
				#hNavi ul li a {
					display: block;
					height: 40px;
					text-indent: -99999px;
				}
					#hNavi ul li.hNavi01 a {
						width: 130px;
						background: url(../img/layout/hNavi.jpg) no-repeat 0px 0px;
					}
					#hNavi ul li.hNavi02 a {
						width: 133px;
						background: url(../img/layout/hNavi.jpg) no-repeat -130px 0px;
					}
					#hNavi ul li.hNavi03 a {
						width: 123px;
						background: url(../img/layout/hNavi.jpg) no-repeat -263px 0px;
					}
		#hBanner {
			width: 506px;
			float: right;
			margin: 9px 0px 0px 0px;
		}


#contents {
	padding: 30px 0px;
}
body.print #contents {
	padding: 0px 0px 30px 0px;
}
	#contentsWrap {
	}
	
		#contents h2 {
			text-align: center;
		}
	
		#contents .side {
			float: right;
			width: 188px;
			text-align: center;
		}
		#contents .sideWrap {
		}
		
		#contents .page {
			float: left;
			width: 750px;
		}
		#contents .pageWrap {
		}
		
		body.category #contents .side {
			float: left;
			width: 188px;
			text-align: center;
		}
		body.category #contents .page {
			float: right;
			width: 750px;			
		}
		
		body.popup #contents .side {
			display: none;
		}
		body.popup #contents .page {
			float: none;
			width: 600px;
			margin: 0px auto;
		}
		
		body.print #contents .side {
			display: none;
		}
		body.print #contents .page {
			float: none;
			width: 750px;
			margin: 0px auto;
		}

		
#footer {
	height: 110px;
	background: url(../img/layout/footerBg.jpg) repeat-x 0px 0px;
}
body.popup #footer {
	height: 60px;
	background: url(../img/layout/footerBgS.jpg) repeat-x 0px 0px;
}
body.print #footer {
	height: 60px;
	background: none;
}
	#footerWrap {
		width: 965px;
		margin: 0px auto;
		padding: 30px 0px 0px 0px;
	}
	body.popup #footerWrap {
		width: 600px;
		margin: 0px auto;
		padding: 20px 0px 0px 0px
	}
	body.print #footerWrap {
		width: 750px;
		margin: 0px auto;
		padding: 20px 0px 0px 0px
	}
	
	#fNavi {
		clear: both;
	}
		#fNavi ul {}
			#fNavi ul li {
				float: left;
				display: inline;
				margin: 0px 20px 0px 0px;
				color: #FFFFFF;
			}
				#fNavi ul li a {
					color: #FFFFFF;
					text-decoration: underline;
				}
					#fNavi ul li a:hover {
						text-decoration: none;
					}
	#footer p,
	#copyright {
		color: #FFFFFF;
	}
	
	#copyright {
		float: left;
		line-height: 20px;
		padding: 0px 0px 0px 20px;
	}