@charset "utf-8";
/* -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body{
	color:#222;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	margin:0;
	padding:0;
}

/* 全体
------------------------------------------------------------*/
#wrappar{
	width:100%;
	margin:0 0 30px 0;
	padding:0;
	background:url(../img/wrappar_bg.jpg) repeat-x top;
}
#container{
	overflow:auto;
	padding-top:15px;
}
/*************
/* ヘッダー
*************/
#header {
	margin:0 auto;
	padding:0;
	width:1000px;
	height:145px;
	position: relative;
}
#header h1{
	color:#333;
	font-size:16px;
	font-weight:bolder;
	margin-top: 10px;
	padding: 0;
	float: left;
}
#header .tel{
	float:right;
}
#header .tel img{
	width:321px;
	height:45px;
}
#header .rogo{
	position:absolute;
	top:50px;
	left:0px;
}
.wrappar_in{
	width:100%;
	background:url(../img/wrappar_in_bg.jpg) repeat-x;
}
.contents1000{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding: 15px 0;
}

.center_btn{
	text-align:center;
	margin:10px 0;
}

/*************
/* フッター
*************/
#footer{
	width:100%;
	padding:20px 0 0 0;
	background:url(../img/wrappar_in_bg.jpg) repeat-x top;
	clear: both;
}
#footer .footerBnner{
	width:1000px;
	margin:0 auto 20px auto;
}
#footer .footerBnner ul{
	overflow:hidden;
}
#footer .footerBnner ul li{
	float:left;
	margin-right:20px;
}
#footer .footerBnner ul li p{
	border-left:3px solid #AACD06;
	padding-left:6px;
	margin-bottom:5px;
}

#footer .footerBox{
	width:1000px;
	margin:0 auto;
	height:180px;
	padding-top:15px;
}
#footer .footerBox ul{
	overflow:hidden;
	margin-bottom:20px;
}
#footer .footerBox ul li{
	float:left;
	margin-right:25px;
}
#footer .footerBox ul li a{
	color:#333;
}
#footer .footerBox ul li a:hover{
	text-decoration:underline;
}
#footer .footerBox .footer_Right{
	float:right;
}
#footer .footerBox .footer_Right img{
	margin-bottom:35px;
}
#footer .footerBox .footer_Right p{
	font-size:14px;
}
#footer .footerBox .footer_Left{
	float:left;
}
#footer .footerBox .footer_Left img{
	margin-bottom:15px;
}



@media screen and (max-width: 480px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

@media screen and (max-width: 480px) {
	#header{
		width:100%;
		height:200px;
	}
	#header .tel{
		float:none;
		margin-bottom:0;
	}
	#header .tel img{
		width:100%;
		height:auto;
	}
	#header h1{
		clear:both;
		height:auto;
		font-size:0.9em;
		float:none;
		margin:0;
		background:url(../img/wrappar_bg.jpg) repeat-x top;
		padding-bottom:3px;
	}
	

	#header .rogo{
		top:110px;
		width:80%;
		margin-left:1%;
	}
	#header .rogo img{
		width:100%;
	}
	
	
	.center_btn img{
		width:80%;
		height:auto;
		text-align:center;
	}
	.contents1000{
		width:100%;
	}
	#footer{
	}
	#footer .footerBnner{
		width:100%;
	}
	#footer .footerBox{
		width:100%;
		background:url(../img/footer_bg.jpg);
		overflow:hidden;
		height:auto;
	}
	#footer .footerBox .footer_Right img{
		width:98%;
	}
}