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


.spmenu {
	display:none;	
}


/**navi**/
#menu-box{ background-color:#FFF;}
#menu {}
#menu li span{ font-size:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  }
#menu li a{ display: block; text-decoration:none; }
#menu li:last-child a{ }
#menu li a:hover{ }
#toggle { display: none; }

.line_l{ border-left: 1px solid #f2f2f2; }
.line_r{ border-right: 1px solid #f2f2f2; }

#header ul.mainnav {
	background-color:#FFF; 
	margin:auto;
	position:relative;
}


#header h1{ text-align:center; padding:20px 0 0px 0;  }


@media screen and (max-width:899px) {
	#header{
	height:70px;
	}

nav{ height:70px;
	position:relative;
	top:0 !important;
	left:0 !important;
	z-index:999;
	width:100% !important;
	border-bottom:1px solid #CCC;
	background-color: #FFF;
	
	 }



#header h1{ position:absolute; width:100%; padding:10px 0 0 0;  }
#header h1 img{ text-align:center; width: 180px;  }

#header ul.mainnav {
	width:100%;
	margin:auto;
	padding-top:0px;
	position:relative;
	display:none;
	position:absolute;
	top:69px;
	z-index:9999;
	
	
}

#header ul.mainnav .line {
	display:none;
}
#header .mainnav li {
	float:none;
	display:block;
	border-bottom:#CCC dotted 1px;
	background-color:#FFF;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1.00 !important;
	opacity:1.00  !important;
	height:auto; width:50%; float:left; z-index:9999;	
}


.tel{ width:28px; overflow:hidden; display:block; position:absolute; left:15px; z-index:99999; margin:18px auto;}

.spmenu {
	width:40px;
	height:40px;
	overflow:hidden;
	margin:17px auto 0;
	cursor:pointer;
	display:block;
	right:10px;
	z-index:99999;
	position:absolute;
	margin:13px auto;
	
}


/**navi**/
#menu { }
#menu li { position:relative; border-bottom: 1px solid #dccec5; margin: 0;
	text-align: center;
	background-color:#FFF;
	font-size:13px;
	font-family:trajan,alte,sans-serif;
	letter-spacing:0.1em; 
	padding: 15px 0 20px 0; }
#menu li a{ display:block; }
.nav_line{ position:absolute; bottom:10px; width:100%; }	
.nav_line p{ width:8px; height:2px; background-color:#333; margin:0 auto; }

}

@media screen and (min-width: 900px) {
	
	#header{ padding-bottom:20px; background-color:#FFF; }
	nav{ background-color:#FFF; }
	.tel{ display:none; }
	#header h1 img{ height:76px;}
	
	/**navi**/
#menu { overflow:hidden; width: 100%; padding:20px 0 0px 0; background-color:#FFF; overflow:hidden; }
#menu ul{ max-width:960px; margin: 0 auto; margin-top:10px; }
#menu li{
	position:relative; 
	display: block;
	float: left;
	width:12.5%;
	margin: 0;
	text-align: center; 
	font-size:13px;
	font-family:trajan,alte,sans-serif;
	letter-spacing:0.1em; 
	padding: 5px 0 10px 0; 
}
.nav_line{ position:absolute; bottom:0px; width:100%; }	
.nav_line p{ width:20px; height:1px; background-color:#333; margin:0 auto; }

	
}