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

.spmenu {display:none;	}

@media screen and (max-width: 1100px) {

#header{ position:relative; border-bottom:1px solid #EBEBEB; 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: rgba(255, 255, 255, 0.92);   }

#header ul.mainnav { width:100%; margin:auto; position:relative; display:none; top:69px; z-index:9999; }
#header ul.mainnav .line {}
#header .mainnav li { display:block; filter:alpha(opacity=100) !important; -moz-opacity:1.00 !important; opacity:1.00  !important; height:auto; z-index:9999;	}
	
.spmenu {
	width:40px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	right:10px;
	z-index:99999;
	position:absolute;
	margin:13px auto;
	}

#header h1{ font-family: 'bebas', sans-serif; font-size:27px; letter-spacing:0.1em; padding:20px; position:absolute; text-align:center; width:100%; color: #000; }
#header h1 a{ color: #000; }

.navi_logo{ display:none; }
.navi_center{ display:none; }
.navi_form{ position:absolute; bottom:5px; width:100%; overflow:hidden; display:block; }
.navi_form ul{}
.navi_form li{ float:left; width:50%; padding:20px;  }
.navi_form p{ text-align:center; background:url(../image/common/ic_search.png) no-repeat left; background-size:15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; font-weight:bold; }


/**navi**/
#menu { overflow:hidden; clear:both; padding:0px 0 60px 0 ;  }
#menu ul{ background-color: rgba(255, 255, 255, 0.92); overflow:hidden; clear:both; }
#menu li{ width:33.3%; float:left; text-align:center; border-top:1px solid #EBEBEB; padding:25px 0 25px 0; border-right:1px solid #EBEBEB; overflow:hidden; }
#menu li dl{ overflow:hidden; clear:both; }
#menu li dt{ padding-bottom:10px; }
#menu li dt img{ height:25px; }
#menu li dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; }





	

}

@media screen and (min-width: 1101px) {
	
#header{ padding:20px 0; overflow:hidden; clear:both; }
nav{ max-width:1080px; margin:0 auto; overflow:hidden; clear:both;}
#header h1{ display:none; }

.navi_logo{ width:33.3%; float:left; background-color:#00aab4; }
.navi_logo p{ padding:15px; text-align:center; }
.navi_logo p img{ height:32px; }
.navi_center{ width:33.3%; float:left; }
.navi_center p{ font-family: 'bebas', sans-serif; font-size:33px; text-align:center; letter-spacing:0.1em; padding:10px; }
.navi_center p a{ color: #000;  }
.navi_form{ width:33.3%; float:left; }
.navi_form ul{}
.navi_form li{ float:left; width:50%; padding:20px; }
.navi_form p{ text-align:center; background:url(../image/common/ic_search.png) no-repeat left; background-size:15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; font-weight:bold; }

/**navi**/
#menu { overflow:hidden; clear:both; padding:20px 0 0 0 ; }
#menu ul{}
#menu li{ width: 12.5%; float:left; text-align:center; border-right:1px solid #E3E3E3; }
#menu li dl{ padding:20px 0; }
#menu li dt{ padding-bottom:15px; }
#menu li dt img{ height:25px; }
#menu li dd{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; }

	
}