@charset "utf-8";

/* TOP page Only */

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


#bodyContent div.researchObj div.listbox:after,
#otherContent .content:after,
#bodyContent div.otherObj:after,
#bodyContent div.facilityObj:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.researchObj div.listbox,
#otherContent .content,
#bodyContent div.otherObj,
#bodyContent div.facilityObj,
.row {
	zoom: 1;
}



/* TOP CONTENTS */
#topContent {
	background: url(/common/images/top/bg_main.png) repeat-x left top;
	padding-top: 15px;
	text-align: center;
	margin-bottom: 6px;
}
	#topContent .content {
		position: relative;
		background: url(/common/images/top/frm_main.png) no-repeat left top;
		margin: 0 auto;
		width: 960px;
		height: 270px;
		margin-bottom: 20px;
		text-align: left;
	}
	#topContent div.bannerObj {
		position: absolute;
		left: 3px;
		top: 3px;
		width: 710px;
	}
		#topContent div.bannerObj div.pack {
			position: absolute;
			left: 0;
			top: 0;
		}
		#topContent div.bannerObj p.image {
			margin-bottom: 15px;
			background-color: #fff;
		}
			#topContent div.bannerObj p.image a:hover img{
				filter: alpha(opacity=70);
				opacity: 0.7;
			}
		#topContent div.bannerObj p.icn {
			position: relative;
			margin-top: -3px;
			margin-right: 18px;
			float: left;
			width: auto;
		}
		#topContent div.bannerObj h2 {
			font-size: 18px;
			/*\*/
			*font-size: 148%;
			/**/
			font-weight: bold;
			line-height: 1.1;
			margin-bottom: 4px;
			padding: 0 20px;
			color: #000;
		}
			#topContent div.bannerObj h2 a, 
			#topContent div.bannerObj h2 a:hover {
				color: #002255;
			}
		#topContent div.bannerObj p.lead {
			padding: 0 20px;
			line-height: 1.5;
			font-size: 11px;
		}
		#topContent div.bannerObj div.with-icn h2,
		#topContent div.bannerObj div.with-icn p.lead {
			padding: 0 20px 0 0;
		}
		#topContent div.bannerObj div.navigation {
			position: absolute;
			z-index: 9999;
			left: 0;
			top: 0;
			width: 710px;
		}
			#topContent div.bannerObj div.navigation ul {
				background: url(/common/images/top/frm_main_selector.png) no-repeat left top;
				float: right;
				width: auto;
				padding: 0 2px 0 7px;
				height: 18px;
				display: block;
			}
				#topContent div.bannerObj div.navigation ul li {
					float: left;
					width: auto;
					padding-top: 3px;
					margin-right: 3px;
					display: block;
				}
				#topContent div.bannerObj div.navigation ul li a {
					float: left;
					width: auto;
				}
		
	#topContent div.updateObj {
		position: absolute;
		left: 735px;
		top: 3px;
		width: 222px;
	}
		#topContent div.updateObj h2 {
		}
		#topContent div.updateObj #updateScrollBox {
			position: absolute;
			left: 0;
			top: 0;
		}
		#topContent div.updateObj div.listbox {
			position: relative;
			width: 222px;
			height: 242px;
			overflow: hidden;
		}
			#topContent div.updateObj div.listbox div.pack {
				padding: 11px 10px 5px 10px;
				margin: 0 1px auto;
				border-top: solid 1px #fff;
				border-bottom: solid 1px #ddd;
				background: none;
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
				line-height: 1.5;
				cursor: pointer;
			}
			#topContent div.updateObj div.listbox div.pack h3 {
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
				line-height: 1.5;
			}
			#topContent div.updateObj div.listbox div.pack *{
				cursor: pointer;
			}
			#topContent div.updateObj div.listbox div.pack-over {
				padding: 11px 11px 5px 11px;
				margin: 0 auto;
				border-top: solid 1px #000;
				border-bottom: solid 1px #000;
				background-color: #000;
			}
			#topContent div.updateObj div.listbox div.last-child {
				border-bottom: none;
			}
				#topContent div.updateObj div.listbox div.pack p.image {
					position: relative;
					margin-bottom: 11px;
					border: solid 1px #fff;
					overflow: hidden;
				}
					#topContent div.updateObj div.listbox div.pack p.image img {
						position: relative;
						margin: -1px;
					}
				#topContent div.updateObj div.listbox div.pack h3 {
					position: relative;
					margin-top: -5px;
					margin-bottom: 2px;
					font-weight: normal;
				}
					#topContent div.updateObj div.listbox div.pack h3 a, 
					#topContent div.updateObj div.listbox div.pack h3 a:hover {
						color: #000;
						text-decoration: none;
					}
					#topContent div.updateObj div.listbox div.pack-over h3 a, 
					#topContent div.updateObj div.listbox div.pack-over h3 a:hover {
						color: #fff;
					}
				#topContent div.updateObj div.listbox div.pack p.date {
					color: #888;
				}
				
/* blank */
			#topContent div.updateObj div.listbox div.pack_blank {
				padding: 11px 10px 5px 10px;
				margin: 0 1px auto;
				border-top: solid 1px #fff;
				border-bottom: solid 1px #ddd;
				background: none;
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
				line-height: 1.5;
				cursor: pointer;
			}
			#topContent div.updateObj div.listbox div.pack_blank h3 {
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
				line-height: 1.5;
				padding: 0 18px 0 0;
				background-repeat:no-repeat;
				background-position:right;
				background-image:url(/common/images/icon/icon_external.gif);
			}
			#topContent div.updateObj div.listbox div.pack_blank *{
				cursor: pointer;
			}
			#topContent div.updateObj div.listbox div.pack_blank-over {
				padding: 11px 11px 5px 11px;
				margin: 0 auto;
				border-top: solid 1px #000;
				border-bottom: solid 1px #000;
				background-color: #000;
			}
			#topContent div.updateObj div.listbox div.last_blank-child {
				border-bottom: none;
			}
				#topContent div.updateObj div.listbox div.pack_blank p.image {
					position: relative;
					margin-bottom: 11px;
					border: solid 1px #fff;
					overflow: hidden;
				}
					#topContent div.updateObj div.listbox div.pack_blank p.image img {
						position: relative;
						margin: -1px;
					}
				#topContent div.updateObj div.listbox div.pack_blank h3 {
					position: relative;
					margin-top: -5px;
					margin-bottom: 2px;
					font-weight: normal;
				}
					#topContent div.updateObj div.listbox div.pack_blank h3 a, 
					#topContent div.updateObj div.listbox div.pack_blank h3 a:hover {
						color: #000;
						text-decoration: none;
					}
					#topContent div.updateObj div.listbox div.pack_blank-over h3 a, 
					#topContent div.updateObj div.listbox div.pack_blank-over h3 a:hover {
						color: #fff;
					}
				#topContent div.updateObj div.listbox div.pack_blank p.date {
					color: #888;
				}
/* blank */
		#topContent div.updateObj ul.slidenav {
		}
			#topContent div.updateObj ul.slidenav li.up {
				position: absolute;
				left: 171px;
				top: 10px;
			}
			#topContent div.updateObj ul.slidenav li.down {
				position: absolute;
				left: 170px;
				top: 254px;
			}

	#topContent div.researcherObj {
		position: relative;
		background: url(/common/images/top/frm_forresearcher.png) no-repeat left bottom;
		margin: 0 auto;
		width: 970px;
		height: 75px;
		text-align: left;
	}
		#topContent div.researcherObj h2 {
			position: absolute;
			left:5px;
			top: 0;
		}
		#topContent div.researcherObj ul {
			position: absolute;
			left: 589px;
			top: 16px;
		}
		

/* CONTENTS */
#bodyContent {
	margin-bottom: 18px;
}
	#mainContent {
		background: none;
		float: none;
		width: 962px;
	}
	#subContent {
	}

	#bodyContent div.facilityObj {
		background: url(/common/images/top/frm_facility_bg.png) repeat-y left top;
		margin-bottom: 18px;
	}
		#bodyContent div.facilityObj h3 {
			margin-bottom: 16px;
		}
		#bodyContent div.facilityObj div.pack {
			position: relative;
			left: 17px;
			float: left;
			width: 220px;
			margin-right: 16px;
			line-height: 1.5;
		}
		#bodyContent div.facilityObj div.last-child {
			margin-right: 0;
		}
			#bodyContent div.facilityObj div.pack p.image {
				margin-bottom: 10px;
			}
				#bodyContent div.facilityObj div.pack p.image a:hover img{
					filter: alpha(opacity=70);
					opacity: 0.7;
				}
			#bodyContent div.facilityObj div.pack h4 {
				font-size: 12px;
				/*\*/
				*font-size: 75%;
				/**/
				font-weight: bold;
				margin-bottom: 2px;
				color: #000;
			}
			#bodyContent div.facilityObj div.pack p.lead {
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
				margin-bottom: 2px;
			}
			#bodyContent div.facilityObj div.pack ul {
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
			}
		#bodyContent div.facilityObj ul.bottomlink {
			clear: both;
			background: url(/common/images/top/frm_facility_b.png) no-repeat left bottom;
			padding: 9px 17px 16px 17px;
			line-height: 1.1;
			font-size: 11px;
			/*\*/
			*font-size: 75%;
			/**/
			text-align: right;
			font-weight: bold;
		}

	#bodyContent div.otherObj {
		position: relative;
		background: url(/common/images/top/frm_other_bg.png) repeat-y left top;
		overflow: hidden;
	}
		#bodyContent div.researchObj {
			float: left;
			width: 474px;
			margin-right: 14px;
		}
			#bodyContent div.researchObj ul.switchlink {
				position: absolute;
				left: 76px;
				top: 7px;
				width: 397px;
			}
				#bodyContent div.researchObj ul.switchlink li {
					float: left;
					width: auto;
					margin-right: 4px;
				}
			#bodyContent div.researchObj div.listbox {
				padding-top: 12px;
			}
			#bodyContent div.researchObj div.pack {
				position: relative;
				left: 13px;
				float: left;
				width: 216px;
				height: 75px;
				margin-right: 16px;
			}
			#bodyContent div.researchObj div.odd {
				margin-right: 0;
			}
				#bodyContent div.researchObj div.pack p.image {
					float: left;
					width: auto;
					position: relative;
					border: solid 1px #ccc;
					margin-right: 10px;
					overflow: hidden;
				}
					#bodyContent div.researchObj div.pack p.image img {
						position: relative;
						margin: -1px;
					}
					#bodyContent div.researchObj div.pack p.image a:hover img{
						filter: alpha(opacity=70);
						opacity: 0.7;
					}
				#bodyContent div.researchObj div.pack h4 {
					font-weight: bold;
					margin-bottom: 2px;
					color: #000;
					line-height: 1.3;
					font-size: 12px;
				    /*\*/
				    *font-size: 75%;
				    /**/
				}
				#bodyContent div.researchObj div.pack p.lead,
				#bodyContent div.researchObj div.pack ul {
					font-size: 10px;
					/*\*/
					*font-size: 75%;
					/**/
					line-height: 1.5;
				}
		#bodyContent div.educationObj {
			float: left;
			width: 230px;
		}
			#bodyContent div.educationObj p.banner {
				position: relative;
				left: 1px;
				background-color: #d9e3ee;
				margin-bottom: 11px;
				padding: 12px 0;
				width: 228px;
				text-align: center;
				line-height: 50%;
			}
				#bodyContent div.educationObj p.banner a {
					width: 202px;
					position: relative;
					border: solid 1px #fff;
					overflow: hidden;
					margin: 0 auto;
					display: block;
				}
					#bodyContent div.educationObj p.banner img {
						position: relative;
						margin: -1px;
					}
					#bodyContent div.educationObj p.banner a:hover img{
						filter: alpha(opacity=70);
						opacity: 0.7;
					}
			#bodyContent div.educationObj h4 {
				font-size: 13px;
	    		/*\*/
		    	*font-size: 75%;
			    /**/
			}
			#bodyContent div.educationObj div.p1 {
				background: url(/common/images/top/lin_education.png) no-repeat left bottom;
				padding: 0 13px 11px 13px;
				font-size: 12px;
	    		/*\*/
		    	*font-size: 75%;
			    /**/
			}
			#bodyContent div.educationObj div.p2 {
				padding: 11px 13px 0 13px;
     			font-size: 12px;
	    		/*\*/
		    	*font-size: 75%;
			    /**/				
			}

		#bodyContent div.internationalObj {
			float: right;
			width: 230px;
		}
			#bodyContent div.internationalObj h3 {
				margin-bottom: 12px;
			}
			#bodyContent div.internationalObj div.pack {
				margin-bottom: 13px;
				padding: 0 13px;
				line-height: 1.5;
			}
			#bodyContent div.internationalObj div.last-child {
				margin-bottom: 0;
			}
				#bodyContent div.internationalObj div.pack p.image {
					margin-bottom: 10px;
				}
					#bodyContent div.internationalObj div.pack p.image a:hover img{
						filter: alpha(opacity=70);
						opacity: 0.7;
					}
				#bodyContent div.internationalObj div.pack h4 {
					font-weight: bold;
					margin-bottom: 2px;
					color: #000;
     				font-size: 12px;
	    			/*\*/
		    		*font-size: 75%;
			    	/**/
				}
				#bodyContent div.internationalObj div.pack p.lead {
					font-size: 11px;
					/*\*/
					*font-size: 75%;
					/**/
					margin-bottom: 2px;
				}
				#bodyContent div.internationalObj div.pack ul li {
					font-size: 11px;
					/*\*/
					*font-size: 75%;
					/**/
				}

		#bodyContent div.otherObj ul.bottomlink {
			position: absolute;
			bottom: 16px;
			line-height: 1.1;
			font-size: 11px;
			/*\*/
			*font-size: 75%;
			/**/
			text-align: right;
			font-weight: bold;
		}
		#bodyContent div.researchObj ul.bottomlink {
			width: 461px;
		}
		#bodyContent div.educationObj ul.bottomlink,
		#bodyContent div.internationalObj ul.bottomlink {
			width: 217px;
		}
		#bodyContent div.otherObj div.bottomfrm {
			clear: both;
			background: url(/common/images/top/frm_other_b.png) no-repeat left bottom;
			width: 962px;
			height: 30px;
		}


/* OTHER CONTENTS */
#otherContent {
	background-color: #e6e6e6;
	padding: 20px 0 18px 0;
	text-align: center;
}
	#otherContent .content {
		margin: 0 auto;
		width: 960px;
		text-align: left;
	}
		#otherContent div.pack {
			float: left;
			width: 228px;
			margin-right: 16px;
			line-height: 1.5;
		}
		#otherContent div.last-child {
			margin-right: 0;
		}
			#otherContent div.pack p.image {
				margin-bottom: 10px;
			}
				#otherContent div.pack p.image a:hover img{
					filter: alpha(opacity=70);
					opacity: 0.7;
				}
			#otherContent div.pack h4 {
				font-size: 12px;
	    		/*\*/
		    	*font-size: 75%;
			    /**/
				font-weight: bold;
				margin-bottom: 0;
				color: #000;
			}
			#otherContent div.pack p.lead {
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
				margin-bottom: 2px;
				line-height: 1.7;
			}
			#otherContent div.pack ul {
				font-size: 11px;
				/*\*/
				*font-size: 75%;
				/**/
			}