@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:899px) {
	
/**navi**/
#lock_base{ min-height:65px; overflow:hidden; clear:both; }
#lock{
	width:100%;
	margin:0 auto;
	clear:both;
	display:block;
	background-color:#FFF;
	min-height:45px;
	padding:10px 0;
	}
	
#navi{
	width:100%;
	clear:both;
	overflow:hidden;
	z-index:9999;
	background-color:#FFF;
	display:block;
	min-height:45px;
	}
	
.menu-button{
	font-size:16px;
	clear:both;
	overflow:hidden;
	text-align:left;
	padding:10px 0px;
	margin:0 18px;
	background:url(../image/common/bt_nav.png) no-repeat right;
	background-size:30px 30px;
	font-family:alte,sans-serif;
	font-size:10px;
	}	

#navi ul{
	z-index:9999;
	}
	
#navi li{
	z-index:9999;
	width:100%;
	font-size:14px;
	border-top:1px solid #737373;
	border-bottom:1px solid #000;
	overflow:hidden;
	padding:13px 18px 10px 18px;
	font-family:trajan,alte,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
	background-color:#4b4b4b;
	}
	
#navi li a{ color:#FFF; }
#navi li span{ font-size:12px; }
	
	
}


@media screen and (min-width: 900px) {
/**navi**/
#lock_base{ height:78px; overflow:hidden; clear:both; }
#lock{
	margin:0 auto;
	clear:both;
	display:block;
	width:100%;
	overflow:hidden;
	padding-top:5px;
	background-color:#FFF;
	height:73px;
}

#navi{ margin:0 auto; display:block; clear:both; overflow:hidden; background-color:#FFF; height:58px; padding-bottom:15px;  }
#navi ul{ width:80%; margin:0 auto; padding-top:10px; height:58px;  }
#navi li{ color:#bcbfd1; width:14%;  text-align:center; font-size:14px; overflow:hidden; font-weight:bold; font-family:trajan,alte,sans-serif; letter-spacing:0.1em; padding:10px 0; height:38px; }
#navi li a:hover {text-decoration:none; }
#navi li span{ display:none; }
.line_r{ border-right:1px solid #E6E0DC; }

}

@media screen and (min-width: 1200px) {
	

}