p {
	color: #4B4B4B;
}

a   {
	text-decoration: none;
		color: #4B4B4B;
}

a:hover{
	opacity:0.7;
	}
	


html {
	overflow-y:scroll
}

body {
	background-color: #E6E6E6;
}

#contents {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
/* ヘッダー*/

#headerbg {
background-image: url(../img/wood_t.jpg);
	background-repeat: repeat-x;
width:100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #4B4B4B;
	margin-top: 12px;
	}


#header {
	width: 960px;
margin-right: auto;
margin-left: auto;
	
}

h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
}

#header ul {
	float: right;
	width: 230px;
	margin-top: -5px;
}

#header ul li {
	float: left;
	margin-right: 3px;
}

#header ul li a{
	display: block;
	width: 70px;
	height: 70px;
}
#header ul li a:hover{
	opacity:1;
	}

#header ul .fb a:hover img,
#header ul .tw a:hover img,
#header ul .ig a:hover img{
	visibility: hidden;
}

#header ul .fb{
	background-image: url(../img/facebook_on.png);
	background-repeat: no-repeat;
}

#header ul .tw {
	background-image: url(../img/twitter_on.png);
	background-repeat: no-repeat;
}
#header ul .ig {
	background-image: url(../img/instagram_on.png);
	background-repeat: no-repeat;
}
#header p {
	float: left;
	margin-top: 65px;
	margin-left: 17px;
	font-size: 125%;
}
#header p span {
	color: #A5CD00;
	font-family: "mplus-1p-bold", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;/*webフォント設定*/
}
#header .line-it-button{
float: right;
	margin-left: 5px;	
	margin-top: -5px;	
}
#header .sns {
	width: 400px;
	float: right;
	margin-top: 30px;	
}

#header .sns.clearfix li {
	float: right;
	margin-left: 5px;
}


/*横幅いっぱいのナビ*/
#nav1bg {
	background-color: #A5CD00;
    width:100%;
	
	}
#nav1bg #nav1 {
width: 960px;
margin-right: auto;
margin-left: auto;
	
	text-align: center;
	margin-bottom: 20px;

}
#nav1 li {
	float: left;
}
#home #nav1 .home {
	background-image: url(../img/menu_home_b.jpg);
	background-repeat: no-repeat;
	}	
#home #nav1 .home img,
#gallery #nav1 .gallery img,
#design #nav1 .design img,
#concept #nav1 .concept img,
#guide #nav1 .guide img,
#contact #nav1 .contact img{
	visibility: hidden;
	display: block;
		}

#gallery #nav1 .gallery {
	background-image: url(../img/menu_gallery_b.jpg);
	background-repeat: no-repeat;
	}	

#design #nav1 .design {
	background-image: url(../img/menu_design_b.jpg);
	background-repeat: no-repeat;
	}	
		
#concept #nav1 .concept {
	background-image: url(../img/menu_concept_b.jpg);
	background-repeat: no-repeat;
	}	
#guide #nav1 .guide {
	background-image: url(../img/menu_guide_b.jpg);
	background-repeat: no-repeat;
	}	
#contact #nav1 .contact {
	background-image: url(../img/menu_mail_b.jpg);
	background-repeat: no-repeat;
	}	

.nav2  {
	text-align: center;
	color: #4B4B4B;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.nav2 li  {
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
}
.nav2 li+li::before {
	content:" ｜ ";
}

/* フッターを幅いっぱいにする為のボックス*/
#footerbg {
background-image: url(../img/wood_f.jpg);
	background-repeat: repeat-x;
width:100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #4B4B4B;
	}
/* フッター*/
#footerbg #footer        {
width: 960px;
margin-right: auto;
margin-left: auto;

}

#footer ul {
	margin-top: -5px;
	margin-bottom: 25px;
	margin-left: 372px;
}
#footer ul li {
	float: left;
	margin-right: 3px;
}
#footer ul li a{
	display: block;
	width: 70px;
	height: 70px;
}
#footer ul li a:hover{
	opacity:1;
	}

#footer ul .fb a:hover img,
#footer ul .tw a:hover img,
#footer ul .ig a:hover img{
	visibility: hidden;
}

#footer ul .fb{
	background-image: url(../img/facebook_on.png);
	background-repeat: no-repeat;
}

#footer ul .tw {
	background-image: url(../img/twitter_on.png);
	background-repeat: no-repeat;
}
#footer ul .ig {
	background-image: url(../img/instagram_on.png);
	background-repeat: no-repeat;
}

#footer p {
	text-align: center;
	clear: both;
}
#footer #corporate {
	font-size: 75%;
	padding-bottom: 15px;
	margin-top: 15px;
}
/* アドレス*/

#addressbg {
	background-color: #4B4B4B;
    width:100%;
	
	}
#addressbg address {
width: 960px;
margin-right: auto;
margin-left: auto;
	font-size: 75%;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;

}

@media screen and (max-width: 1000px) {
		.nav2,
		#addressbg address {
			font-size: 135%;
		}
		
		#question #contents h2,
		#design #contents h2,
		#gallery #contents h2,
		#concept #contents h2,
		#concept #contents h4,
		#guide #contents h2,
		#contact #contents h2,
		#question #contents h2,
		#privacy_policy #contents h3,
		#privacy_policy #contents h2,
		#sitemap #contents h2,
		#question #contents h2 {
			font-size: 187.5%;
		}
		#question #contents h3{
			font-size: 125%;
			}
		#privacy_policy #contents h3{
			margin-bottom:10px;
			}
       .nav2{
		margin-top:20px;   
			padding-bottom:10px;
		  }
	}

/*ページトップへ*/
.pagetop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: block;
	z-index: 999;
}