@charset "UTF-8";

/*
 ################################
 Create on : 2009/06/03 4681
 Edit on   : 2009/09/01 PM0950 4681
 ################################
 Style Index
 ################################
 1 Content wrapper :
 2 Single Column   :
 3 Two Columns     :
 4 Three Columns   :
 5 Scroll to       :
 6 Content footer  :
 ################################
 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 Shared
------------------------------ */
#container { clear: both; background: url(/shared/images/global/contents_bg.png) repeat-y center top; }

#contents { padding-bottom: 25px; text-align: left; color: #222; position: relative; }

#column-wrapper { width: 962px; margin: 0 auto; } #main {} #sub {} #local-menu {} #inquiry {} #relatedLinks {}

#lv1 { border-bottom: 2px solid #74829c; height: 35px; overflow: hidden; }
#lv1 h1 {/*
	height: 35px;*/
	margin-left: 0;
	color: #43464f;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 28px;
}

/* ------------------------------
 2 Single Column
------------------------------ */
#single-column { padding: 27px 80px 0 80px; }
	#single-column #main p.overview { font-size: 1.4em; padding-top: 0.7em; padding-bottom: 2.4em; }
	#single-column .lv2 {
		height: 35px;
		font-size: 1.6em;
		line-height: 37px;
		overflow: hidden;
	}
	#single-column .box { padding: 0px !important; }


/* ------------------------------
 3 Two Columns
------------------------------ */
#two-columns { padding-right: 15px; }
	/* ******************************
	 * Main
	 * ****************************** */
	#two-columns #main {
		background: url(/shared/images/global/col2_main_top_bg.png) no-repeat 15px top #fff;
		float: left;
		width: 636px;
		margin-top: 20px;
	}
	
	#two-columns #main div.article {
		margin-left: 35px;
	}

	#two-columns #lv1 { margin-top: 22px; margin-left: 35px; padding-left: 5px; }
	#two-columns .lv2 {
		background: url(/shared/images/global/h_lv2.png) no-repeat left top;
		height: 35px;
		padding-left: 17px;
		color: #234;
		font-size: 1.6em;
		line-height: 37px;
		overflow: hidden;
	}
	#two-columns .lv3 {
		background: url(/shared/images/global/h_lv3.png) no-repeat left top;
		height: 30px;
		padding-left: 10px;
		color: #fff;
		font-size: 1.5em;
		line-height: 32px;
		overflow: hidden;
	}
	
	#two-columns #main p.overview { font-size: 1.4em; padding: 0.7em 5px 2em 5px; }
	
	#two-columns #main #bottom-inq {
		background: url(/shared/images/global/col2_bottom_inq_bg.png) no-repeat left bottom #fff;
		margin-top: 32px;
		width: 606px;
		height: 50px;
		margin-left: 42px;
	}
	#two-columns #main #bottom-inq ul { margin-left: 2px; }
	#two-columns #main #bottom-inq ul li { display: inline; }
	#two-columns #main #bottom-inq ul li a { float: left; margin-top: 6px; margin-left: 5px; }
	#two-columns #main #bottom-inq ul li.last-child a { margin-left: 12px; }
	
	/* ******************************
	 * Sub
	 * ****************************** */
	#two-columns #sub  {
		float: right;
		width: 276px;
		margin-top: 25px;
		margin-bottom: 30px;
		padding-right: 5px;
	}
		/* ******************************
		 * local-menu | ex:localMenu
		 * ****************************** */
		#two-columns #sub #local-menu, 
		#two-columns #sub #inquiry {
			background: url(/shared/images/global/sub_menu_bg_mid.png) repeat-y left top #e3e6ec;
			width: 276px;
		}
		#two-columns #sub #local-menu:hover, 
		#two-columns #sub #inquiry:hover { background-color: #efefef; }
		#two-columns #sub #local-menu .headline, 
		#two-columns #sub #inquiry .top {
			background: url(/shared/images/global/sub_menu_bg_top.png) no-repeat left top;
			padding-left: 10px;
			padding-top: 10px;
		}
		#two-columns #sub #local-menu .headline a.lv2 {
			display: block;
			width: 239px;
			height: 40px;
			text-indent: -9999px;
			overflow: hidden;
		}
		#two-columns #sub #local-menu ul, 
		#two-columns #sub #inquiry ul {
			background: url(/shared/images/global/sub_menu_bg_bottom.png) no-repeat left bottom;
			padding: 0 10px 10px 10px;
			font-size: 1.4em;
		}
		#two-columns #sub #local-menu ul li { }
		#two-columns #sub #local-menu ul li a {
			display: block;
			background-image: url(/shared/images/global/lm_li_bg.png);
			background-repeat: repeat-y;
			background-position: left center;
			border-bottom: 1px solid #ccc;
			color: #444;
			height: 34px;
			line-height: 34px;
			padding: 0 28px 0 11px;
			overflow: hidden;
		}
		#two-columns #sub #local-menu ul li a.multi-line {
			height: 52px;
			padding-top: 12px;
			line-height: 20px;
		}
		#two-columns #sub #local-menu ul li a:hover { background-position: -256px center; }
		#two-columns #sub #local-menu li a.selected, 
		#two-columns #sub #local-menu li a.selected:hover { background-position: -512px center; }/* [e6] */
		#two-columns #sub #local-menu ul li.last-child a {
			background-image: url(/shared/images/global/lm_li_bg_last.png);
			background-repeat: no-repeat;
			background-position: left top;
			border: 0px none;
			height: 35px;
			line-height: 35px;
		}
		#two-columns #sub #local-menu ul li.last-child a:hover { background-position: -256px top !important; }
		#two-columns #sub #local-menu ul li.last-child a.selected, 
		#two-columns #sub #local-menu ul li.last-child a.selected:hover { background-position: -512px top !important; }/* [e6] */
		#two-columns #sub #local-menu ul li.last-child a.multi-line {
			background-position: left -35px;
			height: 52px;
			padding-top: 13px;
			line-height: 20px;
		}
		#two-columns #sub #local-menu ul li.last-child a.multi-line:hover { background-position: -256px -35px; }
		#two-columns #sub #local-menu ul li.last-child a.selected.multi-line:hover { background-position: -512px -35px; }
		/* ******************************
		 * inquiry
		 * ****************************** */
		#two-columns #sub #inquiry { margin-top: 20px; }
		#two-columns #sub #inquiry .top img {/* margin-bottom: 5px; */}/* edit on 09.09.29 1908 */
		#two-columns #sub #inquiry .mid { background: url(/shared/images/global/sub_inq_bg.png) repeat-y left top; margin-left: 10px; padding: 10px 0 10px 12px; }
		#sub-phone { margin-left: 10px; }
		#two-columns #sub #inquiry ul li { margin-top: 5px; }
		
		/* add 09.10.07 */
		#sub-inquiry, 
		#sub-consulting { overflow: hidden; display: block; padding-right: 0 !important; }
		#sub-inquiry    { background: url(/shared/images/global/sub_inq_inq_bg.png) no-repeat left top !important; width: 232px; height: 46px; }
		/* sub_inq_cons_bg.png */
		#sub-consulting { background: url(/shared/images/global/blank.gif) no-repeat left top !important; width: 256px; height: 80px; }
		#sub-inquiry:hover    { background-position: left -46px !important; }
		#sub-consulting:hover { background-position: left -80px !important; }
		
		#sub-doc, 
		#sub-qa, 
		#sub-fault { display: block; width: 256px; height: 40px; padding-right: 0 !important; }
		#sub-doc   { background: url(/shared/images/global/sub_inq_doc_bg.png) no-repeat left top !important; }
		#sub-qa    { background: url(/shared/images/global/sub_inq_qa_bg.png) no-repeat left top !important; }
		#sub-fault { background: url(/shared/images/global/sub_inq_fault_bg.png) no-repeat left top !important; }
		#sub-doc:hover, 
		#sub-qa:hover, 
		#sub-fault:hover { background-position: left -40px !important; }
		#sub-inquiry:hover img, 
		#sub-doc:hover img, 
		#sub-qa:hover img, 
		#sub-fault:hover img { visibility: hidden; display: none; }
		/* ******************************
		 * related-links
		 * ****************************** */
		#two-columns #sub #related-links {}


/* ------------------------------
 4 Three Columns
------------------------------ */
#three-columns {}


/* ------------------------------
 5 Scroll to
------------------------------ */
#scroll-to { clear: both; padding-top: 20px; margin-right: 30px; text-align: right; }
	#scroll-to a {
		background: url(/shared/images/global/scrollto.png) no-repeat right top;
		display: block;
		width: 120px;
		height: 21px;
		margin-left: auto;
		padding-right: 25px;
		color: #555;
		font-size: 1.2em;
		line-height: 21px;
		overflow: hidden;
	}

#single-column #scroll-to { margin-right: 0px; }



/* ------------------------------
 6 Content footer
------------------------------ */
#content-footer {
	clear: both;
	background: url(/shared/images/global/content_footer.png) no-repeat center bottom;
	height: 15px;
}