@charset "utf-8";

@import "../../common/css/base.css";
@import "../../common/css/frame.css";

#bodyContent div.mainArea div.designObj div.designer div.whois:after,
#bodyContent div.mainArea div.systemObj div.point ul.link:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.mainArea div.designObj div.designer div.whois,
#bodyContent div.mainArea div.systemObj div.point ul.link,
.row {
	zoom: 1;
}

/* CONTENTS FRAME */
#container {
}
#bodyContent {
}
	#bodyContent div.mainArea {
	}
	#bodyContent div.sideArea {
	}
	
	#localnavigation {
		margin-bottom: 181px;
	}


/* CONTENTS */
#bodyContent div.mainArea div.headObj {
	position: relative;
	height: 365px;
	margin-bottom: 29px;
}
	#bodyContent div.mainArea div.headObj p.image {
		position: absolute;
		left: -250px;
		top: 0;
	}
	#bodyContent div.mainArea div.headObj h1,
	#bodyContent div.mainArea div.headObj ul {
		display: none;
	}


#bodyContent div.mainArea div.systemObj {
	margin-bottom: 48px;
}
	#bodyContent div.mainArea div.systemObj h3 {
		background: url(../images/tit1.gif) no-repeat left top;
		margin-bottom: 16px;
		height: 53px;
		/*\*//*/
		padding-bottom: 53px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyContent div.mainArea div.systemObj p.lead {
		margin-bottom: 32px;
	}
	#bodyContent div.mainArea div.systemObj div.point {
		position: relative;
		width: 715px;
		height: 537px;
		margin-bottom: 0px;
	}
		#bodyContent div.mainArea div.systemObj div.point div.p1 {
			position: absolute;
			z-index: 99;
			left: 16px;
			top: 14px;
			width: 245px;
		}
		#bodyContent div.mainArea div.systemObj div.point div.p2 {
			position: absolute;
			z-index: 99;
			left: 400px;
			top: 26px;
			width: 295px;
		}
		#bodyContent div.mainArea div.systemObj div.point div.p3 {
	position: absolute;
	z-index: 99;
	left: 12px;
	top: 406px;
	width: 361px;
		}
			#bodyContent div.mainArea div.systemObj div.point h4 {
	margin-bottom: 8px;
	height: 18px;
	/*\*//*/
				padding-bottom: 18px;
				/**/
				text-indent: -9999px;
	overflow: hidden;
	display: block;
			}
			#bodyContent div.mainArea div.systemObj div.point div.p1 h4 {
				background: url(../images/hed1.gif) no-repeat left top;
			}
			#bodyContent div.mainArea div.systemObj div.point div.p2 h4 {
				background: url(../images/hed2.gif) no-repeat left top;
			}
			#bodyContent div.mainArea div.systemObj div.point div.p3 h4 {
				background: url(../images/hed3.gif) no-repeat left top;
			}
			#bodyContent div.mainArea div.systemObj div.point ul.list {
				margin-bottom: 8px;
			}
			#bodyContent div.mainArea div.systemObj div.point ul.link {
			}
				#bodyContent div.mainArea div.systemObj div.point ul.link li {
					float: left;
					width: atuo;
					margin-right: 15px;
				}
					#bodyContent div.mainArea div.systemObj div.point ul.link a {
						float: left;
						width: atuo;
						background: url(../../common/images/arw2.gif) no-repeat left 48%;
						height: 17px;
						padding-left: 21px;
						line-height: 17px;
						font-weight: bold;
						display: block;
					}
	#bodyContent div.mainArea div.systemObj p.pointnote {
		padding: 18px 0;
		color: #666;
		font-size: 10px;
		/*\*/
		*font-size: 75%;
		/**/
		text-align: right;
	}


#bodyContent div.mainArea div.designObj {
	position: relative;
	margin-bottom: 42px;
	padding-bottom: 211px;
}
	#bodyContent div.mainArea div.designObj h3 {
		background: url(../images/tit2.gif) no-repeat left top;
		margin-bottom: 16px;
		height: 53px;
		/*\*//*/
		padding-bottom: 53px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyContent div.mainArea div.designObj p.lead {
	margin-bottom: 12px;
	width: 460px;
	}
	#bodyContent div.mainArea div.designObj div.designer {
		position: relative;
		z-index: 99;
		border: solid 3px #ffa73b;
		border-bottom: none;
		width: 425px;
		padding-top: 13px;
	}
		#bodyContent div.mainArea div.designObj div.designer h4 {
			background: url(../images/hed4.gif) no-repeat 12px top;
			margin-bottom: 8px;
			height: 15px;
			/*\*//*/
			padding-bottom: 15px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#bodyContent div.mainArea div.designObj div.designer p.deslead {
			margin-bottom: 16px;
			padding: 0 13px;
		}
		#bodyContent div.mainArea div.designObj div.designer div.whois {
			background: #ffedd8 url(../../common/images/dot2.gif) repeat-x left top;
			padding: 15px 13px 13px 13px;
		}
			#bodyContent div.mainArea div.designObj div.designer div.whois p.whothumb {
				float: left;
				width: auto;
			}
			#bodyContent div.mainArea div.designObj div.designer div.whois p.whoname {
				float: right;
				width: 296px;
				margin-bottom: 8px;
			}
				#bodyContent div.mainArea div.designObj div.designer div.whois p.whoname span {
					font-size: 10px;
					/*\*/
					*font-size: 75%;
					/**/
				}
			#bodyContent div.mainArea div.designObj div.designer div.whois p.wholead {
				float: right;
				width: 296px;
				color: #666;
				font-size: 10px;
				/*\*/
				*font-size: 75%;
				/**/
			}
			
			#bodyContent div.mainArea div.designObj ul.link {
				background: url(../../common/images/dot2.gif) repeat-x left top;
				padding: 15px 13px 13px 13px;
			}
				#bodyContent div.mainArea div.designObj ul.link li {
				}
					#bodyContent div.mainArea div.designObj ul.link a {
						background: url(../../common/images/arw2.gif) no-repeat left 48%;
						height: 17px;
						padding-left: 21px;
						line-height: 17px;
						font-weight: bold;
						display: block;
					}
					#bodyContent div.mainArea div.designObj ul.link span.dead {
						background: url(../../common/images/arw2_dead.gif) no-repeat left 48%;
						height: 17px;
						padding-left: 21px;
						line-height: 17px;
						font-weight: bold;
						display: block;
						color: #666;
					}
					#bodyContent div.mainArea div.designObj ul.link span.dead strong {
						color: #000;
					}
			#bodyContent div.mainArea div.designObj p.image1 {
				position: absolute;
				right: 0;
				top: -33px;
			}
			#bodyContent div.mainArea div.designObj p.image2 {
				position: absolute;
				z-index: 1;
				bottom: 0;
				left: 0;
				_top:342px;
			}




			
			
#bodyContent div.mainArea div.buttonObj {
	background: url(../images/footbtn_hed.gif) no-repeat left top;
	height: 66px;
}
	#bodyContent div.mainArea div.buttonObj ul {
	}
	#bodyContent div.mainArea div.buttonObj ul li {
	}
	#bodyContent div.mainArea div.buttonObj ul li a {
		background: url(../images/footbtn_btn.gif) no-repeat;
		background-position: 464px 19px;
		height: 66px;
		/*\*//*/
		padding-bottom: 66px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		cursor: pointer;
	}
	#bodyContent div.mainArea div.buttonObj ul li a:hover {
		background-position: 464px -47px;
	}

