@charset "UTF-8";

/*===== header =====*/
html #header{
	width: 100%;
	height: 176px;
}

/* sub_nav_area */
html #header .sub_nav_area{
	width: 100%;
	height: 31px;
	background: url(../img/header/bg_subheader.gif) left top repeat-x; 
}

html #header .sub_nav_area .inner{
	margin: 0 auto;
	width: 940px;
}

html #header .sub_nav_area .inner p{
	float: left;
	width: 217px; height: 31px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
	background: url(../img/header/company_logo.gif) left top no-repeat;
}
	html #header .sub_nav_area .inner p a{
		display: block;
	_	width: 217px; height: 31px;
	}
html #header .sub_nav_area .inner ul{
	float: right;
	width: 498px; height: 31px;
}

html #header .sub_nav_area .inner ul li{
	float: left;
	height: 31px;
}

html #header .sub_nav_area .inner ul li a{
	display: block;
	height: 31px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
}

html #header .sub_nav_area .inner ul li.nav01 a{
	width: 147px;
	background: url(../img/header/sub_nav_01.gif) left top no-repeat;
}
html #header .sub_nav_area .inner ul li.nav02 a{
	width: 128px;
	background: url(../img/header/sub_nav_02.gif) left top no-repeat;
}
html #header .sub_nav_area .inner ul li.nav03 a{
	width: 100px;
	background: url(../img/header/sub_nav_03.gif) left top no-repeat;
}
html #header .sub_nav_area .inner ul li.nav04 a{
	width: 123px;
	background: url(../img/header/sub_nav_04.gif) left top no-repeat;
}

/* main_area */
html #header .main_area{
	width: 100%;
	height: 93px;
	background: url(../img/header/bg_main.gif) left top repeat-x;
}

html #header .main_area .inner{
	margin: 0 auto;
	width: 940px; height: 93px;
	position: relative;
}

html #header .main_area h1{
	width: 247px; height: 36px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
	background: url(../img/header/logo.png) left top no-repeat;
	position: absolute;
	bottom: 14px; left: 0;
}

html #header .main_area .sub_title{
	color: #484848;
	font-size: 12px;
	position: absolute;
	top: 18px;
}

html #header .main_area .link_list{
	width: 370px;
	position: absolute;
	top: 11px; right: 0;
}

html #header .main_area .link_list li{
	float: left;
	padding: 0 0 0 9px;
	margin: 0 20px 0;
	font-size: 12px;
	background: url(../img/header/arrow_01.png) left no-repeat;
}

html #header .main_area .link_list li.end{
	margin: 0;
}

html #header .main_area .link_list li a{
	color: #2c2c2c;
	text-decoration: none;
}

html #header .main_area .freedial{
	width: 201px; height: 35px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
	background: url(../img/header/freedial.png) left top no-repeat;
	position: absolute;
	bottom: 12px; right: 350px;
}

html #header .main_area .link_btn_area{
	width: 337px; height: 36px;
	position: absolute;
	bottom: 11px; right: 0;
}

html #header .main_area .link_btn_area .left{
	float: left;
	width: 168px;
}

html #header .main_area .link_btn_area .left a{
	background: url(../img/header/btn_01.png) left top no-repeat;
}

html #header .main_area .link_btn_area .right{
	float: right;
	width: 168px;
}

html #header .main_area .link_btn_area .right a{
	background: url(../img/header/btn_02.png) left top no-repeat;
}

html #header .main_area .link_btn_area a{
	display: block;
	width: 168px; height: 36px;
	text-indent: -9000px;
	font-size: 0;
	overflow: hidden;
}

html #header .main_area .link_btn_area a:hover{
	background-position: right bottom;
}

/* nav_area */
html #header .nav_area{
	width: 100%; height: 50px;
	background: url(../img/header/bg_nav.gif) left top repeat-x;
	z-index: 300;
}
	ul#gnav-menu{
		margin: 0 auto;
		width: 940px; height: 50px;
		z-index: 300;
	}
	* html #gnav-menu             { zoom: 1; } /* IE6 */
	*:first-child+html #gnav-menu { zoom: 1; } /* IE7 */
		ul#gnav-menu li{
			float: left;
			position: relative;
			line-height: 0;
			z-index: 300;
		}
			ul#gnav-menu li > a{
				display: block;
				overflow: hidden;
			}
			ul#gnav-menu > li > a{
				height: 50px;
				text-indent: -9000px;
				font-size: 0;
			}
			ul#gnav-menu li.nav01 > a:hover,
			ul#gnav-menu li.nav02 > a:hover,
			ul#gnav-menu li.nav03 > a:hover,
			ul#gnav-menu li.nav04 > a:hover,
			ul#gnav-menu li.nav05 > a:hover{
				background-position: left bottom;
			}
			
			
			ul#gnav-menu li.nav01.cur > a{ width: 189px; background: url(../img/header/nav_01_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav02.cur > a{ width: 188px; background: url(../img/header/nav_02_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav03.cur > a{ width: 187px; background: url(../img/header/nav_03_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav04.cur > a{ width: 188px; background: url(../img/header/nav_04_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav05.cur > a{ width: 188px; background: url(../img/header/nav_05_cur.gif) left top no-repeat; }
			
			/*
			ul#gnav-menu li.nav01.cur > a{ width: 189px; background: url(../img/header/nav_01_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav01.cur > a:hover{ width: 189px; background: url(../img/header/nav_01.gif) left bottom no-repeat; }
			ul#gnav-menu li.nav02.cur > a{ width: 188px; background: url(../img/header/nav_02_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav02.cur > a:hover{ width: 188px; background: url(../img/header/nav_02.gif) left bottom no-repeat; }
			ul#gnav-menu li.nav03.cur > a{ width: 187px; background: url(../img/header/nav_03_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav03.cur > a:hover{ width: 187px; background: url(../img/header/nav_03.gif) left bottom no-repeat; }
			ul#gnav-menu li.nav04.cur > a{ width: 188px; background: url(../img/header/nav_04_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav04.cur > a:hover{ width: 188px; background: url(../img/header/nav_04.gif) left bottom no-repeat; }
			ul#gnav-menu li.nav05.cur > a{ width: 188px; background: url(../img/header/nav_05_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav05.cur > a:hover{ width: 188px; background: url(../img/header/nav_05.gif) left bottom no-repeat; }
			*/
			
			
			
			
			
			
			ul#gnav-menu li.nav01 > a{
				width: 189px;
				background: url(../img/header/nav_01.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav02 > a{
				width: 188px;
				background: url(../img/header/nav_02.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav03 > a{
				width: 187px;
				background: url(../img/header/nav_03.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav04 > a{
				width: 188px;
				background: url(../img/header/nav_04.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav05 > a{
				width: 188px;
				background: url(../img/header/nav_05.gif) left top no-repeat;
			}

			/* サブメニュー */
			ul#gnav-menu li:hover > ul{
				display: block;
			}
			ul#gnav-menu ul{
				list-style: none;
				display: none;
				position: absolute;
				z-index: 310;

			   	background: #fff;
				border: solid 2px #da3915;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				width: 270px;
			}
				ul#gnav-menu ul > a{
					z-index: 310;
				}
				ul#gnav-menu ul ul a{
					z-index: 320;
				}
				ul#gnav-menu ul a{
					display: block;
					margin: 0 2px;
					padding: 20px;
					overflow: hidden;
				    border-bottom: 1px solid #dfdfdf;
				    background: url("../img/top/arrow_right.png") no-repeat right center;

					text-decoration: none;
				    color: #2c2c2c;
				    font-size: 10pt;
				    font-weight: bold;
				}
				ul#gnav-menu ul a:hover{
					background-color: #fff5f3;
				}

				*html ul#gnav-menu ul a /* IE6 */{
					height: 10px;
				}
				*:first-child+html ul#gnav-menu ul a /* IE7 */{    
					height: 10px;
				}
				#gnav-menu ul ul{
					top: 0;
					left: 268px;
					z-index: 320;
				}
					#gnav-menu ul li{
						float: none;
						margin: 0;
						padding: 0;
						display: block;
					}

			/* 吹き出しの三角 */
			#gnav-menu ul li:first-child > a:after{
			    content: '';
			    position: absolute;
			    left: 30px;
			    top: -8px;
			    width: 0;
			    height: 0;
			    border-left: 5px solid transparent;
			    border-right: 5px solid transparent;
			    border-bottom: 8px solid #da3915;
			}
			#gnav-menu ul ul li:first-child a:after{
				border:none;
			}
			/*
			#gnav-menu ul ul li:first-child a:after{
			    left: -8px;
			    top: 12px;
			    width: 0;
			    height: 0;
			    border-left: 0;	
			    border-bottom: 5px solid transparent;
			    border-top: 5px solid transparent;
			    border-right: 8px solid #da3915;
			}
			*/
			/*
			#gnav-menu ul li:first-child a:hover:after{
			    border-bottom-color: #04acec; 
			}
			#gnav-menu ul ul li:first-child a:hover:after{
			    border-right-color: #04acec; 
			    border-bottom-color: transparent; 	
			}
			*/

			#gnav-menu ul li:first-child > a:after{
				content: '';
				position: absolute;
				left: 30px;
				top: -8px;
				width: 0;
				height: 0;
			}
			#gnav-menu ul ul li:first-child a:after{
				left: -8px;
				top: 12px;
				width: 0;
				height: 0;
			}

			/* Clear floated elements */
			#gnav-menu:after {
				visibility: hidden;
				display: block;
				font-size: 0;
				content: " ";
				clear: both;
				height: 0;
			}
			
			


/* グローバルメニュー変更*/

			ul#gnav-menu li.nav07 > a:hover,
			ul#gnav-menu li.nav08 > a:hover,
			ul#gnav-menu li.nav09 > a:hover,
			ul#gnav-menu li.nav10 > a:hover,
			ul#gnav-menu li.nav11 > a:hover,
			ul#gnav-menu li.nav12 > a:hover{
				background-position: left bottom;
			}
			
			
			ul#gnav-menu li.nav07.cur > a{ width: 157px; background: url(../img/header/nav_07_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav08.cur > a{ width: 157px; background: url(../img/header/nav_08_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav09.cur > a{ width: 156px; background: url(../img/header/nav_09_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav10.cur > a{ width: 156px; background: url(../img/header/nav_10_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav11.cur > a{ width: 157px; background: url(../img/header/nav_11_cur.gif) left top no-repeat; }
			ul#gnav-menu li.nav12.cur > a{ width: 157px; background: url(../img/header/nav_12_cur.gif) left top no-repeat; }


			ul#gnav-menu li.nav07 > a{
				width: 157px;
				background: url(../img/header/nav_07.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav08 > a{
				width: 157px;
				background: url(../img/header/nav_08.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav09 > a{
				width: 156px;
				background: url(../img/header/nav_09.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav10 > a{
				width: 156px;
				background: url(../img/header/nav_10.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav11 > a{
				width: 157px;
				background: url(../img/header/nav_11.gif) left top no-repeat;
			}
			ul#gnav-menu li.nav12 > a{
				width: 157px;
				background: url(../img/header/nav_12.gif) left top no-repeat;
			}



/* 提携教室用181106 */
html #header.teikei .main_area .link_btn_area .left a{
	background: url(../img/header/btn_01_new.png) left top no-repeat;
}

html #header.teikei .main_area .link_btn_area .right a{
	background: url(../img/header/btn_02_new.png) left top no-repeat;
}
html #header.teikei .main_area .link_btn_area a:hover{
	background-position: right bottom;
}