@charset "UTF-8";

/*
 ################################
 Create on : 2009/06/11 4681
 Edit on   : 2009/08/20 PM1449 4681
 ################################
 Style Index
 ################################
 1 Header
   1.1 Primary navi
   1.2 Global navi
       1.2.1 Child menu
   1.3 breadcrumbs
 ################################
 Browser
 ################################
 [ie]  IE6+
 [e6]  IE6-
 [e7]  IE7+
 [e8]  IE8+
 [s2]  Safari2+
 [s3]  Safari3+
 [op]  Opera9+
 [f2]  Firefox2+
 [f3]  Firefox3+
 [mb]  Modern browser
**/

/* import start */

/* ------------------------------
 1  Header
------------------------------ */

#header {
	background: url(/shared/images/global/header_bg.png) no-repeat center top;
	height: 114px;
	text-align: center;/* [e6] */
}
	#header div.wrapper { width: 962px; margin: 0 auto; text-align: left; }
		#header-right {
			float: right;
			background: url(/shared/images/global/logo_bg.png) no-repeat left top;
			width: 296px;
			height: 75px;
			padding-left: 5px;
		}
			#logo {
				display: block;
				width: 276px;
				margin-top: 10px;/* 090803 18:16 add 4681 */
			}


	#title {
		position: absolute;
		z-index: 100;
		bottom: 40px;
		height: 20px;
		color: #fff;
		text-align: left;
	}
	
	* html #title { margin-left: -644px; }
	*:first-child+html body  #title { left: 0; }
	
	#title h1 {
		width: 942px;
		margin: 0 auto;
		padding-left: 20px;
	}


		#header-left { float: left; width: 644px; }
			/* ******************************
			 * Primary navi
			 * ****************************** */
			#primary-navi { height: 36px; margin-top: 4px; }
				#primary-navi div.first-child { float: left; width: 328px; padding-left: 15px; }
					#pn-home {
						display: block;
						background: url(/shared/images/global/pn_home.png) no-repeat left top;
						width: 77px;
						height: 32px;
						text-indent: -9999px;
						overflow: hidden;
					}
					a#pn-home:hover { background-position: left -32px; }
				
				#primary-navi div.last-child { float: left; width: 301px; }
					#pn-sitemap {
						float: left;
						background: url(/shared/images/global/pn_sitemap.png) no-repeat left top;
						width: 94px;
						height: 32px;
						text-indent: -9999px;
						overflow: hidden;
					}
					#pn-sitemap:hover { background: url(/shared/images/global/pn_sitemap.png) no-repeat left -32px; }
				
					#pn-search { float: left; margin-top: 5px; padding-left: 5px; }
						.search-feild {
							float: left;
							background-image: url(/shared/images/global/search_bg.png);
							background-position: left top;
							background-repeat: no-repeat;
							width: 158px;
							height: 18px;
							border: 0px none;
							padding-top: 4px;
							padding-left: 5px;
							overflow: hidden;
						}
						.search-feild:focus { background-position: left -22px; }
						.search-button {
							float: left;/* [e6] */
							background: url(/shared/images/global/search_button.gif) no-repeat left top;
							width: 39px;
							height: 22px;
							border: 0px none;
							text-indent: -9999px;
							overflow: hidden;
							cursor: pointer;
						}
						input.search-button:hover { background-position: left -22px; }

			/* ******************************
			 * Global navi
			 * ****************************** */
			#global-navi { clear: both; height: 35px; padding-top: 5px; }
				#global-navi ul.dropdown-menu { margin-left: 10px; height: 35px; }
				#global-navi ul.dropdown-menu li { float: left; position: relative; z-index: 8000; }
					#global-navi ul.dropdown-menu li a {
						display: block;
						background-image: url(/shared/images/global/gn.png);
						background-repeat: no-repeat;
						height: 30px;
						margin-left: 10px;
						text-indent: -9999px;
						overflow: hidden;
					}
					#gn-about a       { background-position: left top; width: 210px; }
					#gn-about.current a, 
					#gn-about a:hover { background-position: left -30px; }
					#gn-about div.child-menu { left: 0px; }
					
					#gn-service a       { background-position: -220px top; width: 130px; }
					#gn-service.current a, 
					#gn-service a:hover { background-position: -220px -30px; }
					#gn-service div.child-menu { left: -40px; }
					
					#gn-guide a       { background-position: -360px top; width: 120px; }
					#gn-guide.current a, 
					#gn-guide a:hover { background-position: -360px -30px; }
					#gn-guide div.child-menu { left: -45px; }
					
					#gn-user a       { background-position: -490px top; width: 134px; }
					#gn-user.current a, 
					#gn-user a:hover { background-position: -490px -30px; }
					#gn-user div.child-menu { left: -38px; }
					
					/* ******************************
					 * Child menu
					 * ****************************** */
					#global-navi div.child-menu {
						visibility: hidden;
						position: absolute;
						top: 25px;
						width: 230px;
						text-align: left;
					}
					#global-navi div.child-menu ul {
						background-image: url(/shared/images/global/gn_child_bg_mid.png);
						background-position: left top;
						background-repeat: repeat-y;
						width: 230px;/* [e7] */
					}
					* html body #global-navi div.child-menu ul {
						background: none;
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        				src='/shared/images/global/gn_child_bg_mid.png', sizingMethod='scale' );
					}/* [e6] */
					#global-navi ul.dropdown-menu div.child-menu ul li {
						float: none;
						zoom: 1;/* [e6] */
					}
					#global-navi ul.dropdown-menu li div.child-menu ul li a {
						/* reset */
						background: none;
						text-indent: 0;
						/* end reset */
						display: block;
						width: 180px;
						height: 30px;
						margin: 0 5px;
						padding: 0 30px 0 10px;
						color: #fff;
						font-size: 1.3em;
						line-height: 32px;
						overflow: hidden;/*
						color: expression('white') !important;*/
					}
					#global-navi ul.dropdown-menu li div.child-menu ul li a:hover { background-color: #37d; color: #fff; }
					#global-navi ul.dropdown-menu li div.child-menu ul li a.multi-line {
						height: 50px;
						padding-top: 10px;
						line-height: 20px;
					}
					
					#global-navi ul.dropdown-menu li div.child-menu ul li a.icon-key {
						background-image: url(/shared/images/global/icon_key_01.png);
						background-position: 197px center;
						background-repeat: no-repeat;
					}
					* html body #global-navi ul.dropdown-menu li div.child-menu ul li a.icon-key { background-image: none; }/* [e6] */

					#global-navi ul.dropdown-menu li div.child-menu div.top {
						background: url(/shared/images/global/gn_child_bg_top.png) no-repeat left top;
						height: 23px;
					}
					* html body #global-navi ul.dropdown-menu li div.child-menu div.top { behavior: url(/shared/styles/iepngfix.htc); }/* [e6] */
					
					#global-navi ul.dropdown-menu li div.child-menu div.bottom {
						background: url(/shared/images/global/gn_child_bg_bottom.png) no-repeat left bottom;
						height: 15px;
					}
					* html body #global-navi ul.dropdown-menu li div.child-menu div.bottom { behavior: url(/shared/styles/iepngfix.htc); }/* [e6] */
					
					#global-navi ul.dropdown-menu li:hover div.child-menu, 
					#global-navi ul.dropdown-menu li.current div.child-menu {
						visibility: visible !important;
					}


				/* ******************************
				 * breadcrumbs
				 * ****************************** */
				#breadcrumbs { clear: both; border-bottom: 1px solid #c3c6cf; height: 33px; }
				#breadcrumbs ul { padding-left: 10px; }
				#breadcrumbs ul li {
					float: left;
					background: url(/shared/images/global/breadcrumbs_border.png) no-repeat right top;
					height: 33px;
					line-height: 33px;
					padding-left: 12px;
					padding-right: 18px;
					font-size: 1.1em;
				}
				#breadcrumbs ul li.last-child { background-image: none; }
				#breadcrumbs ul li a { color: #666; }
				#breadcrumbs ul li a:hover { border-bottom: 2px solid #c3c6cf; }