@charset "UTF-8";
/* ***********************************************************************
    Shimura Orthopaedic Clinic - <Nav>
*********************************************************************** */
/*
    1 : Global Nav
	2 : Header Nav
	3 : Local Nav
	4 : Footer Nav
*/

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
@media (min-width:896px) {
	/**************************
		PC ｜ Global Nav
	**************************/
	#globalNav {
		float     : right;
		max-width : 868px;
		height    : 52px;
		margin-top: 70px;
		overflow  : hidden;
	}
	#globalNav ul {
		position: relative;
		width   : 868px;
		height  : 52px;
	}
	#globalNav ul li {
		float  : left;
		display: block;
		height : 52px;
	}
	#globalNav ul li a {
		display          : block;
		background-image : url(../images/navGlobal_p.gif);
		background-size  : 868px auto;
		background-repeat: no-repeat;
		height           : 52px;
		text-indent      : -9999px;
		opacity          : 1.0;
		filter           : alpha(opacity=100);
	}
	#globalNav ul li#gn00 a {
		display: none;
	}
	#globalNav ul li#gn01 a {
		background-position: 0 0;
		width              : 132px;
	}
	#globalNav ul li#gn01 a:hover {
		background-position: 0 -52px;
	}
	#greeting #globalNav ul li#gn01 a {
		background-position: 0 -104px;
	}
	#globalNav ul li#gn02 a {
		background-position: -132px 0;
		width              : 173px;
	}
	#globalNav ul li#gn02 a:hover {
		background-position: -132px -52px;
	}
	#subjects #globalNav ul li#gn02 a {
		background-position: -132px -104px;
	}
	#globalNav ul li#gn03 a {
		background-position: -305px 0;
		width              : 166px;
	}
	#globalNav ul li#gn03 a:hover {
		background-position: -305px -52px;
	}
	#rehabili #globalNav ul li#gn03 a {
		background-position: -305px -104px;
	}
	#globalNav ul li#gn04 a {
		background-position: -471px 0;
		width              : 197px;
	}
	#globalNav ul li#gn04 a:hover {
		background-position: -471px -52px;
	}
	#facility #globalNav ul li#gn04 a {
		background-position: -471px -104px;
	}
	/**[ daycare ]**/
	#globalNav ul li#gn08 {
		background     : url(../images/navG_dotted_p.png) left top no-repeat;
		background-size: 2px 52px;
		width          : 189px;
		padding-left   : 2px;
	}
	#globalNav ul li#gn08 a {
		background-position: -680px 0;
		width              : 189px;
	}
	#globalNav ul li#gn08 a:hover {
		background-position: -680px -52px;
	}
	#daycare #globalNav ul li#gn08 a {
		background-position: -680px -104px;
	}
	/**[ daycare active ]
	#daycare header .innerBox img#activeMark {
		position: absolute;
		right   : 100px;
		bottom  : 32px;
		width   : 8px;
		height  : 8px;
		z-index : 100;
	}**/
	
	
	#globalNav ul li#gn05,
	#globalNav ul li#gn06,
	#globalNav ul li#gn07 {
		display: none;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**************************
   [ TABLET ]
**************************/
	#globalNav {
		/*width   : 701px;*/
		width: 699px;
	}
	#globalNav ul {
		width: 699px;
	}
	#globalNav ul li#gn01 a {
		background-position: 0 0;
		width              : 115px;
	}
	#globalNav ul li#gn01 a:hover {
		background-position: 0 -52px;
	}
	#greeting #globalNav ul li#gn01 a {
		background-position: 0 -104px;
	}
	#globalNav ul li#gn02 a {
		background-position: -147px 0;
		width              : 143px;
	}
	#globalNav ul li#gn02 a:hover {
		background-position: -147px -52px;
	}
	#subjects #globalNav ul li#gn02 a {
		background-position: -147px -104px;
	}
	#globalNav ul li#gn03 a {
		background-position: -321px 0;
		width              : 132px;
	}
	#globalNav ul li#gn03 a:hover {
		background-position: -321px -52px;
	}
	#rehabili #globalNav ul li#gn03 a {
		background-position: -321px -104px;
	}
	#globalNav ul li#gn04 {
		margin-right: 4px;
	}
	#globalNav ul li#gn04 a {
		background-position: -487px 0;
		width              : 164px;
	}
	#globalNav ul li#gn04 a:hover {
		background-position: -487px -52px;
	}
	#facility #globalNav ul li#gn04 a {
		background-position: -487px -104px;
	}
	/**[ daycare ]**/
	#globalNav ul li#gn08 {
		width       : 135px;
		padding-left: 4px;
	}
	#globalNav ul li#gn08 a {
		background-position: -705px 0;
		width              : 135px;
	}
	#globalNav ul li#gn08 a:hover {
		background-position: -705px -52px;
	}
	#daycare #globalNav ul li#gn08 a {
		background-position: -705px -104px;
	}
	/**[ daycare active ]**/
	#daycare header .innerBox img#activeMark {
		right   : 64px;
	}
}


/* ***********************************************************************
	2 : Header Nav
*********************************************************************** */
/**************************
	SP ｜ Header Nav
**************************/
/**[ SP ]**/
#headerNav {
	display: none;
}
	
@media (min-width:896px) {
	/**************************
		PC ｜ Header Nav
	**************************/
	#headerNav {
		position: absolute;
		top     : 7px;
		right   : 0;
		display : block;
		width   : 328px;
		height  : 28px;
	}
	#headerNav ul {
		position: relative;
		width   : 328px;
		height  : 28px;
	}
	#headerNav ul li {
		float  : left;
		height : 28px;
	}
	#headerNav ul li a {
		display    : block;
		background : url(../images/navHeader_p.gif) no-repeat;
		background-size: 328px 56px;
		height     : 28px;
		overflow   : hidden;
		text-indent: -9999px;
		opacity    : 1.0;
		filter     : alpha(opacity=100);
	}
	/**[ access ]**/
	#headerNav ul li#hn03 a {
		background-position: 0 0;
		width              : 81px;
	}
	#headerNav ul li#hn03 a:hover {
		background-position: 0 -28px;
	}
	/**[ news ]**/
	#headerNav ul li#hn01 a {
		background-position: -81px 0;
		width              : 118px;
	}
	#headerNav ul li#hn01 a:hover {
		background-position: -81px -28px;
	}
	/**[ recruit ]**/
	#headerNav ul li#hn02 {
		margin-left: 13px;
	}
	#headerNav ul li#hn02 a {
		background-position: -213px 0;
		width              : 115px;
	}
	#headerNav ul li#hn02 a:hover {
		background-position: -213px -28px;
	}
}






/* ***********************************************************************
	3 : Local Nav
*********************************************************************** */
#localNav {
	width : 90%;
	height: auto;
	margin: -10px auto 20px;
}
#localNav ul {
	width      : 100%;
	height     : auto;
	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_btm.png) left center no-repeat;
	background-size: 9px 6px;
	min-width      : 16px;
	width          : auto;
	height         : 40px;
	padding-left   : 16px;
	text-align     : left;
	color          : #333;
	font-size      : 12px;
	line-height    : 40px;
}
#localNav ul li a:visited {
	opacity: 1.0;
	filter : alpha(opacity=100);
}
#localNav ul .brSP {
	clear     : both;
	width     : 100%;
	height    : 40px;
	border-top: solid 1px #fff; 
}
@media (min-width:896px) {
/**[ PC ｜ Local Nav ]**/
	#localNav ul {
		background: url(../images/nav_lower_p.gif) right center no-repeat;
		height    : 40px;
		margin    : 0 auto 54px;
	}
	#greeting #localNav ul {
		width: 370px;
	}
	#subjects #localNav ul {
		/*width: 400px;*/
		width: 565px;
	}
	#rehabili #localNav ul {
		/*width : 97%;*/
		width: 780px;
	}
	#facility #localNav ul {
		width: 380px;
	}
	#access #localNav ul {
		width: 470px;
	}
	
	#localNav ul li {
		background  : url(../images/nav_lower_p.gif) left center no-repeat;
		width       : auto;
		height      : 40px;
		margin-left : 0;
		padding-left: 3px;
	}
	#localNav ul li a {
		background     : url(../images/arrow_btm.png) left 28px center no-repeat;
		background-size: 11px 7px;
		font-size      : 18px;
		padding        : 0 40px 0 47px;
	}
	#localNav ul li a:hover {
		text-decoration: none;
		opacity        : 0.6;
		filter         : alpha(opacity=60);
	}
	#localNav ul .brSP li {
		float : left;
		width : auto;
		border: none;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	/*#rehabili #localNav ul {
		width: 100%;
	}
	#rehabili #localNav ul li a {
		background     : url(../images/arrow_btm.png) left 20px center no-repeat;
		background-size: 11px 7px;
		padding        : 0 34px 0 38px;
	}*/
}



/* ***********************************************************************
	4 : Footer Nav
*********************************************************************** */
/**[ SP ]**/
#footerNav {
	background-color: #009de1;
	width           : 100%;
	height          : auto;
	text-align      : center;
}
#footerNav #fnMain {
	position: relative;
	width   : 100%;
	height  : auto;
}
#footerNav #fnMain li {
	float        : left;
	width        : 49.82%;
	height       : 50px;
	border-bottom: solid 1px #70c8ef;
}
#footerNav #fnMain li:nth-child(2n) {
	border-right: solid 1px #70c8ef;
}
#footerNav #fnMain li a,
#footerNav #fnMainLower 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         : #fff;
}
#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;
}
/**[ #fn01 ]**/
#footerNav #fnMain #fn01,
#footerNav #fnMain #fn01 li {
	display: none;
}
/**[ #fnMainLower ]**/
#footerNav #fnMainLower {
	display: none;
}


#footerNav h6#ftr_logo {
	width  : 44%;
	height : 33px;
	margin : 0 auto;
	padding: 18px 0 19px;
}
#footerNav h6#ftr_logo a {
	display: block;
	width  : 100%;
	height : 33px;
}
#footerNav h6#ftr_logo a img {
	height : 100%;
	width  : auto;
}


@media (min-width:896px) {
/**[ PC ]**/
	#footerNav {
		height  : auto;
		overflow: hidden;
	}
	#footerNav #fnMain,
	#footerNav #fnMainLower {
		display: block;
		width : 1080px;
		margin: 0 auto;
	}
	#footerNav #fnMain li {
		float        : left;
		width        : auto;
		height       : auto;
		margin-right : 32px;
		text-align   : left;
		border-bottom: none;
	}
	#footerNav #fnMain li:nth-child(2n) {
		border-right: none;
	}
	#footerNav #fnMain li a,
	#footerNav #fnMainLower li a {
		width         : auto;
		height        : 26px;
		padding       : 0;
		text-align    : left;
		font-size     : 18px;
		line-height   : none;
		line-height   : 26px;
		letter-spacing: normal;
		border-top    : solid 1px #009de1;
		border-bottom : solid 1px #009de1;
	}
	#footerNav #fnMain li a {
		margin: 24px 0 20px;
	}
	#footerNav #fnMainLower li a {
		margin: 18px 0 26px;
	}
	#footerNav #fnMain li a:hover,
	#footerNav #fnMainLower li a:hover {
		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;
	}
	#footerNav #fnMain li a img,
	#footerNav #fnMainLower li a img {
		display       : inline-block;
		width         : 8px;
		height        : 12px;
		margin-right  : 8px;
		padding-bottom: 2px;
		vertical-align: middle;
	}
	
	/**[ recruitBtn ]**/
	footer #footerNav #fnMain li:nth-child(8) {
		float       : right;
		width       : 120px;
		margin-right: 0;
	}
	footer #footerNav #fnMain li:nth-child(8) a {
		background   : #1aa7e4;
		width        : 120px;
		text-align   : center;
		font-size    : 13px;
		font-weight  : normal;
		border       : solid 1px #fff;
		border-radius: 4px;
	}
	footer #footerNav #fnMain li:last-child a img {
		display: none;
	}
	/**[ #fn01 (TOP btn) ]**/
	#footerNav #fnMain #fn01,
	#footerNav #fnMain #fn01 li {
		display: block;
	}
	/**[ #fn08 ]**/
	#footerNav #fnMain #fn08 img {
		display: none;
	}
	/**[ #fn09 ]**/
	#footerNav #fnMain #fn09,
	#footerNav #fnMain #fn09 li {
		display: none;
	}
	/**[ #pcLowerTier (Daycare btn) ]**/
	#footerNav #fnMainLower {
		text-align: center;
		border-top: solid 1px #fff;
	}
	#footerNav #fnMainLower li {
		float    : none;
		max-width: 210px;
		margin   : 0 auto;
	}

	#footerNav h6#ftr_logo,
	#footerNav h6#ftr_logo a,
	#footerNav h6#ftr_logo a img {
		display: none;
	}
	
	
	
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#footerNav #fnMain,
	#footerNav #fnMainLower {
		max-width: 980px;
		min-width: 896px;
	}
	#footerNav #fnMain li {
		margin-right: 2%;
	}
	#footerNav #fnMain li a img,
	#footerNav #fnMainLower li a img {
		margin-right: 0;
		margin-right: 4px;
	}
	footer #footerNav #fnMain li:last-child {
		float: left;
		width: 70px;
	}
}