@charset "utf-8";

/*------------ gNavi ------------*/

#gNaviWrap{height:60px; width:100%;margin:0 auto;}
#gNaviInner{width:960px;}
#gNavi {
	position: absolute;
	top: 100px;
	right: 0px;
	height: 60px;
	left: 0px;

}

#gNavi .menuBtn { display:none;vertical-align:baseline;}
#gNavi .menuBtn > span:before{ margin-right:0.5em; content:url(../image/menu2.png);}
#gNavi .menuBtn:hover { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
#gNavi > ul { height:50px;width:960px;margin:0 auto;}
#gNavi > ul li { float:left; text-align:left; text-align:center;}
#gNavi > ul li span { visibility:hidden; }
#gNavi > ul li a { display:block; width:100%; height:60px;}
#gNavi > ul li.n01 a{
	background:url(../common/n01.png) no-repeat left top;
	width:160px;
	margin:0;
	padding:0;
	display:block;

}

#gNavi > ul li.n01 a:hover{
	background:url(../common/n01.png) no-repeat left bottom;
	width:160px;
	margin:0;
	padding:0;
	display:block;

}

#gNavi > ul li.n02 a{
	background:url(../common/n02.png) no-repeat left top;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n02 a:hover{
	background:url(../common/n02.png) no-repeat left bottom;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n03 a{
	background:url(../common/n03.png) no-repeat left top;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n03 a:hover{
	background:url(../common/n03.png) no-repeat left bottom;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n10 a{
	background:url(../common/n10.png) no-repeat left top;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n10 a:hover{
	background:url(../common/n10.png) no-repeat left bottom;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n04 a{
	background:url(../common/n04.png) no-repeat left top;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n04 a:hover{
	background:url(../common/n04.png) no-repeat left bottom;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n05 a{
	background:url(../common/n05.png) no-repeat left top;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

#gNavi > ul li.n05 a:hover{
	background:url(../common/n05.png) no-repeat left bottom;
	width:160px;
	margin:0;
	padding:0;
	display:block;
}
#gNavi > ul li.n06 a{

	display:none;
}
#gNavi > ul li.n07 a{

	display:none;
}
#gNavi > ul li.n08 a{

	display:none;
}
#gNavi > ul li.n09 a{

	display:none;
}
#gNavi > ul li.n00 a{

	display:none;
}
#gNavi > ul li a:hover { text-decoration:none; background:url(../common/menu_on.png) no-repeat;}
#gNavi > ul li.menu a{ width:100%; height:24px; line-height:24px; text-align:center;}
#gNavi > ul li.menu a:before { content:url(../common/menu.png);}
#gNavi > ul li.close{display:none;}
#gNavi > ul li.close a:before{ content:'';}

@media screen and (max-width: 960px){
}


@media screen and (max-width: 768px){
		#gNaviWrap{height:48px; width:90%;margin:0 auto;}
		#gNaviInner{width:768px;}
		#gNavi {position: absolute; top: 70px; height: 48px; left: 0px;}
		#gNavi > ul { height:48px;width:768px;margin:0 auto;}
		#gNavi > ul li { float:left; text-align:left; text-align:center;}
		#gNavi > ul li span { visibility:hidden; }
		#gNavi > ul li a { display:block; height:48px;}

		#gNavi > ul li.n01 a{
			background:url(../common/nm01.png) no-repeat left top;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n01 a:hover{
			background:url(../common/nm01.png) no-repeat left bottom;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n02 a{
			background:url(../common/nm02.png) no-repeat left top;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n02 a:hover{
			background:url(../common/nm02.png) no-repeat left bottom;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n03 a{
			background:url(../common/nm03.png) no-repeat left top;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n03 a:hover{
			background:url(../common/nm03.png) no-repeat left bottom;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}
		
		#gNavi > ul li.n10 a{
			background:url(../common/nm10.png) no-repeat left top;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n10 a:hover{
			background:url(../common/nm10.png) no-repeat left bottom;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n04 a{
			background:url(../common/nm04.png) no-repeat left top;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n04 a:hover{
			background:url(../common/nm04.png) no-repeat left bottom;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n05 a{
			background:url(../common/nm05.png) no-repeat left top;
			width:128px;
			margin:0;
			padding:0;
			display:block;
		}

		#gNavi > ul li.n05 a:hover{
			background:url(../common/nm05.png) no-repeat left bottom;
			width:128px;
			margin:0;
			padding:0;
			display:block;

		}
}

@media screen and (max-width: 480px){
		#gNaviWrap{position: absolute; top: 0px;left: 0;height: 60px; width:100%;}
		#gNavi {position: absolute;top: 80px;left: -6px;height: 80px;z-index: 1; }
		#gNavi .menuBtn { position:absolute; top:-60px; right:0px; display:block; width:62px; height:62px; text-align:right;}
		#gNavi .menuBtn > span:before{ margin-right:0.5em; content:url(../image/menu2.png);}
		#gNavi .menuBtn:hover { opacity:0.80; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
		#gNavi > ul {display:none; -moz-box-shadow: 1px 1px 3px #ddd; -webkit-box-shadow: 1px 1px 3px #ddd; box-shadow: 1px 1px 3px #ddd;margin-top:10px;height:auto;}
		#gNavi > ul li span { visibility:visible;}
		#gNavi > ul li {  float:none; text-align:left;width:100%; height:40px;}
		#gNavi > ul li a { display:block; width:100%; height:40px; line-height:40px; padding-left:10px; color:#fff; background:rgba(75,150,225,0.90);padding-top:0px;}
		#gNavi > ul li.n01 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n01 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n01 a:before { margin-right:10px; content:'●'; color:#99DC92;}
		#gNavi > ul li.n02 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n02 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n02 a:before { margin-right:10px; content:'●'; color:#99DC92;}
		#gNavi > ul li.n03 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 

			background:rgba(255,255,255,0.90);

			padding-top:0px;

		}

		#gNavi > ul li.n03 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }

		#gNavi > ul li.n03 a:before { margin-right:10px; content:'●'; color:#99DC92;}

		#gNavi > ul li.n04 a {

			display:block; 

			width:100%; 

			height:40px; 

			line-height:40px; 

			padding-left:10px; 

			color:#002483; 

			background:rgba(255,255,255,0.90);

			padding-top:0px;

		}

		#gNavi > ul li.n04 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }

		#gNavi > ul li.n04 a:before { margin-right:10px; content:'●'; color:#99DC92;}

		#gNavi > ul li.n05 a {

			display:block; 

			width:100%; 

			height:40px; 

			line-height:40px; 

			padding-left:10px; 

			color:#002483; 

			background:rgba(255,255,255,0.90);

			padding-top:0px;

		}

		#gNavi > ul li.n05 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }

		#gNavi > ul li.n05 a:before { margin-right:10px; content:'●'; color:#99DC92;}

		#gNavi > ul li.n06 a {

			display:block; 

			width:100%; 

			height:40px; 

			line-height:40px; 

			padding-left:10px; 

			color:#002483; 

			background:rgba(255,255,255,0.90);

			padding-top:0px;

		}

		#gNavi > ul li.n06 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }

		#gNavi > ul li.n06 a:before { margin-right:10px; content:'●'; color:#99DC92;}
		#gNavi > ul li.n07 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n07 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n07 a:before { margin-right:10px; content:'●'; color:#99DC92;}
		#gNavi > ul li.n08 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n08 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n08 a:before { margin-right:10px; content:'●'; color:#99DC92;}	
		#gNavi > ul li.n09 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n09 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n09 a:before { margin-right:10px; content:'●'; color:#99DC92;}	
			#gNavi > ul li.n00 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n10 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}
		#gNavi > ul li.n10 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n10 a:before { margin-right:10px; content:'●'; color:#99DC92;}	
			#gNavi > ul li.n00 a {
			display:block; 
			width:100%; 
			height:40px; 
			line-height:40px; 
			padding-left:10px; 
			color:#002483; 
			background:rgba(255,255,255,0.90);
			padding-top:0px;
		}

		#gNavi > ul li.n00 a:hover {text-decoration:none; background:rgba(240,240,240,0.75);display:block; width:100%; height:40px; line-height:40px; padding-left:10px; }
		#gNavi > ul li.n00 a:before { margin-right:10px; content:'●'; color:#99DC92;}
		#gNavi > ul li a:before { margin-right:10px; content:'●'; color:#99DC92;}


		#gNavi > ul li a:hover { text-decoration:none; background:rgba(0,54,217,0.75);}

		#gNavi > ul li.menu a{ width:100%; height:24px; line-height:24px; text-align:center;}

		#gNavi > ul li.menu a:before { content:url(../image/menu.png);}

		#gNavi > ul li.close a{ height:24px; line-height:24px; text-align:center;}

		#gNavi > ul li.close a:before{ content:'▲';}





			#gNavi .menuBtn > span:before { position:absolute; top:0px; left:0px; width:40px; height:52px; margin-right:0; background:url(../common/menu.png) center 6px no-repeat; content:'';}

	

}


/*------ブログナビ-------*/
#blogNavi{ width:100%;  margin-top:20px; }
#blogNavi ul li{width:120px; float:left; text-align: center;}
#blogNavi ul li.tubu{font-size: 90%; line-height: 1.0;}
#blogNavi ul li.tubu_on{font-size: 90%; line-height: 1.0;}
#blogNavi ul li.niti{font-size: 90%; line-height: 1.0;}
#blogNavi ul li.niti_on{font-size: 90%; line-height: 1.0;}
#blogNavi ul li a{display: block; border:1px solid #ccc; padding:12px 0; border-radius: 10px 10px 0 0; background: #fff;}
#blogNavi ul li.all a{border-bottom:5px solid #FF506E;}
#blogNavi ul li.all_on a{background:#FF506E; border-bottom:5px solid #FF506E; color:#fff;}
#blogNavi ul li.all a:hover{background:#FF506E; color:#fff;}
#blogNavi ul li.news a{border-bottom:5px solid #8DB1EE;}
#blogNavi ul li.news_on a{background:#8DB1EE; border-bottom:5px solid #8DB1EE; color:#fff;}
#blogNavi ul li.news a:hover{background:#8DB1EE; color:#fff;}
#blogNavi ul li.event a{border-bottom:5px solid #FF8000;}
#blogNavi ul li.event_on a{background:#FF8000; border-bottom:5px solid #FF8000; color:#fff;}
#blogNavi ul li.event a:hover{background:#FF8000; color:#fff;}
#blogNavi ul li.niti a{padding:10px 0 9px 0; border-bottom:5px solid #9ED200;}
#blogNavi ul li.niti_on a{ padding:10px 0 9px 0; background:#9ED200; border-bottom:5px solid #9ED200; color:#fff;}
#blogNavi ul li.niti a:hover{background:#9ED200; color:#fff;}
#blogNavi ul li.recruit a{border-bottom:5px solid #9B84F9;}
#blogNavi ul li.recruit_on a{background:#9B84F9; border-bottom:5px solid #9B84F9; color:#fff;}
#blogNavi ul li.recruit a:hover{background:#9B84F9; color:#fff;}
#blogNavi ul li.tubu a{ padding:10px 0 9px 0; border-bottom:5px solid #FFBF00;}
#blogNavi ul li.tubu_on a{ padding:10px 0 9px 0; background:#FFBF00; border-bottom:5px solid #FFBF00; color:#fff;}
#blogNavi ul li.tubu a:hover{background:#FFBF00; color:#fff;}
#blogNavi ul li.tomo a{border-bottom:5px solid #5EC752;}
#blogNavi ul li.tomo_on a{background:#5EC752; border-bottom:5px solid #5EC752; color:#fff;}
#blogNavi ul li.tomo a:hover{background:#5EC752; color:#fff;}
#blogNavi ul li.other a{border-bottom:5px solid #999999;}
#blogNavi ul li.other_on a{background:#999999; border-bottom:5px solid #999999; color:#fff;}
#blogNavi ul li.other a:hover{background:#999999; color:#fff;}
.icon{margin-left:5px;}
		@media screen and (max-width: 768px){
		#blogNavi{margin-top:10px; font-size:13.5px;}
		#blogNavi ul li{width:12%; float:left; font-size: 80%; text-align: center;}
		#blogNavi ul li.tubu{width:14%; font-size: 80%; line-height: 1.0;}
		#blogNavi ul li.tubu_on{width:14%; font-size: 80%; line-height: 1.0;}
		#blogNavi ul li.niti{width:14%; font-size: 80%; line-height: 1.0;}
		#blogNavi ul li.niti_on{width:14%; font-size: 80%; line-height: 1.0;}
		}
		@media screen and (max-width: 480px){
			#blogNavi{width:100%; margin-top:5px; text-align: left;}
			#blogNavi ul li{width:60px; margin-top:2px; text-align: center;}
			#blogNavi ul li.tubu{width:80px;}
			#blogNavi ul li.tubu_on{width:80px;}
			#blogNavi ul li.niti{width:60px;}
			#blogNavi ul li.niti_on{width:60px;}
			#blogNavi ul li a{display: block; padding:10px 0; border-radius:5px; background: #fff;}
			#blogNavi ul li.all a{border:1px solid #FF506E;}
			#blogNavi ul li.all_on a{background:#FF506E; border-bottom:none;}
			#blogNavi ul li.all a:hover{background:#FF506E;}
			#blogNavi ul li.news a{border:1px solid #8DB1EE;}
			#blogNavi ul li.news_on a{background:#8DB1EE; border-bottom:none;}
			#blogNavi ul li.news a:hover{background:#8DB1EE;}
			#blogNavi ul li.event a{border:1px solid #FF8000;}
			#blogNavi ul li.event_on a{background:#FF8000; border-bottom:none;}
			#blogNavi ul li.event a:hover{background:#FF8000;}
			#blogNavi ul li.niti a{padding:7px 0; border:1px solid #9ED200;}
			#blogNavi ul li.niti_on a{padding:7px 0; background:#9ED200; border-bottom:none;}
			#blogNavi ul li.niti a:hover{background:#9ED200;}
			#blogNavi ul li.recruit a{border:1px solid #9B84F9;}
			#blogNavi ul li.recruit_on a{background:#9B84F9; border-bottom:none;}
			#blogNavi ul li.recruit a:hover{background:#9B84F9;}
			#blogNavi ul li.tubu a{width:80px; padding:7px 0; border:1px solid #FFBF00;}
			#blogNavi ul li.tubu_on a{width:80px; padding : 7px 0; background:#FFBF00; border-bottom:none;}
			#blogNavi ul li.tubu a:hover{background:#FFBF00; color:#fff;}
			#blogNavi ul li.tomo a{border:1px solid #5EC752;}
			#blogNavi ul li.tomo_on a{background:#5EC752; border-bottom:none;}
			#blogNavi ul li.tomo a:hover{background:#5EC752; }
			#blogNavi ul li.other a{border:1px solid #999999;}
			#blogNavi ul li.other_on a{background:#999999; border-bottom:none;}
			#blogNavi ul li.other a:hover{background:#999999;}
			}

/*---- banner----*/
.bannerInner {width:960px; margin:0 auto;}
.banner { margin:0 auto;width:960px; height:120px; text-align:center; border:2px solid #ccc; background:url(../image/contact/contact_banner_icon.png) no-repeat left center #E8F9FF; text-align:center; padding-top:20px; padding-bottom:20px;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;margin-bottom:30px;}
.banner span{font-size:30px; font-weight:bold; color:#333; line-height:100%; font-family: "じゅん 201";}
.banner p{padding-left:36px;padding-right:10px;color:#333;text-align:left;}
.banner a{text-decoration:none;}
.banner a:hover{opacity:0.50; filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)";}
@media screen and (max-width: 768px){
	.bannerInner{width:100%;}
.banner { height:130px;font-size:22px; width:100%;margin-bottom:0px; }
	.banner p{font-size:16px;}
	
}
@media screen and (max-width: 480px){
	.banner { border-spacing:0px; width:100%;padding-top:10px;height:auto;}
	.banner span{font-size:20px;}
	.banner p{padding-left:40px;}

}