@charset "UTF-8";
/* CSS Document */

/*^^^^^^^^^^ ここからヘッダー ^^^^^^^^^^*/
header {
	width:100%;
	height:50px;
	background:#039;
	position: fixed;
	top: 0px;
	z-index: 100;
}

#top-link {
	width:100%;
	margin-top:-50px;
	padding-top:10px;
	position: fixed;
	top: 50px;
	z-index: 100;
}

#top-link_nakami {
	max-width:980px;
	width:100%;
	margin:auto;
}

#top-link_image img {
	width:285px;
}

#top-link_image a:hover img {
	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-ms-filter: "alpha(opacity=70)";
}

/*---------------------- 画面サイズが980以下の場合ここから --------------------------*/
@media screen and (max-width: 980px) {
#top-link {
	width:260px;/*--- SP用メニューとかぶらないように横幅指定をしている（被るとどちらか押せなくなる） ---*/
}
	
#top-link-nakami {
	width:260px;/*--- SP用メニューとかぶらないように横幅指定をしている（被るとどちらか押せなくなる） ---*/
	margin:0px;/*--- marginをautoにすると100%指定しないといけなくなる為0px ---*/
	padding-left:10px;
}

#top-link_image {
	margin-left:10px;
}

#top-link_image img {
	width:255px;
}
}
/*---------------------- 画面サイズが980以下の場合ここまで --------------------------*/



/*ここからヘッダーのメニュー*/

/*ここからPC用のプルダウンメニュー*/
/*---------------------- 画面サイズが980以上の場合ここから --------------------------*/
@media screen and (min-width: 980px) {
#menu-zentai {
	width: 100%;
	clear:both;
	position: fixed;
	top: 50px;
	z-index: 100;
}

#menu {
	width: 100%;
	max-width:980px;
	margin:auto;
	clear:both;
	display: inline-block;
}

#nav {
	display: inline-block;
	width: 100%;
	height: 34px;
	margin: 0 auto;
	list-style-type: none;
	padding: 0px;
}

#nav li {
	position: relative;
	float: left;
	width: 14.04%;
	height: 34px;
	text-align: center;
	border-right: 2px solid #00448f;
}

#nav li:first-child {
	border-left: 2px solid #00448f;
}

#nav li a {
	display: block;
	width: 100%;
	height: 34px;
	color: #00448f;
	line-height: 2.2;
	background:#fff;
	text-decoration: none ;
}

#nav li a:hover {
	color: #fff;
	background:#1996d5;
}

#nav .nav-ko a {
	background:#d3ecfb;
}

#nav > li li:hover > a {
	background:#1996d5;
}

#nav li ul {
	left: 0;
	position: absolute;
	list-style-type: none;
	padding: 0px;
	width:100%;
}

#nav li ul li {
	overflow: hidden;
	height: 0;
	border: 0px;/* 子カテゴリの区切り線を消す */
}
#nav li ul li:first-child {
	border: 0px;/* 子カテゴリの区切り線を消す */
}
#nav li ul li a {
	border-top: 1px solid #fff;
}
#nav li:hover > ul > li {
	overflow: visible;
	width: 100%;
	height: 34px;
}
	#nav li ul li ul {/*孫*/
		top: 0;
		left: 200px;
	}
	#nav li ul li ul:before {/*孫*/
		position: absolute;
		content: "";
		top: 15px;
		left: -10px;
		border: 5px solid transparent;
		border-left: 5px solid #fff;
	}
	#nav li ul li ul li:hover > a {/*孫*/
		background: #afc6e2;
	}

}
/*---------------------- 画面サイズが980以上の場合ここまで --------------------------*/


/*ここまでヘッダーのメニュー*/

/*^^^^^^^^^^ ここまでヘッダー ^^^^^^^^^^*/