<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

body{ 
width:100%;
padding: 0 0 0 0;
-webkit-text-size-adjust: 100%;
background:#efeeea;
}

/*----------------------------------------------------------------------------------firefox fade対策----------*/

img { }

img, x:-moz-any-link, x:default {

}

a {
    border-style:none;
	outline:none;
}
a img {
    border-style:none;
	outline:none;
}

/*------------------------------------------------------------------------------------------------------------header----------*/

#headimags {position: relative;}

.fotorama {
	
	 }


header {
    
    width: 100%;
	position:relative;
	}

.fix-header {
	position: fixed !important;
	
	}


.delete-header {
	display:none;
	
	}
	
		
#contentsArea{  
    height: 100%;  
	width: 100%;
	position: relative;
	
}  


* html div#contentsArea{  
    height: 100%;    
}  


#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1800;
}


#loader {
    width: 40px;
    height: 40px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -20px; /* heightの半分のマイナス値 */
    margin-left: -20px; /* widthの半分のマイナス値 */
    z-index: 2000;
}
 





#header{
width:150px;
padding:0;
margin:0 0 0 -75px;
top:10px;
left:50%;
position:absolute;
z-index: 2000;

}


#headerbg{
width:100%;
height:60px;
padding:0;
margin:0;
background:#efeeea;
position:fixed;
z-index: 1000;

}

#logo{
	text-align:center;
	}
#logo img{
	
	}

#logo p{
	margin-top:14px;
	line-height: 160%;
	}
		
#headtel {
	float:right;
	width:390px;
	padding-top:13px;
	}
#headtel .telimg {
	padding-right:13px;
	}
header{
	position: relative;
}

#headernavi {
	width:100%;
	padding:0;
	margin:0 ;
	z-index: 90;
	
}

#headernavi nav{
	width:900px;
	padding:0 50px;
	margin:0 auto 0 auto;
	z-index: 100;
	border-top:1px solid #222;
	text-align:center;
}



#headernavi nav li{
	float:left;
	padding:0 0 0 173px;
	margin:8px 0 8px 0;
	}

#headernavi nav li:first-child{ padding-left:0px;}


#headernavi nav li span{
	display:none;
	}
	
	

#headernavipage {
	width:100%;
	padding:0;
	margin:0 ;
	position: absolute;
	left:0;
	top:264px;
	z-index: 90;
	background-color: rgba(40, 60, 28, 0.7);
}

#headernavipage nav{
	width:1000px;
	padding:20px 15px;
	margin:0 auto;
	z-index: 100;
}


#headernavipage nav{ margin-top:0px; }

#headernavipage nav li{ float:left; }

#headernavipage nav li:first-child{ padding-left:0px;}





.logosanpou {
	margin-top:70px;
	}
	
#headnav {
position: fixed;
top: 0;
right: 0;
width: 100px;
height: 100%;

z-index: 2000;
}

#headnav nav {
height: 100%;
}

#headnav nav ul {
height: 70%;
width: 100px;
position: absolute;
top: 156px;
left: 0px;
}

nav ul {
list-style: none;
}

#headnav nav ul li {
position: relative;

}

li {
list-style-type: none;
}

#headnav nav ul li a {
border-bottom:1px solid #aaa;
font-family: 'Montserrat',sans-serif;
font-weight: 400;
font-size: 12px;
color: #000;
display: block;
padding-top:55px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 1;
width: 100px;
line-height:140%;
}


#headnav nav ul li a.facbtn {
padding-top:39px;
}



#navbox li a.onactive {
background-color: rgba(0, 0, 0, 0.4);
}

#navbox li a.onactive {
color: #fff;
}






.logosanpou02 {
z-index: 2100;
	}

#headnavkotei {
width: 100px;
z-index: 2000;
position: relative;
float:left;
margin-right:100px;
padding-top:70px;
}

#headnavkotei nav {
height: 100%;

}

#headnavkotei nav ul {
height: 70%;
width: 100px;
z-index: 2000;
}

#headnavkotei nav ul li {
position: relative;
}

#headnavkotei nav ul li a {
border-bottom:1px solid #aaa;
font-family: 'Montserrat',sans-serif;
font-weight: 400;
font-size: 12px;
color: #000;
display: block;
padding-top:55px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 1;
width: 100px;
line-height:140%;
}



#headnavkotei nav ul li a.facbtn {
padding-top:39px;
}


#headnavkotei.navcontact {
padding-top:0px;
}




/*------------------------------------------------------------------------------------------------------------content----------*/

#content{
margin:0 auto;
padding:120px 0 0 0;
width:1200px;
}

.content02{
margin:0 0 60px 0;
padding:60px 0 10px 0;
width:100%;
background:#fff;
}

.content02 .inner{
margin:0 auto;
padding:0px 0 0 0;
width:1200px;
}


.content03{
margin:0 auto;
padding:0px 0 0 0;
width:1200px;
}


#content04{
margin:0 auto;
padding:200px 0 0 0;
width:1200px;
}



.page_tit{
margin-top:46px; 
height:250px;
text-align:center;
}

.page_tit h2{ padding-top:40px; }

/*------------------------------------------------------------------------------------------------------------footer----------*/





#footer {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
    width: 100%;
	
	position:static;
	margin:200px 0 0 0;
}



#footer .inner{
margin:0 0 30px 0;
padding:0;
text-align:center;
line-height:140%;
}

.copytxt {
	font-size:80%;
	}
	
	

.footerbtn{
	float:left;}

.footerbtn a{
	border:1px solid #fff;
	margin:0 20px 0px 0;
	width: 140px;
	height:30px;
	padding: 0;
	display:block;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		 	transition: all 0.3s ease-out;
}



.footerbtn a:hover{
	background-color: rgba(255, 255, 255, 0.8);
	}





header .inner{
margin:0 auto;
padding:0 0 0px 0;
position:absolute;
bottom:50px;
right:0px;
z-index:1800;
}

.headerbtn{}

.headerbtn a{
	color:fff;
	border:1px solid #999;
	margin:0 20px 20px 0;
	width: 140px;
	height:30px;
	padding: 0;
	display:block;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		 	transition: all 0.3s ease-out;
}



.headerbtn a:hover{
	background-color: rgba(255, 255, 255, 0.3);
	}
	
	
	
	
	
	

/*
Back to top button 
*/
#page-top {
	position: fixed;
	
	right: 10px;
	z-index:3000;
}
#page-top a {
	width: 100px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#page-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#page-top span {
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 7px;
	background: #4e5646 url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#page-top a:hover span {
	background-color: #222;
}





</pre></body></html>