@charset "UTF-8";

/* IE対策 */ header,footer,nav,section,article,figure,aside,main { display: block;}

*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,ul,
.logo,.contact_box {
	font-size: 0;
	line-height: 0;
}

html {
	font-size: 62.5%;
	line-height: 1;
}

body {
	width: 100%;
	min-width: 1060px;
	font-family: "游ゴシック", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	position: relative;
	color: #1f1f1f;
	font-size: 16px;
	line-height: 200%;
	margin:0px;
}

/* link */
a:link,a:visited { color: #1f1f1f; text-decoration: underline;}
a:hover,a:active { color: #1f1f1f; text-decoration: none;}

a img {	transition: All 0.6s ease; opacity: 1;}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	zoom: 1;
	transition: .4s;
}

/* float */
.fleft { float: left;}
.fright { float: right;}

/* align */
.cen { text-align: center;}
.ltr { text-align: right;}
.ltl { text-align: left;}

/* clear */
.cf:before,.cf:after { content: " "; display: table;}
.cf:after { clear: both; font-size: 0; line-height: 0; height: 0;}
.cf { *zoom: 1;}
br.clear { font-size: 0; margin: 0; padding: 0; line-height: 0;}

hr { border: none; font-size: 0; line-height: 0; clear: both;}
header > .wrapper,
footer > .wrapper,
section > .inner {
	max-width: 1060px;
	margin: 0 auto;
}



/* loader */
.loader {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #252425;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
	.loader .circleLoader {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: 8px solid #f78b0b;
		border-right-color: transparent;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -15px;
		z-index: 9999999;
		animation: spin 1s linear infinite;
		-webkit-animation: spin 1s linear infinite;
		-moz-animation: spin 1s linear infinite;
		-o-animation: spin 1s linear infinite;
		-ms-animation: spin 1s linear infinite;
	}
	@keyframes spin {
		0% { transform: rotate(0deg); opacity: 0.2; }
		50% { transform: rotate(180deg); opacity: 1.0; }
		100% { transform: rotate(360deg); opacity: 0.2; }
	}
	@-webkit-keyframes spin {
		0% { transform: rotate(0deg); opacity: 0.2; }
		50% { transform: rotate(180deg); opacity: 1.0; }
		100% { transform: rotate(360deg); opacity: 0.2; }
	}
	@-moz-keyframes spin {
		0% { transform: rotate(0deg); opacity: 0.2; }
		50% { transform: rotate(180deg); opacity: 1.0; }
		100% { transform: rotate(360deg); opacity: 0.2; }
	}

/* lower common -------------------------*/
.par_img { position: absolute;}

/* totop
-------------------------*/
	
/* ClearFix
-------------------------*/
.cf:before,.cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}

br.clear { font-size: 0; margin: 0; padding: 0; line-height: 0;}



/* header -------------------------*/
header {
	width: 100%;
	min-height: 137px;
	min-width:1060px;
	top: 0;
	z-index: 999;
	overflow: hidden;
	color:#fff;
	position:fixed;
	background: url(../images/hdbg.png) repeat-x top;
	}
	header .h1box h1 {
		font-size: 12px;
		font-weight: normal;
		line-height: 1;
		text-align: left;
		float:left;
		margin: 8px auto 0;
		padding-top:10px;
	}
	header .logo {
		width: 280px;
		margin:auto;
		text-align:center;
		background:url(../images/logobg.png) no-repeat top;
		padding:18px 0 33px;
	}
	
	header .tel{ float:right; padding-top:8px;}
	
header .wrapper{}

/* footer -------------------------*/
footer {
	width: 100%;
	color: #fff;
	background:#1f1f1f;
	overflow: hidden;
	text-align: center;
}
	footer .wrapper {
		padding: 20px 0;
	}
	footer .copyright {
		display: block;
		clear: both;
		text-align: center;
		font-size: 13px;
		line-height: 1;
		font-weight:bold;
	}
	footer .copyright a { color: #fff;}
		footer .copyright a:not(:hover) { text-decoration: underline;}


/* visual -------------------------*/


main > section {
	overflow: hidden;
}


#top {
	height: 678px;
	overflow:hidden;
	background:#fff;
	}
.mainimg{}
.mainimg h2{position:relative; z-index:10;width:1060px; margin:0 auto; }
.mainimg h2 img{position:absolute; top:200px; left:0; right:0; width:438px; height:160px; margin:auto;}

.bxslider li{width:1060px;height: 678px;position:relative;}
.bxslider li .mainbtn{
	position:relative; 
	top:360px; 
	left:0; 
	right:0; 
	width:350px; 
	height:253px; 
	
	display:block;
	padding:0;
	margin:0 auto;
	line-height:0;
	}
	.main01{background:url(../images/main01.jpg) no-repeat top center;}
	.main02{background:url(../images/main02.jpg) no-repeat top center;}
	.main03{background:url(../images/main03.jpg) no-repeat top center;}



/* content02 -------------------------*/

.content02 {
	padding-bottom:70px;
	background: url(../images/bg_bdr.jpg)  repeat-x top , url(../images/con02_bg.png) no-repeat top center , #faf2e6;
	}
	
.content02 .inner{width: 1060px;margin: 0 auto;}
	
.content02 h3 {padding:50px 0px 20px 0px;}
.content02 p{ display:block; width:960px; margin:auto; }
	
.content02 ul{overflow:hidden; margin:50px 0 30px;}	
.content02 li{float:left; margin:15px;}


/* content03 -------------------------*/

.content03 {
	background: url(../images/con03_bg.jpg) fixed;
	background-size: cover;
	}
	
.con03_outer{background:url(../images/bg_bdr.jpg)  repeat-x top , url(../images/con03_bg.png) no-repeat top center ;}
.content03 .inner{width: 1060px;margin: 0 auto;}	
.content03 h3 {padding:60px 0px 20px 0px;}


.con03_box{ width:1060px; height:455px; position:relative;}
	.con03_txt{ background:url(../images/con02_txt_bg.png) no-repeat top center; 
	width:574px; 
	height:249px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	font-size:18px;
	line-height:36px;
	padding:50px;}
	.con03_txt_ttl{ width:608px; height:240px; z-index:2; position:absolute; bottom:40px; right:1px;}



/* content04
----------------------------------- */

.content04 {
	background: url(../images/con04_bg.jpg) fixed;
	background-size: cover;
	padding-bottom:100px;
	}
	
.con04_outer{background:url(../images/bg_bdr.jpg)  repeat-x top;}	
.content04 .inner{width: 1060px;margin: 0 auto; overflow:hidden;}
.content04 h3 {padding:120px 0px 80px 0px;}

ul.blist{overflow:hidden; margin-bottom:50px;}
.blist li{float:left; margin-right:20px;}
	.blist li:last-child{float:right; margin:0;}

.txtArea{ border:8px solid #cec3b3; background:#faf2e6; width:800px; margin:auto;padding:40px 0;}
.txtArea h4{text-align:center; padding-bottom:20px;}
.txtArea p{display:block; width:640px; margin:auto; font-size:18px;}




/* content05 -------------------------*/

.content05 {
	background: url(../images/con05_bg.jpg) fixed;
	background-size: cover;
	padding-bottom:100px;
	}
	
.con05_outer{background:url(../images/bg_bdr.jpg)  repeat-x top;}	
.content05 .inner{width: 1060px;margin: 0 auto; overflow:hidden;}
.content05 h3 {padding:120px 0px 80px 0px;}


/* content06
----------------------------------- */

.content06 {
	background: url(../images/con06_bg.jpg) fixed;
	background-size: cover;
	padding-bottom:100px;
	}

.con06_outer{background:url(../images/bg_bdr.jpg)  repeat-x top;}	
.content06 .inner{width: 1060px;margin: 0 auto; overflow:hidden;}
.content06 h3 {padding:120px 0px 80px 0px;}


.txtArea02{ border:8px solid #cec3b3; background:#fcf8f1; width:800px; margin:auto;padding:40px 0;}
.txtArea02 h4{text-align:center; padding-bottom:20px;}
.txtArea02 p{display:block; width:640px; margin:auto; font-size:18px;}


/* content07
----------------------------------- */

.content07 {
	padding: 150px 0 120px;
	background: url(../images/bg_bdr.jpg)  repeat-x top ,url(../images/con07_bg.jpg)  top center repeat-y;
	}
.con07_outer{background:url(../images/con07_bg02.jpg) no-repeat top center; padding:45px 0 25px 0;}
	
.content07 .inner{width: 1060px;margin: 0 auto; overflow:hidden;}	

.content07 h3 {margin: 0 0 15px;}
	.deftable { text-align:left;
		width: 100%;
		margin: 0 0 30px;
		font-size:20px;
		letter-spacing:2px;}
	.deftable tr{background: url(../images/line.jpg) repeat-x bottom;}
	.deftable th	{padding:20px 0; font-weight:normal; width:180px;}
	.deftable td {	padding:20px 0;}
		
.content07 .fLeft{float:left; width:650px;}
.content07 .fRight{float:right; width:360px;}