@charset "UTF-8";
/* ***********************************************************************
    Chuoh Dental Office - <Nav>
*********************************************************************** */
/*
    1 : Global Nav
	2 : Footer Nav
	3 : Local Nav
*/

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
#globalNav {
	display         : block;
	background-color: rgba(0,34,68,0.7);
	width           : 100%;
	height          : 60px;
	text-align      : center;
}
#globalNav ul {
	position  : relative;
	display   : block;
	background: url(../images/bg_gnBorder.png) right top no-repeat;
	width     : 1080px;
	height    : 60px;
	margin    : 0 auto;
}
#globalNav ul li {
	float     : left;
	display   : block;
	background: url(../images/bg_gnBorder.png) left top no-repeat;
	width     : 216px;
	height    : 60px;
	text-align: center;
}
#globalNav ul li a { width: 216px; }
#globalNav ul li a,
#globalNav ul li ul.child li a {
	display   : block;
	height    : 60px;
	text-align: center;
	font      : bold 17px/60px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	color     : #fff;
}
#globalNav ul li a:hover {
	background-color: rgba(0,34,68,1.0);
	text-decoration : none;
}
/***/
#globalNav ul li ul.child {
	display: none;
	background-image: none;
	width : 216px;
	height: auto;
}
#globalNav ul li ul.child li {
	background-color: rgba(0,34,68,0.9);
	background-image: none;
	width : 214px;
	height: 60px;
	margin: 0 1px;
	border-top: dotted 1px #fff;
}
#globalNav ul li ul.child li a {
	width : 214px;
}
#globalNav ul li ul.child li a;hover {
	display: block;
}





@media (max-width:800px) {
}







/* ***********************************************************************
	2 : Footer Nav
*********************************************************************** */
#footerNav {
	position        : relative;
	background-color: #fff;
	width           : 100%;
	height          : auto;
	text-align      : center;
	border-top      : solid 1px #e0e0e0;
}
#footerNav .innerBox {
	height     : auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
#footerNav .innerBox h6 {
	float : left;
	width : 144px;
	height: 110px;
}
#footerNav .innerBox h6 a {
	display    : block;
	background : url(../images/h6_ftrlogo.gif) left 10px no-repeat;
	width      : 144px;
	height     : 110px;
	padding-top: 10px;
	text-indent: -9999px;
}
#footerNav .innerBox #fnBox {
	float      : left;
	width      : 865px;
	height     : auto;
	margin-left: 71px; 
}

#footerNav .innerBox #fnBox ul {
	float      : left;
	display    : block;
	width      : 170px;
	min-height : 110px;
	margin-left: 3px;
}
#footerNav .innerBox #fnBox ul li {  
	float       : left;
	display     : block;
	background  : url(../images/arrow_ftrMenu.png) left 8px no-repeat;
	width       : 158px;
	height      : 24px;
	padding-left: 12px;
}
#footerNav .innerBox #fnBox ul li a {
	display   : block;
	width     : 158px;
	height    : 24px;
	font      : bold 14px/24px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	text-align: left;
	color     : #444;
}
#footerNav .innerBox #fnBox ul li:first-child {
	background-position: left 13px;
	border-bottom : solid 2px #e0e0e0;
	margin-bottom : 7px;
	padding-top   : 5px;
	padding-bottom: 8px;
}
/*#footerNav .innerBox #fnBox ul li a:first-child {
	padding: 5px 0;
}*/




#footerNav .innerBox h6 a:hover,
#footerNav .innerBox ul li a:hover {
	text-decoration: none;
	opacity        : 0.7;
	filter         : alpha(opacity=70);
}

/*****/
#footerNav .innerBox ul li#fn01 a { min-width: 126px; }
#footerNav .innerBox ul li#fn02 a { min-width: 168px; }
#footerNav .innerBox ul li#fn03 a { min-width: 141px; }
#footerNav .innerBox ul li#fn04 a { min-width: 100px; }

/*@-moz-document url-prefix() {
	#footerNav .innerBox ul li {
		padding-right: 45px;
	}
}*/



@media (max-width:800px) {
	#footerNav {
		display: none;
	}
}




/* ***********************************************************************
	3 : Local Nav
*********************************************************************** */
#localNav {
	background-color: #f7f1e8;
	width           : 100%;
	height          : 18px;
	padding         : 11px 0;
	text-align      : center;
}
#localNav ul {
	display   : block;
	width     : auto;
	min-width : 280px;
	height    : 18px;
	margin    : 0 auto;
	text-align: center;
}
#localNav ul li {
	display     : inline-block;
	background  : url(../images/arrow_lclMenu.png) left 1px no-repeat;
	width       : auto;
	height      : 18px;
	padding-left: 24px;
	margin-left : 60px;
}
#localNav ul li:first-child {
	margin-left: 0;
}
#localNav ul li a {
	font-family    : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size      : 16px;
	line-height    : 18px;
	color          : #002244;
	text-align     : left;
	text-decoration: none;
}
#localNav ul li a:hover {
	text-decoration: none;
	opacity        : 0.6;
	filter         : alpha(opacity=60);
}




@media (max-width:800px) {
	#localNav {
		display: none;
	}
}