@charset "utf-8";

@import "../../common/css/base.css";
@import "../../common/css/frame.css";

#bodyContent div.mainArea div.headObj:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.mainArea div.headObj,
.row {
	zoom: 1;
}

/* CONTENTS FRAME */
#container {
}
#bodyContent {
}
	#bodyContent div.mainArea {
	}
	#bodyContent div.sideArea {
	}
	#localnavigation {
	}


/* CONTENTS */
#bodyContent div.mainArea div.headObj {
	height: 197px;
}
	#bodyContent div.mainArea div.headObj h1 {
		position: relative;
		top: 61px;
		background: url(../images/tit.gif) no-repeat left top;
		height: 69px;
		/*\*//*/
		padding-bottom: 69px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyContent div.mainArea div.headObj p.image {
		position: relative;
		margin-top: -69px;
		float: right;
		width: auto;
	}

#bodyContent div.mainArea div.naviObj {
}
	#bodyContent div.mainArea div.naviObj div.p1 {
		position: relative;
		background: url(../../common/images/frm_b.gif) no-repeat left bottom;
		padding: 20px 19px 19px 19px;
		margin-bottom: 20px;
	}
	#bodyContent div.mainArea div.naviObj div.p2 {
		position: relative;
		background: url(../../common/images/frm_b.gif) no-repeat left bottom;
		padding: 20px 19px 19px 295px;
		margin-bottom: 20px;
	}
	#bodyContent div.mainArea div.naviObj div.p3 {
		position: relative;
		background: url(../images/frm_b.gif) no-repeat left bottom;
		padding: 23px 22px 22px 22px;
	}
		#bodyContent div.mainArea div.naviObj h3 {
			position: relative;
			z-index: 99;
			background: url(../images/hed1.gif) no-repeat left top;
			margin-bottom: 12px;
			height: 23px;
			/*\*//*/
			padding-bottom: 23px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#bodyContent div.mainArea div.naviObj div.p1 h3 {
			background: url(../images/hed1.gif) no-repeat left top;
			width: 106px;
		}
		#bodyContent div.mainArea div.naviObj div.p2 h3 {
			background: url(../images/hed2.gif) no-repeat left top;
			width: 142px;
		}
		#bodyContent div.mainArea div.naviObj div.p3 h3 {
			background: url(../images/hed3.gif) no-repeat left top;
			width: 216px;
		}
		
		#bodyContent div.mainArea div.naviObj p.image {
			background: url(../../common/images/frm_t.gif) no-repeat left top;
			position: absolute;
			left: 0;
			top: 0;
			width: 715px;
			height: 8px;
		}
		/* IE6 */
		#bodyContent div.mainArea div.naviObj div.p1 p.image {_left:-19px;}
		#bodyContent div.mainArea div.naviObj div.p2 p.image {_left:-295px;}
		#bodyContent div.mainArea div.naviObj div.p3 p.image {_left:-22px;}
		
		#bodyContent div.mainArea div.naviObj div.p3 p.image {
			background: url(../images/frm_t.gif) no-repeat left top;
		}
			#bodyContent div.mainArea div.naviObj div.p1 p.image img {
				position: absolute;
				left: 333px;
				top: -17px;
			}
			#bodyContent div.mainArea div.naviObj div.p2 p.image img {
				position: absolute;
				left: 12px;
				top: -11px;
			}
			#bodyContent div.mainArea div.naviObj div.p3 p.image img {
				position: absolute;
				left: 472px;
				top: 9px;
			}

		#bodyContent div.mainArea div.naviObj p.lead {
			position: relative;
			z-index: 99;
			margin-bottom: 18px;
		}
	
		#bodyContent div.mainArea div.naviObj ul {
		}
			#bodyContent div.mainArea div.naviObj ul li {
				width: 155px;
				height: 34px;
			}
				#bodyContent div.mainArea div.naviObj ul li a{
					background: url(../images/btn_detail.gif) no-repeat;
					background-position: 0 0;
					height: 34px;
					/*\*//*/
					padding-bottom: 34px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#bodyContent div.mainArea div.naviObj div.p3 ul li a{
					background: url(../images/btn_detail2.gif) no-repeat;
					background-position: 0 0;
				}
				#bodyContent div.mainArea div.naviObj ul li a:hover,
				#bodyContent div.mainArea div.naviObj div.p3 ul li a:hover {
					background-position: 0 -34px;
				}