@charset "UTF-8";
/* ***********************************************************************
    Otaki Clinic - Homepage  <Nav>
*********************************************************************** */
/*
    1 : Global Nav
	2 : Side Nav
	3 : Footer Nav
	4 : Anchor Nav 
	5 : Header Nav
*/

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
#globalNav {
	width       : 960px;
	height      : 69px;
	margin-left : auto;
	margin-right: auto;
}
#globalNav ul {
	width : 960px;
	height: 69px;
}
#globalNav ul li {
	float          : left;
	display        : block;
	width          : 192px;
	height         : 69px;
	list-style-type: none;
	font-size      : small;
}
#globalNav ul li a {
	display          : block;
	background-image : url(../images/globalNav.gif);
	background-repeat: no-repeat;
	text-decoration  : none;
	text-indent      : -9999px;
	width            : 192px;
	height           : 69px;
}

/*****/

#globalNav ul li#gn01 a {
	background-position: 0 0;
}
#globalNav ul li#gn01 a:hover {
	background-position: 0 -69px;
}

#globalNav ul li#gn02 a {
	background-position: -192px 0;
}
#globalNav ul li#gn02 a:hover {
	background-position: -192px -69px;
}
#to_patients #globalNav ul li#gn02 a {
	background-position: -192px -138px;
} 

#globalNav ul li#gn03 a {
	background-position: -384px 0;
}
#globalNav ul li#gn03 a:hover {
	background-position: -384px -69px;
}
#gastroscopy #globalNav ul li#gn03 a {
	background-position: -384px -138px;
} 

#globalNav ul li#gn04 a {
	background-position: -576px 0;
}
#globalNav ul li#gn04 a:hover {
	background-position: -576px -69px;
}
#colonoscopy #globalNav ul li#gn04 a {
	background-position: -576px -138px;
} 

#globalNav ul li#gn05 a {
	background-position: -768px 0;
}
#globalNav ul li#gn05 a:hover {
	background-position: -768px -69px;
}
#indoor #globalNav ul li#gn05 a {
	background-position: -768px -138px;
} 





/* ***********************************************************************
	2 : Side Nav
*********************************************************************** */
#sideNav ul {
	width        : 225px;
	height       : 300px;
	margin-top   : 1px;
	border-bottom: solid 1px #c3c3c3;
}
#sideNav ul li {
	display: block;
	width  : 225px;
	height : 60px;	
}
#sideNav ul li a {
	display          : block;
	background-image : url(../images/sideNav.png?ver=0.0.3);
	background-repeat: no-repeat;
	width            : 225px;
	height           : 60px;
	text-decoration  : none;
	text-indent      : -9999px;		
}

/*****/

#sideNav ul li#sn01 a {
	background-position: 0 0;
}
#sideNav ul li#sn01 a:hover {
	background-position: -225px 0;
}
#shokaki #sideNav ul li#sn01 a {
	background-position: -450px 0;
} 

#sideNav ul li#sn02 a {
	background-position: 0 -60px;
}
#sideNav ul li#sn02 a:hover {
	background-position: -225px -60px;
}
#naika #sideNav ul li#sn02 a {
	background-position: -450px -60px;
} 

#sideNav ul li#sn03 a {
	background-position: 0 -120px;
}
#sideNav ul li#sn03 a:hover {
	background-position: -225px -120px;
}
#allergy #sideNav ul li#sn03 a {
	background-position: -450px -120px;
} 

#sideNav ul li#sn04 a {
	background-position: 0 -180px;
}
#sideNav ul li#sn04 a:hover {
	background-position: -225px -180px;
}
#kenshin #sideNav ul li#sn04 a {
	background-position: -450px -180px;
} 

#sideNav ul li#sn05 a {
	background-position: 0 -240px;
}
#sideNav ul li#sn05 a:hover {
	background-position: -225px -240px;
}
#kinen #sideNav ul li#sn05 a {
	background-position: -450px -240px;
} 





/* ***********************************************************************
	3 : Footer Nav (211206更新)
*********************************************************************** */
#footerNav {
	width : 540px;
	height: 63px;
}
#footerNav ul {
	width     : 540px;
	height    : 21px;
	text-align: left;
}
#footerNav ul li {
	float : left;
	height: 21px;
}
#footerNav ul li a {
	display          : block;
	background-image : url(../images/footerNav.gif?ver=0.0.2);
	background-repeat: no-repeat;
	background-size  : 540px 76px;
	height           : 21px;
	font-size        : 5px;
	text-indent      : -9999px;
}

/*****/

#footerNav ul li#fn01 a {
	width              : 53px;
	background-position: 0 0;
}
#footerNav ul li#fn01 a:hover {
	background-position: 0 -42px;
}

#footerNav ul li#fn02 a {
	width              : 67px;
	background-position: -53px 0;
}
#footerNav ul li#fn02 a:hover {
	background-position: -53px -42px;
}

#footerNav ul li#fn03 a {
	width              : 89px;
	background-position: -120px 0;
}
#footerNav ul li#fn03 a:hover {
	background-position: -120px -42px;
}

#footerNav ul li#fn04 a {
	width              : 99px;
	background-position: -209px 0;
}
#footerNav ul li#fn04 a:hover {
	background-position: -209px -42px;
}

#footerNav ul li#fn05 a {
	width              : 95px;
	background-position: -308px 0;
}
#footerNav ul li#fn05 a:hover {
	background-position: -308px -42px;
}
/**/
#footerNav ul li#fn06 a {
	width              : 108px;
	background-position: 0 -21px;
}
#footerNav ul li#fn06 a:hover {
	background-position: 0 -63px;
}

#footerNav ul li#fn07 a {
	width              : 53px;
	background-position: -108px -21px;
}
#footerNav ul li#fn07 a:hover {
	background-position: -108px -63px;
}

#footerNav ul li#fn08 a {
	width              : 60px;
	background-position: -161px -21px;
}
#footerNav ul li#fn08 a:hover {
	background-position: -161px -63px;
}

#footerNav ul li#fn09 a {
	width              : 95px;
	background-position: -221px -21px;
}
#footerNav ul li#fn09 a:hover {
	background-position: -221px -63px;
}

#footerNav ul li#fn10 a {
	/*width              : 124px;*/
	width: 83px;
	background-position: -316px -21px;
	/*
	border: solid 1px blue;*/
}
#footerNav ul li#fn10 a:hover {
	background-position: -316px -63px;
}

#footerNav ul li#fn_line a {
	width              : 1px;
	margin             : 0;
	padding            : 0;
	background-position: -397px -21px;
}
#footerNav ul li#fn_line a:hover {
	background-position: -397px -21px;
	cursor             : default;
}

#footerNav ul li#fn11 a {
	width              : 90px;
	background-position: -399px -21px;
	/*
	border: solid 1px red;*/
}
#footerNav ul li#fn11 a:hover {
	background-position: -399px -63px;
} 


/** 240404追加 **/
#footerNav ul li#fn12 a {
	display            : block;
	background-image   : url(../images/footerNavPrivacy.gif?ver=0.0.1);
	background-repeat  : no-repeat;
	background-size    : 100px 42px;
	background-position: 0 0;
	width            : 100px;
	height           : 21px;
	font-size        : 5px;
	text-indent      : -9999px;
}
#footerNav ul li#fn12 a:hover {
	background-position: 0 -21px;
} 



/* ***********************************************************************
	4 : Anchor Nav
*********************************************************************** */
#anchorLinkNav {
	margin-bottom: 35px;
	border-top   : solid 1px #c3c3c3;
}
#anchorLinkNav ul {
	background-color: #f5f5f5;
	width           : 695px;
	height          : auto;
	padding         : 8px 20px 8px 0;
	text-align      : left;
	border-top      : solid 1px #fff;
}
#anchorLinkNav ul:first-child {
	border-top: none;
}
#anchorLinkNav ul li {
	float      : left;
	min-width  : 40px;
	min-height : 16px;
	margin-left: 20px;
}
#anchorLinkNav ul li a {
	display        : block;
	background     : url(../images/arrow_anchorLinkNav.png) left center no-repeat;
	min-width      : 40px;
	min-height     : 16px;
	padding-left   : 20px;
	text-align     : left;
	font           : bold 14px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color          : #885f38;
	text-decoration: none;
}
#anchorLinkNav ul li a:hover {
	text-decoration: underline;
}


.ALN_pageTop {
	display    : block;
	width      : 88px;
	height     : 14px;
	margin-top : 25px;
	margin-left: 587px;
	padding-top: 1px;
	text-align : right;
}
.ALN_pageTop a {
	display        : block;
	background     : url(../images/arrow_pageTop.png) right center no-repeat;
	width          : 70px;
	height         : 14px;
	padding-right  : 18px;
	text-align     : right;
	font           : bold 12px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color          : #885f38;
	text-decoration: none;
}
.ALN_pageTop a:hover {
	text-decoration: underline;
}






/* ***********************************************************************
	5 : Header Nav
*********************************************************************** */
a#hn01 {
	position        : absolute;
	top             : 0;
	right           : 0;
	display         : block;
	background-color: #6b9d04;
	width           : 90px;
	height          : 24px;
	font            : bold 12px/24px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	text-align      : center;
	color           : #fff;
}
a#hn01:hover {
	background-color: #88b211;
	text-decoration : none;
}