@charset "UTF-8";

/* !Clearfix
---------------------------------------------------------- */

#headerIn,
.clearfix,
#contents
{
	display: block;
	min-height: 1%;
}


#headerIn:after,
.clearfix:after,
#contents:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !header
---------------------------------------------------------- */
#header {
	border-top: 5px solid #00adef;
	background: #f3f3f3;
	position: relative;
	z-index: 50;
}
	#headerIn {
		margin: 0 auto;
		width: 990px;
		text-align: left;
		background: url(../images/header/header_copy.gif) 236px 0 no-repeat;
	}
		#headerLogo {
			float: left;
			width: 255px;
			height: 155px;
		}
		#headerLinks {
			float: right;
			width: 391px;
			height: 139px;
			margin-top: 8px;
			margin-bottom: 8px;			
		}
			#utilityNavi {
				width: 391px;
				margin-top: 6px;
			}
				#utilityNavi li {
					float: left;
				}
				#utilityNavi li.last {
					margin-top: 4px;
				}
/* !gNavi
---------------------------------------------------------- */

#gNaviWrap {
	background: #939393;
	position: relative;
	z-index: 50;
}
	#gNavi {
		display: block;
		position: relative;
		width: 990px;
		margin: 0 auto;
		height: 68px;
		font-size: 86%;
	}
		#gNavi li {
			position: absolute;
			z-index: 50;
			left: 0;
			top: 0;
			height: 68px;
		}	
		#gNavi li#gNav01 { left: 0; width: 82px;}
		#gNavi li#gNav02 { left: 82px; width: 178px; }
		#gNavi li#gNav03 { left: 260px; width: 199px; }
		#gNavi li#gNav04 { left: 459px; width: 168px; }
		#gNavi li#gNav05 { left: 627px; width: 137px; }
		#gNavi li#gNav06 { left: 764px; width: 120px; }
		#gNavi li#gNav07 { left: 884px; width: 107px; }
			
			#gNavi .gnaviTit01 a {
				display: block;
				position: relative;
				z-index: 50;
				height: 68px;
				text-indent: -9999px;
			}
				
			#gNavi li#gNav01 .gnaviTit01 a { background: url(../images/navi_home_no.gif) no-repeat; }
			#gNavi li#gNav02 .gnaviTit01 a { background: url(../images/navi_about_no.gif) no-repeat; }
			#gNavi li#gNav03 .gnaviTit01 a { background: url(../images/navi_topics_no.gif) no-repeat; }
			#gNavi li#gNav04 .gnaviTit01 a { background: url(../images/navi_product_no.gif) no-repeat; }
			#gNavi li#gNav05 .gnaviTit01 a { background: url(../images/navi_seminar_no.gif) no-repeat; }
			#gNavi li#gNav06 .gnaviTit01 a { background: url(../images/navi_reserve_no.gif) no-repeat; }
			#gNavi li#gNav07 .gnaviTit01 a { background: url(../images/navi_shop_no.gif) no-repeat; }
				
			#gNavi li#gNav01.gnavHover01 .gnaviTit01 a,
			#g01 #gNavi li#gNav01 .gnaviTit01 a,
			#gNavi li#gNav01 .gnaviTit01 a:hover { background: url(../images/navi_home_on.gif); }
			#gNavi li#gNav02.gnavHover01 .gnaviTit01 a,
			#g02 #gNavi li#gNav02 .gnaviTit01 a ,
			#gNavi li#gNav02 .gnaviTit01 a:hover { background: url(../images/navi_about_on.gif); }
			#gNavi li#gNav03.gnavHover01 .gnaviTit01 a,
			#g03 #gNavi li#gNav03 .gnaviTit01 a ,
			#gNavi li#gNav03 .gnaviTit01 a:hover { background: url(../images/navi_topics_on.gif); }
			#gNavi li#gNav04.gnavHover01 .gnaviTit01 a,
			#g04 #gNavi li#gNav04 .gnaviTit01 a ,
			#gNavi li#gNav04 .gnaviTit01 a:hover { background: url(../images/navi_product_on.gif); }
			#gNavi li#gNav05.gnavHover01 .gnaviTit01 a,
			#g05 #gNavi li#gNav05 .gnaviTit01 a ,
			#gNavi li#gNav05 .gnaviTit01 a:hover { background: url(../images/navi_seminar_on.gif); }
			#gNavi li#gNav06.gnavHover01 .gnaviTit01 a,
			#g06 #gNavi li#gNav06 .gnaviTit01 a ,
			#gNavi li#gNav06 .gnaviTit01 a:hover { background: url(../images/navi_reserve_on.gif); }
			#gNavi li#gNav07.gnavHover01 .gnaviTit01 a,
			#g07 #gNavi li#gNav07 .gnaviTit01 a ,
			#gNavi li#gNav07 .gnaviTit01 a:hover { background: url(../images/navi_shop_on.gif); }

			li#gNav07 .gnaviHierarchy01Wrap {
				position: relative;
				left: -129px;
			}
			#gNavi li .gnaviHierarchy01Wrap {
				background: url(../images/bg/bg_gnavishadow02.png) 0 100% repeat-x;
				padding-bottom: 8px;
				width: 241px;
			}
				#gNavi li .gnaviHierarchy01 {
					width: 233px;
					background: url(../images/bg/bg_gnavishadow01.png) 100% 0 repeat-y;
					padding-right: 7px;
				}
					#gNavi li .gnaviHierarchy01 li{
						position: relative;
						text-align: left;
						height: auto;
					}
						#gNavi li .gnaviHierarchy01 li.first{
							border-top: 1px solid #000;
							width: 235px;
						}
						#gNavi li .gnaviHierarchy01 li a {
							display: block;
							width: 216px;
							padding: 6px 8px 6px 9px;
							border-left: 1px solid #000;
							border-right: 1px solid #000;
							border-bottom: 1px solid #000;
							background: #424141;
							color: #fff;
						}

						#gNavi li .gnaviHierarchy01 .gnavHover02 a,
						#gNavi li .gnaviHierarchy01 a:hover {
							text-decoration: none;
							background: #00adef;
						}
							.gnaviHierarchy02Wrap {
								position: absolute;
								top: -1px;
								left: 234px;
								background: url(../images/bg/bg_gnavishadow03.png) 0 100% no-repeat;
								width: 164px;
								padding-bottom: 8px;
							}
								#gNavi li .gnaviHierarchy02{
									background: url(../images/bg/bg_gnavishadow01.png) 100% 0 repeat-y;
									padding-right: 7px;
								}		
									#gNavi li .gnaviHierarchy02 li.first{
										border-top: none;
									}
										#gNavi li .gnaviHierarchy02 li a {
											width: 135px;
											border-top: 1px solid #000;
											border-bottom: none;
											padding: 6px 10px;
										}
										#gNavi li .gnaviHierarchy02 li.last a {
											border-bottom: 1px solid #000;
										}
											.selected {
												display: block;
											}