﻿@charset "UTF-8";

/*-------------------------------------------------------------------
 *
 * File Name   : header.css
 *
-------------------------------------------------------------------*/

/* Index
------------------------------------------
== common ================
Header
Gnav
------------------------------------------ */

/*===================================================================
	common
===================================================================*/

/* Header
------------------------------------------ */
#headerArea {
	position:relative;
	width:960px;
	z-index:9999;	
}
#headerArea #header {
	margin-bottom:5px;
	background:url(../images/header/head_bg_01.gif) repeat-y left top;
}
#headerArea #header .headTop {
	height:65px;
	padding:20px 20px 15px 20px;
	background:url(../images/header/head_bg_02.gif) no-repeat left bottom;
}
#headerArea #header .corpLogo {
	position:absolute;
	left:20px;
	top:20px;
	width:255px;
	height:52px;
}

/* headNav */
#headerArea #header .headNav {
	height:11px;
	margin:0 0 30px 255px;
	font-size:0;
	text-align:right;	
}
#headerArea #header .headNav ul li {
	display:inline;
	margin-left:15px;

}
#headerArea #header .headNav ul li.first {
	margin-left:0;
}

/* headToolBox */
#headerArea #header .headToolBox {
	margin:0 0 0 255px;
}

/* fontSize */
#headerArea #header .headToolBox .fontSize {
	display:inline; /* for IE6 */
	float:right;
	width:143px;
	height:24px;
	padding-right:15px;
	font-size:0;
}
#headerArea #header .headToolBox .fontSize dt {
	float:left;
	margin:7px 7px 0 0;

}
#headerArea #header .headToolBox .fontSize dd {
	float:left;
}
#headerArea #header .headToolBox .fontSize dd.fontM {
	padding:0 5px;
}

/* wordSearch */
#headerArea #header .headToolBox .wordSearch {
	position:relative;
	float:right;
	height:24px;
	margin-top:2px;
	/margin-top:1px;
}

#headerArea #header .headToolBox .wordSearch #yjSsSb { _height:22px; !important; overflow:hidden !important; }
#headerArea #header .headToolBox .wordSearch #yjSsSb { width:261px !important; }
#headerArea #header .headToolBox .wordSearch #yjSsSb #yjSsBtn { width:57px !important; }

#headerArea #header .headToolBox .wordSearch legend {
	display:none;
}
#headerArea #header .headToolBox .wordSearch .searchTxt {
	position:absolute;
	left:0;
	top:0;
	width:124px;
	height:20px;
	border:#7f9db9 solid 1px;
	zoom:1;
}
#headerArea #header .headToolBox .wordSearch .searchTxt input {
	background:none;
	border:none;
	width:124px;
	height:20px;
	_width:120px; /* for IE6 */
	_height:16px; /* for IE6 */
	font-size:12px;
	line-height:16px;
	zoom:1;
}
#headerArea #header .headToolBox .wordSearch .searchBtn {
	position:absolute;
	right:0;
	top:0;
	margin-left:5px;
}

/* Gnav
------------------------------------------ */
#headerArea #gNav { }
#headerArea #gNav ul { position:relative; float:left; z-index:597; background-color:#9fcd2b; }
#headerArea #gNav ul li { float:left; line-height:1.6em; vertical-align:middle; zoom:1; background:#ffffff url(../images/line_dot_green_02.gif) left top repeat-x; }
#headerArea #gNav ul li.hover,
#headerArea #gNav ul li:hover { position: relative; z-index:599; cursor:default; }
#headerArea #gNav ul ul { visibility:hidden; position:absolute; top:100%; left:0; z-index:598; width:190px; padding:0 1px; }
#headerArea #gNav ul ul li { float:none; }
#headerArea #gNav ul ul ul {  top:0; left:100%; }
#headerArea #gNav ul li:hover > ul {visibility: visible; }

#headerArea #gNav ul li#gNav05 ul ul { top:0; left:-101%;  }

#headerArea #gNav a.iLink01 { display:block; height:auto; min-height:1.6em; padding:0.2em 10px 0.1em 21px; background-position:10px 0.6em; }
#headerArea #gNav a.iLink01:hover { background-color:#e1f3ad; }
#headerArea #gNav .gNavTop01 { padding-bottom:1px;}
#headerArea #gNav .gNavTop02 { padding-top:1px; padding-bottom:1px; }
#headerArea #gNav .first { padding-top:0; background-image:none; }