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

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
header #globalNav {
	display: none;
}
@media (min-width:1080px) {
/** [ PC ] **/
	header #globalNav {
		float     : right;
		width     : 900px;
		height    : 50px;
		margin-top: 96px;
	}
	header #globalNav ul {
		position: relative;
		width   : 100%;
		height  : 50px;
	}
	header #globalNav ul li {
		float  : left;
		display: block;
		height : 50px;
		padding: 0 24px;
	}
	header #globalNav ul li a {
		height     : 50px;
		color      : #000;
		font-family: "UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
		font-size  : 18px;
		line-height: 50px;
		text-align : center;
	}
	header #globalNav ul li#gn00,
	header #globalNav ul li#gn07 {
		display: none;
	}
	header #globalNav ul li#gn08 a img {
		height: 30px;
		width : auto;
		margin: 0 auto;		
		padding-top   : 10px;
		padding-bottom: 10px;
	}
	/***/
	#news header #globalNav ul li#gn01 a,
	#single header #globalNav ul li#gn01 a,
	#greeting header #globalNav ul li#gn02 a,
	#subjects header #globalNav ul li#gn03 a,
	#inspection header #globalNav ul li#gn04 a,
	#facility header #globalNav ul li#gn05 a,
	#access header #globalNav ul li#gn06 a,
	#first header #globalNav ul li#gn07 a { color: #835d2b; }
}





/* ***********************************************************************
	2 : Header Nav
*********************************************************************** */
/**[ SP ]**/
#headerNav {
	display: none;
}
#spAccBtn {
	position: fixed;
	right   : 71px;
	top     : 0;
	display : block;
	width   : 70px;
	height  : 70px;	
}
@media (min-width:1080px) {
/** [ PC ] **/
	#spAccBtn {
		display: none;
	}
	#headerNav {
		display      : block;
		position     : absolute;
		top          : 0;
		right        : 0;
		min-width    : 780px;
		width        : auto;
		height       : 90px;
		padding-right: 18px;
	}
	#headerNav ul {
		position : relative;
		min-width: 780px;
		width    : auto;
		height   : 90px;
	}
	#headerNav ul li {
		float  : left;
		display: block;
	}
	#headerNav ul li#hn01 {
		width : 200px;
		height: 48px;
		margin: 21px 32px 0 0;
	}
	#headerNav ul li#hn01 a {
		display      : block;
		width        : 198px;
		height       : 46px;
		text-align   : center;
		color        : #000;
		font-family  : "UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
		font-size    : 18px;
		line-height  : 46px;
		border       : solid 1px #dbdbdb;
		border-radius: 23px;
	}
	#headerNav ul li#hn01 a img {
		display       : inline-block;
		width         : 7px;
		height        : auto;
		padding-right : 8px;
		vertical-align: middle;
	}
	#headerNav ul li#hn02 {
		width : 280px;
		height: 52px; 
		margin: 18px 42px 0 0;
	}
	#headerNav ul li#hn02 img {
		width : 280px;
		height: auto; 
	}
	#headerNav ul li#hn03,
	#headerNav ul li#hn03 a {
		width : 225px;
		height: 90px; 
	}
	#headerNav ul li#hn03 a img {
		width : 225px;
		height: auto; 
	}
}



/* ***********************************************************************
	3 : Local Nav
*********************************************************************** */
/**[ SP ]**/
#localNav {
	display   : block;
	background: rgba(144,102,49,0.85);
	width     : 100%;
}
#localNav ul {
	width        : 90%;
	height       : auto;
	margin       : 0 auto;
	padding      : 0 5%;
	border-top   : solid 1px #c7b298; 
	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_white.png) left center no-repeat;
	background-size: 12px 7px;
	min-width      : 17px;
	width          : auto;
	height         : 40px;
	padding-left   : 16px;
	text-align     : left;
	color          : #fff;
	font-size      : 13px;
	line-height    : 40px;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	.brSP {
		display    : inline-block;
		margin-left: 16px;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	.brSP {
		margin-left: 40px;
	}
	#localNav {
		position: absolute;
		top     : 154px;
		left    : 0;
		height  : 48px;
	}
	#localNav ul {
		padding: 0;
		border : none;
	}	
	#localNav ul li {
		height     : 48px;
		margin-left: 40px;
	}
	#localNav ul li:first-child {
		margin-left: 0!important;
	}
	#localNav ul li a {
		height     : 48px;
		font-size  : 14px;
		line-height: 48px;
	}
	#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;
	}
	/***/
	#news #localNav ul,
	#single #localNav ul {
		width: 80px; /*border: solid 1px red;*/
	}
	#greeting #localNav ul {
		width: 660px; /*border: solid 1px red;*/
	}
	#subjects #localNav ul {
		width: 380px; /*border: solid 1px red;*/
	}
	#inspection #localNav ul {
		width: 450px; /*border: solid 1px red;*/
	}
	#facility #localNav ul {
		width: 105px; /*border: solid 1px red;*/
	}
	#access #localNav ul {
		width: 350px; /*border: solid 1px red;*/
	}
	#first #localNav ul {
		width: 88px; /*border: solid 1px red;*/
	}
	#insurancepost #localNav ul {
		width: 190px; /*border: solid 1px red;*/
	}
	#privacy #localNav ul {
		width: 160px; /*border: solid 1px red;*/
	}
}





/* ***********************************************************************
	4 : Footer Nav
*********************************************************************** */
/** [ SP ] **/
#footerNav {
	background-color: #f1efed;
	width           : 100%;
	height          : auto;
	text-align      : center;
}
#footerNav #fnMain {
	position: relative;
	width   : 100%;
	height  : auto;
	margin  : 0;
	padding : 0;
}
#footerNav #fnMain li {
	float      : left;
	max-width  : 50%;
	width      : 49.82%;
	height     : 50px;
	line-height: 50px;
	border-top : solid 1px #fff;
}
#footerNav #fnMain li:nth-child(2n) {
	border-left: solid 1px #fff;
}
#footerNav #fnMain li a {
	display       : block;
	width         : 100%;
	height        : 50px;
	text-align    : center;
	font-family  : "UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	font-size     : 15px;
	line-height   : 50px;
	color         : #666;
}
#footerNav #fnMain li a:hover {
	text-decoration: none;
}
#footerNav #fnMain li a img {
	display       : inline-block;
	width         : 8px;
	height        : 12px;
	margin-right  : 8px;
	padding-bottom: 2px;
	vertical-align: middle;
}
@media (min-width:1080px) {
/** [ PC ] **/
	#footerNav {
		width : 100%;
		height: 80px;
	}
	#footerNav #fnMain {
		position    : relative;
		width       : 1080px;
		height      : 80px;
		margin-left : auto;
		margin-right: auto;
		text-align  : left;
		/*
		border: solid 1px red;*/
	}
	#footerNav #fnMain li {
		float        : left;
		width        : auto;
		height       : 80px;
		line-height  : 80px;
		padding-right: 40px;
	}
	#footerNav #fnMain li:nth-child(2n) {
		border-left: none;
	}
	#footerNav #fnMain li:last-child {
		padding-right: 0;
	}
	#footerNav #fnMain li a {
		width         : auto;
		height        : 16px;
		padding-top   : 32px;
		padding-bottom: 32px;
		text-align    : left;
		vertical-align: middle;
		font-family   : "UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
		font-size     : 16px;
		line-height   : 16px;
		letter-spacing: 1px;
		color         : #666;
	}
	#footerNav #fnMain li a img {
		display       : inline-block;
		width         : 8px;
		height        : 12px;
		margin-right  : 8px;
		padding-bottom: 2px;
	}
	#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;
	}
}


/* ***********************************************************************
	5 : Bottom Nav
*********************************************************************** */
/**[ SP ]**/
#bottomNav {
	background: #f1efed;
	width     : 100%;
	margin    : 24px auto 0;
	padding   : 1px 0 124px;
	text-align: center;
}
#bottomNav .innerBox ul li,
#bottomNav .innerBox p {
	margin-top: 28px;
}
#bottomNav .innerBox a,
#bottomNav .innerBox p {
	text-align: center;
	color     : #333;
	font-size : 12px;
}
#bottomNav .innerBox a {
	display        : block;
	text-decoration: none;
}
#bottomNav .innerBox .copyright {
	font-family: Arial, Helvetica, sans-serif;
}

@media screen and (min-width:1080px) {
/** [ PC ] **/
	#bottomNav {
		height : 56px;
		padding: 0;
	}
	#bottomNav .innerBox {
		position: relative;
		width   : 1080px;
		padding : 0;
	}
	#bottomNav .innerBox ul {
		float: left;
	}
	#bottomNav .innerBox p {
		float: right;
	}
	#bottomNav .innerBox ul li {
		float      : left;
		margin-left: 32px;
	}
	#bottomNav .innerBox ul li:first-child {
		margin-left: 0;
	}
	#bottomNav .innerBox ul li,
	#bottomNav .innerBox p {
		margin-top : 0;
		line-height: 56px;
	}
	#bottomNav .innerBox ul li a,
	#bottomNav .innerBox p {
		text-align: left;
		font-size : 14px;
	}
	#bottomNav .innerBox ul li a {
		position: relative;
		display : inline;
	}
	#bottomNav .innerBox .copyright {
		font-size: 12px!important;
	}
}




/* ***********************************************************************
	6 : Fixed Nav
*********************************************************************** */
/**[ SP ]**/
#ftmFixed {
	position : fixed;
	bottom   : 0;
	left     : 0;
	max-width: 100%;
	width    : 100%;
	height   : 60px;
	overflow : visible;
	z-index  : 9999;
	box-shadow: 0 -5px 5px 0 rgba(128, 128, 128, 0.30);
}

#fixedNav {
	position  : fixed;
	bottom    : 0;
	left      : 0;
	background: #906631;
	max-width : 100%;
	width     : 100%;
	height    : 60px;
}
#fixedNav a {
	float     : left;
	width     : 42%;
	height    : 60px;
	text-align: center;
}
#fixedNav a img {
	height: 60px;
	width : auto;
	margin: 0 auto;
}
#fixedNav a:nth-child(2),
#fixedNav a:last-child {
	border-left: solid 1px #fff;
}
#fixedNav a:last-child {
	min-width: 15%;
	max-width: 16%;
	width    : auto;
}

/** pageTop **/
#fixedTop {
	position: fixed;
	right   : 2%;
	bottom  : 68px;
	width   : 64px;
	height  : 64px;
	z-index : 10;
	max-width: 64px!important;
}
#fixedTop img {
	height: 64px;
	width : auto;
}

/** pcFixed **/
#pcFixed {
	display: none;
}

@media screen and (min-width: 1080px) {
/** [ PC ] **/
	#ftmFixed {
		display   : none;
		box-shadow: none!important;
		height: 0!important;
	}
	#fixedNav {
		display: none;
	}

	/** pageTop **/
	#fixedTop {
		right : 48px;
		bottom: 48px;
	}
	
	/** pcFixed **/
	#pcFixed {
		display : block;
		position: fixed;
		right   : 0;
		top     : 160px;
		width   : 100px;
		height  : 255px;
		z-index : 9999;
	}
	#pcFixed ul li,
	#pcFixed ul li a,
	#pcFixed ul li a img {
		display: block;
		width  : 100px;
		height : auto;
	}
	#pcFixed ul li:nth-child(2) {
		margin-top: 5px;
	}


}