@charset "UTF-8";

/*::::::::::::::::::::::::::::::::::::::::::::::::

page.css

::hexaproject co., ltd.

::::::::::::::::::::::::::::::::::::::::::::::::*/

/*	1.body color
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.btnTop a {
	position: absolute;
	top: 12px;
	right: 0;
	overflow: hidden;
	height: 0;
	width: 246px;
	display: block;
	padding-top: 70px;
	background: url('../images/common.gif') no-repeat -440px -12px;
	}
	.btnTop a:hover {
		background-position: -700px -12px;
		}
#navUpper {
	position: relative;
	margin-top: 5px;
	height: 25px;
	}
	#navUpper li {
		position: absolute;
		}
		#navUpper li a {
			overflow: hidden;
			height: 0;
			width: 120px;
			display: block;
			padding-top: 25px;
			background: url('../images/common.gif') no-repeat;			
			}
			#navUpper li a:hover {
				opacity: 0.5;
				}
		#navUpper li.next {
			right: 0;
			}
			#navUpper li.next a {
				background-position: -143px -198px;
				}
		#navUpper li.prev {
			right: 143px;
			}
			#navUpper li.prevBorder {
				right: 133px;
				border-right: 1px solid #333;
				padding-right: 10px;
				}
			#navUpper li.prevOnly {
				right: 0 !important;
				}
			#navUpper li.prev a,
			#navUpper li.prevOnly a,
			#navUpper li.prevBorder a {
				background-position: 0 -198px;
				}
#navLower {
	position: relative;
	margin-top: 5px;
	height: 120px;
	margin: 70px 0;
	}
	#navLower li {
		position: absolute;
		}
		#navLower li a {
			overflow: hidden;
			height: 0;
			width: 140px;
			display: block;
			padding-top: 120px;
			background: url('../images/common.gif') no-repeat;			
			}
			#navLower li a:hover {
				opacity: 0.5;
				}
		#navLower li.next {
			right: 0;
			}
			#navLower li.next a {
				background-position: -200px -260px;
				}
		#navLower li.prev {
			left: 0;
			}
			#navLower li.prev a {
				background-position: -20px -260px;
				}
		#navLower li.index {
			top: 20px;
			right: 0;
			}
			#navLower li.index a {
				overflow: hidden;
				height: 0;
				width: 246px;
				display: block;
				padding-top: 70px;
				background: url('../images/common.gif') no-repeat -440px -260px;			
				}
				#navLower li.index a:hover {
					opacity: 1;
					background-position: -700px -260px;
					}
h2 {
	overflow: hidden;
	height: 0;
	width: 960px;
	display: block;
	padding-top: 38px;
	margin: 20px 0 30px;
	background: url('../images/common.gif') no-repeat 0 -130px;
	}
.page01 h3 {
	overflow: hidden;
	height: 0;
	width: 850px;
	display: block;
	padding-top: 73px;
	margin: 30px 0 50px;
	background: url('../images/h3.gif') no-repeat 0 -266px;
	}
.page02 h3 {
	overflow: hidden;
	height: 0;
	width: 850px;
	display: block;
	padding-top: 29px;
	background: url('../images/h3.gif') no-repeat;
	}
	.page02 h3.copy01 {
		margin-top: 35px;
		background-position: 0 -339px;
		}
	.page02 h3.copy02 {
		margin: 20px 0 50px;
		background-position: 0 -368px;
		}
.page03 h3 {
	overflow: hidden;
	height: 0;
	width: 850px;
	display: block;
	padding-top: 71px;
	background: url('../images/h3.gif') no-repeat;
	}
	.page03 h3.copy01 {
		margin-top: 35px;
		background-position: 0 -398px;
		}
	.page03 h3.copy02 {
		margin: 30px 0 50px;
		background-position: 0 -469px;
		}
dl dd.kaji {
	
	}
/* 各要素の外見の定義 */
dl {
	padding: 0;
	}
	dl.left480 {
		float: left;
		width: 480px;
		}
	dl.left630 {
		float: left;
		width: 630px;
		}
	dl.right480 {
		float: right;
		width: 480px;
		}
	dl.right630 {
		float: right;
		width: 630px;
		}
	dl dt {
		overflow: hidden;
		height: 0;
		width: 50px;
		display: block;
		padding-top: 21px;
		float: left;
		}
		dl dt.kaji {
			background: url('../images/name_kaji.gif') no-repeat left top;
			}
		dl dt.takeda {
			background: url('../images/name_takeda.gif') no-repeat left top;
			}
	dl dd {
		font-size: 116%;
		padding: 0 0 35px 70px;
		}