@charset "utf-8";

/* =======================================

	Globalnavi CSS

========================================== */

#globalnavi {
}

/* Menu Default
========================================== */
#globalnavi ul.menu {
	background: #333333 url(../../img/base_new/globalnavi_bg_01.png) no-repeat;
	zoom: 1;
}
#globalnavi ul.menu:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#globalnavi ul.menu li {
	float: left;
	width: 116px;
}

#globalnavi ul.menu li .childMenu {
	display: none;
	float: none;
	width: auto;
}

	/* SearchArea
	------------------------------------------ */
	#globalnavi ul.menu li#searchArea {
		width: 254px;
		height: 56px;
		background: url(../../img/base_new/globalnavi_bg_02.png) repeat-y;
	}
	
	#globalnavi ul.menu li#searchArea dl {
		margin: 8px 18px 0;
		zoom: 1;
	}
	#globalnavi ul.menu li#searchArea dl:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#globalnavi ul.menu li#searchArea dl dt {
		margin: 0 0 4px;
		background: url(../../img/base_new/globalnavi_bg_04.png) no-repeat;
		zoom: 1;
	}
	#globalnavi ul.menu li#searchArea dl dt:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#globalnavi ul.menu li#searchArea dl dt img {
		float: left;
	}
	
	#globalnavi ul.menu li#searchArea dl dd {
	}
	
	#globalnavi ul.menu li#searchArea dl dd.searchText {
		float: left;
	}
	
	#globalnavi ul.menu li#searchArea dl dd.searchText input.inputText {
		float: left;
		padding: 2px;
		width: 167px;
		height: 14px;
		border: 1px solid #CCCCCC;
	}
	
	#globalnavi ul.menu li#searchArea dl dd.searchSubmit {
		float: left;
		background: #FFFFFF;
	}
	
	#globalnavi ul.menu li#searchArea dl dd input.inputSubmit {
		float: left;
	}

	/* Hover
	------------------------------------------ */
	#globalnavi ul.menu li a {
		display: block;
	}
	#globalnavi ul.menu li .childMenu a {
		display: inline;
	}
	
	#globalnavi ul.menu li.hover a {
	}
	
	#globalnavi ul.menu li.hover a img {
		visibility: hidden;
	}
	#globalnavi ul.menu li.hover#searchArea {
		background-image: url(../../img/base_new/globalnavi_bg_05.png);
	}
	#globalnavi ul.menu li.hover#searchArea dl dt img {
		visibility: hidden;
	}
	#globalnavi ul.menu li.hover .childMenu a img {
		visibility: visible;
	}

	/* Current
	------------------------------------------ */
	#globalnavi ul.menu li.current#gnavi01 a { background: url(../../img/base_new/globalnavi_btn_01_ac.png) no-repeat;}
	#globalnavi ul.menu li.current#gnavi02 a { background: url(../../img/base_new/globalnavi_btn_02_ac.png) no-repeat;}
	#globalnavi ul.menu li.current#gnavi03 a { background: url(../../img/base_new/globalnavi_btn_03_ac.png) no-repeat;}
	#globalnavi ul.menu li.current#gnavi04 a { background: url(../../img/base_new/globalnavi_btn_04_ac.png) no-repeat;}
	#globalnavi ul.menu li.current#gnavi05 a { background: url(../../img/base_new/globalnavi_btn_05_ac.png) no-repeat;}
	#globalnavi ul.menu li.current#gnavi06 a { background: url(../../img/base_new/globalnavi_btn_06_ac.png) no-repeat;}
	#globalnavi ul.menu li.current a img {
		visibility: hidden;
	}
	
	#globalnavi ul.menu li.current#gnavi01 .childMenu a,
	#globalnavi ul.menu li.current#gnavi02 .childMenu a,
	#globalnavi ul.menu li.current#gnavi03 .childMenu a,
	#globalnavi ul.menu li.current#gnavi04 .childMenu a,
	#globalnavi ul.menu li.current#gnavi05 .childMenu a,
	#globalnavi ul.menu li.current#gnavi06 .childMenu a {
		background: none;
	}
	
	#globalnavi ul.menu li.current .childMenu a img {
		visibility: visible;
	}
	
	/* Dropdown Active
	------------------------------------------ */
	#globalnavi ul.menu li.dropdown-active .childMenu {
		display: block;
	}
	
	#globalnavi ul.menu li.dropdown-active#gnavi01 a { background: url(../../img/base_new/globalnavi_btn_01_dc.png) no-repeat;}
	#globalnavi ul.menu li.dropdown-active#gnavi02 a { background: url(../../img/base_new/globalnavi_btn_02_dc.png) no-repeat;}
	#globalnavi ul.menu li.dropdown-active#gnavi03 a { background: url(../../img/base_new/globalnavi_btn_03_dc.png) no-repeat;}
	#globalnavi ul.menu li.dropdown-active#gnavi04 a { background: url(../../img/base_new/globalnavi_btn_04_dc.png) no-repeat;}
	#globalnavi ul.menu li.dropdown-active#gnavi05 a { background: url(../../img/base_new/globalnavi_btn_05_dc.png) no-repeat;}
	#globalnavi ul.menu li.dropdown-active#gnavi06 a { background: url(../../img/base_new/globalnavi_btn_06_dc.png) no-repeat;}
	#globalnavi ul.menu li.dropdown-active a img {
		visibility: hidden;
	}
	
	#globalnavi ul.menu li.dropdown-active#gnavi01 .childMenu a,
	#globalnavi ul.menu li.dropdown-active#gnavi02 .childMenu a,
	#globalnavi ul.menu li.dropdown-active#gnavi03 .childMenu a,
	#globalnavi ul.menu li.dropdown-active#gnavi04 .childMenu a,
	#globalnavi ul.menu li.dropdown-active#gnavi05 .childMenu a,
	#globalnavi ul.menu li.dropdown-active#gnavi06 .childMenu a {
		background: none;
	}
	#globalnavi ul.menu li.dropdown-active .childMenu a img {
		visibility: visible;
	}
	#globalnavi ul.menu li.dropdown-active#searchArea {
		background-image: url(../../img/base_new/globalnavi_bg_03.png);
	}
	
	#globalnavi ul.menu li.dropdown-active#searchArea dl dd.searchText input.inputText {
		border-color: #0650A2;
	}


/* Dropdown
========================================== */
html, body {
	height: 100%;
}

#dropdown-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000000;
}

#globalnavi {
	z-index: 1;
}

#globalnavi ul.menu {
	position: relative;
	z-index: 10001;
}


#globalnavi ul.menu li .childMenu {
	position: absolute;
	left: -3px;
	z-index: 10002;
	padding: 0 3px;
	width: 950px;
	background: url(../../img/base_new/globalnavi_childMenu_bg_01.png) repeat-y;
}

* html #globalnavi ul.menu li .childMenu {
	left: 0;
	padding: 0;
	background: #FFFFFF;
}

#globalnavi ul.menu li .childMenu .childMenu-bgBtm {
	position: absolute;
	left: 0;
	bottom: -6px;
	z-index: 10003;
	padding: 0 3px;
	width: 950px;
	height: 6px;
	background: url(../../img/base_new/globalnavi_childMenu_bg_02.png) no-repeat;
	font-size: 0;
}

* html #globalnavi ul.menu li .childMenu .childMenu-bgBtm {
	bottom: -3px;
	padding: 0;
	height: 3px;
	background: #0650A2;
}


/* Dropdown Body
========================================== */
.childMenuBody01,
.childMenuBody02 {
	padding: 16px 0;
	min-height: 190px;
	zoom: 1;
}
.childMenuBody01:after,
.childMenuBody02:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
/* IE6 Only */
* html .childMenuBody01,
* html .childMenuBody02 {height: 190px;}

.childMenuBody01 .contents {
	float: left;
	display: inline;
	width: 670px;
	margin: 0 0 0 16px;
}

.childMenuBody01 .side {
	float: left;
	display: inline;
	width: 232px;
	margin: 0 0 0 16px;
}
* html body#home .childMenuBody01 .side { margin-left: 10px;}

.childMenuBody02 .contents01 {
	float: left;
	display: inline;
	width: 232px;
	margin: 0 0 0 16px;
}

.childMenuBody02 .contents02 {
	float: left;
	display: inline;
	width: 670px;
	margin: 0 0 0 16px;
}
* html body#home .childMenuBody02 .contents02 { margin-left: 10px;}

.childMenuBody02 .contents03 {
	width: 918px;
	margin: 0 0 0 16px;
}
* html body#home .childMenuBody02 .contents03 { margin-left: 10px;}

.childMenuBody01 .contents04,
.childMenuBody02 .contents04 {
	float: left;
	display: inline;
	width: 162px;
	margin: 0 0 0 16px;
}

.childMenuBody01 .contents05,
.childMenuBody02 .contents05 {
	float: left;
	display: inline;
	width: 419px;
	margin: 0 0 0 16px;
}

.childMenuBody01 .contents06,
.childMenuBody02 .contents06 {
	float: left;
	display: inline;
	width: 235px;
	margin: 0 0 0 16px;
}

.childMenuBody01 .contents07,
.childMenuBody02 .contents07 {
	float: left;
	display: inline;
	width: 238px;
	margin: 0 0 0 16px;
}

	/* Side Banner
	------------------------------------------ */
	#globalnavi ul.menu li .childMenu .childMenuBody01 .side ul.banner {
		position: static;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#globalnavi ul.menu li .childMenu .childMenuBody01 .side ul.banner li {
		position: static;
		display: block;
		margin: 8px 0 0;
		padding: 0;
		width: auto;
	}
	
	#globalnavi ul.menu li .childMenu .childMenuBody01 .side ul.banner li a {
		display: inline;
		background: none;
	}
	
	#globalnavi ul.menu li .childMenu .childMenuBody01 .side ul.banner li a img {
		visibility: visible;
	}
	
	/* Contents内 Base Style
	------------------------------------------ */
		/* Title
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu h2 {
			margin: 0 0 10px;
			padding: 1px 11px 3px 16px;
			border-bottom: 1px solid #6794C6;
			font-weight: bold;
			font-size: 123.1%;
			line-height: 1.374;
		}
		
		/* Menu List
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu ul.childMenuList {
		}
		
		#globalnavi ul.menu li .childMenu ul.childMenuList li {
			position: static !important;
			float: none !important;
			display: block !important;
			margin: 0 16px !important;
			padding: 0 0 0 17px !important;
			width: auto !important;
			background: url(../../img/common_new/ico_arrow01.png) no-repeat 0 4px;
			font-size: 107.8%;
			line-height: 1.572;
		}
		
		#globalnavi ul.menu li .childMenu ul.childMenuList li li{
			margin: 0 !important;
		}
		
		#globalnavi ul.menu li .childMenu ul.childMenuList li a {
			display: inline !important;
			background: none !important;
			zoom: 1;
		}
		
		#globalnavi ul.menu li .childMenu ul.childMenuList li a img {
			visibility: visible !important;
		}
		
		/* Divide Col1
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu .divide-col1 {
		}
		
		#globalnavi ul.menu li .childMenu .divide-col1 .col {
			margin: 0 0 14px;
			zoom: 1;
		}
		#globalnavi ul.menu li .childMenu .divide-col1 .col:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		#globalnavi ul.menu li .childMenu .divide-col1 .col ul.childMenuList {
			float: left !important;
			display: inline !important;
			margin-right: 0 !important;
			width: 202px !important;
		}
		
		/* Divide Col2
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu .divide-col2 {
			position: relative;
			margin: 0 0 16px -16px;
			zoom: 1;
		}
		#globalnavi ul.menu li .childMenu .divide-col2:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		#globalnavi ul.menu li .childMenu .divide-col2 .col {
			float: left;
			display: inline;
			margin: 0 0 0 16px;
			width: 327px;
		}
		
		/* Divide Col3
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu .divide-col3 {
			position: relative;
			margin: 0 0 16px;
			zoom: 1;
		}
		
		#globalnavi ul.menu li .childMenu .divide-col3 .col {
			margin: 0 0 0 16px;
			zoom: 1;
		}
		
		/* Divide Col4
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu .divide-col4 {
		}
		
		#globalnavi ul.menu li .childMenu .divide-col4 .col {
			margin: 0 0 14px;
			zoom: 1;
		}
		#globalnavi ul.menu li .childMenu .divide-col4 .col:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		#globalnavi ul.menu li .childMenu .divide-col4 .col ul.childMenuList {
			float: left !important;
			display: inline !important;
			margin-right: 0 !important;
			width: 229px !important;
		}
		
		/* Divide Col5
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu .divide-col5 {
		}
		
		#globalnavi ul.menu li .childMenu .divide-col5 .col {
			zoom: 1;
		}
		#globalnavi ul.menu li .childMenu .divide-col5 .col:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		#globalnavi ul.menu li .childMenu .divide-col5 .col ul.childMenuList {
			float: left !important;
			display: inline !important;
			margin-right: 0 !important;
		}
		#globalnavi ul.menu li .childMenu .divide-col5 .col ul.childMenuList.list01 {
			width: 190px !important;
		}
		#globalnavi ul.menu li .childMenu .divide-col5 .col ul.childMenuList.list02 {
			width: 223px !important;
		}
		
		/* Divide Col6
		------------------------------------------ */
		#globalnavi ul.menu li .childMenu .divide-col6 {
			position: relative;
			margin: -14px 0 0;
		}
		
		#globalnavi ul.menu li .childMenu .divide-col6 .col {
			margin: 14px 0 0;
			zoom: 1;
		}