@charset "UTF-8";
/* ***********************************************************************
    Nishiguchi Onakano Kudo Naika - <Nav>
*********************************************************************** */
/*
    1 : Global Nav
	2 : Header Nav
	3 : Local Nav
	4 : Footer Nav
	5 : Bottom Nav
*/

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
@media (min-width:896px) {
	/**************************
		PC ｜ Global Nav
	**************************/
	header #globalNav {
		float       : right;
		width       : 808px;
		height      : 60px;
		margin-top  : 88px;
	}
	header #globalNav ul {
		position  : relative;
		background: url(../images/grobalNav_hover.gif?ver=1.0.1) left top no-repeat;
		width     : 808px;
		height    : 60px;
	}
	header #globalNav ul li {
		float  : left;
		display: block;
		height : 60px;
	}
	header #globalNav ul li a {
		display          : block;
		background-image : url(../images/grobalNav_normal.gif?ver=1.0.1);
		background-repeat: no-repeat;
		height           : 60px;
		text-indent      : -9999px;
	}
	header #globalNav ul li a:hover {
		text-decoration   : none;
		opacity           : 0;
		filter            : alpha(opacity=0);
		-moz-opacity      : 0;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	#news header #globalNav ul li#gn01 a:hover,
	#greeting header #globalNav ul li#gn02 a:hover,
	#subjects header #globalNav ul li#gn03 a:hover,
	#inspection header #globalNav ul li#gn04 a:hover,
	#facility header #globalNav ul li#gn05 a:hover,
	#access header #globalNav ul li#gn06 a:hover {
		opacity           : 1.0;
		filter            : alpha(opacity=100);
		-moz-opacity      : 1.0;
	}
	header #globalNav ul li#adjust a,
	header #globalNav ul li#gn00 a {
		display: none;
	}
	header #globalNav ul li#gn01 a {
		width              : 122px;
		background-position: 0 0;
	}
	#news header #globalNav ul li#gn01 a {
		background         : url(../images/grobalNav_active.gif?ver=1.0.1) no-repeat;
		background-position: 0 0;
	}
	header #globalNav ul li#gn02 a {
		width              : 133px;
		background-position: -122px 0;
	}
	#greeting header #globalNav ul li#gn02 a {
		background         : url(../images/grobalNav_active.gif?ver=1.0.1) no-repeat;
		background-position: -122px 0;
	}
	header #globalNav ul li#gn03 a {
		width              : 153px;
		background-position: -255px 0;
	}
	#subjects header #globalNav ul li#gn03 a {
		background         : url(../images/grobalNav_active.gif?ver=1.0.1) no-repeat;
		background-position: -255px 0;
	}
	header #globalNav ul li#gn04 a {
		width              : 157px;
		background-position: -408px 0;
	}
	#inspection header #globalNav ul li#gn04 a {
		background         : url(../images/grobalNav_active.gif?ver=1.0.1) no-repeat;
		background-position: -408px 0;
	}
	header #globalNav ul li#gn05 a {
		width              : 126px;
		background-position: -565px 0;
	}
	#facility header #globalNav ul li#gn05 a {
		background         : url(../images/grobalNav_active.gif?ver=1.0.1) no-repeat;
		background-position: -565px 0;
	}
	header #globalNav ul li#gn06 a {
		width              : 117px;
		background-position: -691px 0;
	}
	#access header #globalNav ul li#gn06 a {
		background         : url(../images/grobalNav_active.gif?ver=1.0.1) no-repeat;
		background-position: -691px 0;
	}
	
}





/* ***********************************************************************
	2 : Header Nav
*********************************************************************** */
/**************************
	SP ｜ Header Nav
**************************/
/**[ SP ]**/
header #headerNav {
	display: none;
}
	
@media (min-width:896px) {
	/**************************
		PC ｜ Header Nav
	**************************/
	header #headerNav {
		display : block;
		position: absolute;
		top     : 0;
		right   : 0;
		width   : 463px;
		height  : 56px;
	}
	header #headerNav ul {
		width : 463px;
		height: 56px;
	}
	header #headerNav ul li {
		float : left;
		height: 56px;
	}
	header #headerNav ul li#hn01 {
		width : 199px;
		height: 46px;
		margin: 8px 24px 2px 0;
	}
	header #headerNav ul li#hn02 {
		width : 240px;
		height: 56px;
	}
	header #headerNav ul li a {
		display: block;
	}
	header #headerNav ul li a:hover {
		text-decoration   : none;
		opacity           : 0.6;
		filter            : alpha(opacity=60);
		-moz-opacity      : 0.6;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	header #headerNav ul li#hn01 a,
	header #headerNav ul li#hn01 a img {
		width : 199px;
		height: 46px;
	}
	header #headerNav ul li#hn02 a,
	header #headerNav ul li#hn02 a img  {
		width : 240px;
		height: 56px;
	}
	/** 停止中の動作
	header #headerNav ul li#hn02 a:hover,
	header #headerNav ul li#hn02 a img  {
		opacity           : 1.0;
		filter            : alpha(opacity=100);
		-moz-opacity      : 1.0;
		cursor: auto;
	} **/
}



/* ***********************************************************************
	3 : Local Nav
*********************************************************************** */
#localNav {
	display         : block;
	background-color: #fff07f;
	width           : 100%;
}
#localNav ul {
	width        : 89%;
	height       : auto;
	margin       : 0 auto;
	padding      : 0 5.5%;
	border-top   : solid 1px #fff; 
	border-bottom: solid 2px #906631;
	text-align   : left;
	overflow     : visible;
	white-space  : nowrap;
}

#localNav ul li {
	float      : left;
	width      : auto;
	height     : 40px;
	margin-left: 16px;
}
#localNav ul li:first-child {
	margin-left: 0;
}
#localNav ul li a {
	display        : block;
	background     : url(../images/arrow_lowerNav.png) left center no-repeat;
	background-size: 12px 12px;
	min-width      : 16px;
	width          : auto;
	height         : 40px;
	padding-left   : 14px;
	text-align     : left;
	color          : #906631;
	font-size      : 12px;
	line-height    : 40px;
}
	
@media (max-width:896px) {
	/**************************
		SP ｜ Local Nav
	**************************/
	#localNav ul .brSP {
		clear     : both;
		width     : 100%;
		height    : 40px;
		border-top: solid 1px #fff; 
	}

}
@media (min-width:896px) {
	/**************************
		PC ｜ Local Nav
	**************************/
	#localNav {
		position: absolute;
		top     : 0;
		left    : 0;
	}
	#localNav ul {
		border: none;
	}
	#greeting #localNav ul {
		width: 795px;
	}
	#subjects #localNav ul {
		width: 310px;
	}
	#inspection #localNav ul {
		width : 700px;
	}
	#facility #localNav ul {
		width: 125px;
	}
	#access #localNav ul {
		width: 440px;
	}
	
	#localNav ul li {
		margin-left: 60px;
	}
	#localNav ul li:first-child {
		margin-left: 0;
	}
	#localNav ul li a {
		background-size: 16px 16px;
		font-size      : 15px;
		padding-left   : 24px;
	}
	#localNav ul li a:hover {
		text-decoration   : none;
		opacity           : 0.6;
		filter            : alpha(opacity=60);
		-moz-opacity      : 0.6;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	#localNav ul .brSP li {
		margin-left: 60px;
	}
}





/* ***********************************************************************
	4 : Footer Nav
*********************************************************************** */
@media (max-width:896px) {
/**************************
	SP ｜ Footer Nav
**************************/
footer #footerNav {
	background-color: #e4e0db;
	width           : 100%;
	height          : auto;
	text-align      : center;
}
footer #footerNav #fnMain {
	position: relative;
	width   : 100%;
	height  : auto;
	margin  : 0;
	padding : 0;
}
footer #footerNav #fnMain li {
	float      : left;
	width      : 49.82%;
	height     : 50px;
	line-height: 50px;
	border-top : solid 1px #fff;
}
footer #footerNav #fnMain li:nth-child(2n) {
	border-right: solid 1px #fff;
}
footer #footerNav #fnMain li a {
	display       : block;
	width         : 100%;
	height        : 50px;
	text-align    : center;
	font-family   : "UD Shin Go NT Medium", "UD Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight   : bold;
	font-size     : 15px;
	line-height   : 50px;
	color         : #666;
}
footer #footerNav #fnMain li a:hover {
	text-decoration: none;
}
footer #footerNav #fnMain li a img {
	display       : inline-block;
	width         : 8px;
	height        : 12px;
	margin-right  : 8px;
	padding-bottom: 2px;
	vertical-align: middle;
}
}
@media (min-width:896px) {
	/**************************
		PC ｜ Footer Nav
	**************************/
	footer #footerNav {
		background-color: #e4e0db;
		width           : 100%;
		height          : 80px;
		text-align      : center;
	}
	footer #footerNav #fnMain {
		position    : relative;
		width       : 1088px;
		height      : 80px;
		margin-left : auto;
		margin-right: auto;
		text-align  : left;
	}
	footer #footerNav #fnMain li {
		float      : left;
		width      : 158px;
		height     : 80px;
		line-height: 80px;
	}
	footer #footerNav #fnMain li a {
		display       : block;
		width         : 158px;
		height        : 16px;
		padding       : 32px 0;
		text-align    : left;
		vertical-align: middle;
		font-family   : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight   : bold;
		font-size     : 16px;
		line-height   : 16px;
		letter-spacing: 1px;
		color         : #666;
	}
	footer #footerNav #fnMain li a img {
		display       : inline-block;
		width         : 8px;
		height        : 12px;
		margin-right  : 8px;
		padding-bottom: 2px;
	}
	footer #footerNav #fnMain li a:hover {
		text-decoration   : none;
		opacity           : 0.6;
		filter            : alpha(opacity=60);
		-moz-opacity      : 0.6;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	
	footer #footerNav #fnMain li:last-child,
	footer #footerNav #fnMain li:last-child a {
		width: 110px;
	}
}


/* ***********************************************************************
	5 : Bottom Nav
*********************************************************************** */
/**************************
	SP ｜ Bottom Nav
**************************/
#btmNav {
	position        : fixed;
	bottom          : 0;
	left            : 0;
	background      : url(../images/btmNav_bg_s.png) left top no-repeat;
	background-size : 15px 42px;
	background-color: #ffe100;
	width           : 100%;
	height          : 50px;
	text-align      : center;
	z-index         : 100;
}
#btmNav .innerBox {
	height       : 34px;
	padding-top  : 8px;
	padding-botom: 8px;
	overflow     : hidden;
}
#btmNav .innerBox h6.leftColumn {
	display: none;
}
#btmNav .innerBox .rightColumn {
	float     : none;
	width     : 100%;
	height    : 34px;
	text-align: left;
}
#btmNav .innerBox .rightColumn #infoImg {
	display: none;
}
#btmNav .innerBox .rightColumn #telBtn,
#btmNav .innerBox .rightColumn #reserveBtn {
	float        : left;
	display      : block;
	width        : 42%;
	height       : 34px;
	border-radius: 6px;
	text-align   : center;
}
#btmNav .innerBox .rightColumn #telBtn {
	background-color: #ffc700;
}
#btmNav .innerBox .rightColumn #reserveBtn {
	background-color: #50c5c7;
	margin-left     : 1.16%;
}
#btmNav .innerBox .rightColumn #telBtn img,
#btmNav .innerBox .rightColumn #reserveBtn img {
	width         : auto;
	height        : 34px;
	margin        : 0 auto;
	text-align    : center;
	vertical-align: middle;
}
/** 停止中の動作
#btmNav .innerBox .rightColumn #reserveBtn {
	background-color: #ffec60;
	cursor          : auto;
}
#btmNav .innerBox .rightColumn #reserveBtn:hover {
	opacity     : 1.0;
	filter      : alpha(opacity=100);
	-moz-opacity: 1.0;
} **/

@media (min-width:896px) {
	/**************************
		PC ｜ Bottom Nav
	**************************/
	#btmNav {
		background     : url(../images/btmNav_bg.gif) left top repeat-y;
		background-size: 100% 2px;
		height         : 80px;
	}
	#btmNav .innerBox {
		padding-top   : 0;
		padding-bottom: 0;
		display      : block;
		background   : url(../images/btmNav_bg_p.gif) center top no-repeat;
		width        : 1088px;
		height       : 80px;
		padding-left : 56px;
		padding-right: 56px;
	}
	#btmNav .innerBox h6.leftColumn {
		display    : block;
		float      : left;
		width      : 198px;
		height     : 80px;
		margin     : 0;
		padding    : 0;
		text-align : left;
		font-family: "UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
		font-size  : 24px;
		line-height: 80px;
		color      : #fff;
	}
	#btmNav .innerBox .rightColumn {
		float : right;
		width : 890px;
		height: 80px;
	}
	#btmNav .innerBox .rightColumn #telBtn,
	#btmNav .innerBox .rightColumn #infoImg,
	#btmNav .innerBox .rightColumn #reserveBtn {
		float  : left;
		display: block;
		height : 40px;
		margin: 20px 0;
	}
	#btmNav .innerBox .rightColumn #telBtn {
		background : none;
		width      : 250px;
		margin-left: 34px;
	}
	#btmNav .innerBox .rightColumn #infoImg {
		width      : 286px;
		margin-left: 40px;
	}
	#btmNav .innerBox .rightColumn #reserveBtn {
		width      : 220px;
		margin-left: 60px;
	}
	#btmNav .innerBox .rightColumn #telBtn img,
	#btmNav .innerBox .rightColumn #infoImg img,
	#btmNav .innerBox .rightColumn #reserveBtn img {
		height: 40px;
		width: auto;
	}
	/**停止中の記載
	#btmNav .innerBox .rightColumn #reserveBtn {
		display: none;
	} **/	
}