@charset "utf-8";

h1 {
	font-size: 10px;
	text-align: right;
	color: #666;
	height: 15px;
	padding-left: 5px;
}
h2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;


}

h3 {
	margin-bottom: 10px;

}

h4 {

}
.margin_b3 {
	margin-bottom: 3px;
}
.margin_b5 {
	margin-bottom: 5px;
}
.margin_b10 {
	margin-bottom: 10px;
}
.margin_b15 {
	margin-bottom: 15px;
}
.margin_b20 {
	margin-bottom: 20px;
}
.margin_b25 {
	margin-bottom: 25px;
}
.margin_b30 {
	margin-bottom: 30px;
}
.margin_b40 {
	margin-bottom: 40px;
}
.margin_b50 {
	margin-bottom: 50px;
}
.margin_b70 {
	margin-bottom: 70px;
}
.margin_b80 {
	margin-bottom: 80px;
}
.margin_b100 {
	margin-bottom: 100px;

}
.margin_b100 {
	margin-bottom: 100px;

}
.margin_b100 {
	margin-bottom: 100px;

}
.margin_t5 {
	margin-top: 5px;

}
.margin_t10 {
	margin-top: 10px;

}
.margin_t15 {
	margin-top: 15px;

}
.margin_t20 {
	margin-top: 20px;

}
.margin_t25 {
	margin-top: 25px;

}
.margin_t30 {
	margin-top: 30px;

}
.margin_t40 {
	margin-top: 40px;

}
.margin_t60 {
	margin-top: 60px;

}

a:link {/*未訪問のリンク*/
	color:#333333;
	font-style:normal;
	text-decoration: underline;
}
.clear {
	overflow: hidden;
	z-index: auto;
	width: 740px;
}

a:visited {/*訪問後のリンク*/
	color:#333333;
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#333333;
	font-style:normal;
	text-decoration:none;
}
a:active {/*クリック中*/
    text-decoration:none;

}
.f_left     {
	float: left;
}
.f_right     {
	float: right;
}

.p_left     {text-align:left;}
.p_right    {text-align:right;}
.p_center   {
	text-align: center;

}
.caption {
	font-size: 11px;
	color: #333333;
	line-height: 1.4em;
}


#header {
	background: url(../img/bg_haeder.png) repeat-x bottom;
	height: 165px;

}
#header .box {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	z-index: auto;
	height: 90px;
	padding-top: 10px;
}
#header ul  {
	overflow: hidden;
	z-index: auto;





}
#header ul li {
	float: left;
	margin-right: 20px;
}
#header ul li.odd{
	margin-right: 0px;




}
#header ul li.logo2{
	width: 245px;

}
#header #gnav{
	overflow: hidden;
	z-index: auto;
	height: 55px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header #gnav ul{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header #gnav ul li{
	float: left !important;
	margin: 0px;
	padding: 0px;
}

#pagetop  {
	margin-bottom: 5px;

}
#pagetop  p{
	width: 76px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 884px;
}
#foot_nav {
	overflow: hidden;
	z-index: auto;
	height: 44px;
	background: url(../img/bg_fnav.png) repeat-x;
}
#foot_nav .box {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 960px;
	height: 30px;
	padding-top: 16px;

}
#foot_nav .box ul {
	float: left;
	width: 960px;

}

#foot_nav .box ul li {
	float: left;
	font-size: 11px;
	border-right: 1px solid #CCCCCC;
	margin-right: 10px;
	padding-right: 10px;
}
#foot_nav .box ul li.first {
	float: left;
	font-size: 11px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
}





#footer {
	overflow: hidden;
	z-index: auto;
	margin-right: auto;
	margin-left: auto;
}
#footer .box  {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	z-index: auto;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#footer .box ul li {
	float: left;
	margin-right: 260px;
}
#footer .box ul li.odd {
	margin-right: 0px;

}
#copyright {
	border-top: 1px solid #CCCCCC;
	padding-top: 8px;
	font-size: 9px;
	letter-spacing: 0.1em;
	color: #666666;
	text-align: center;
	padding-bottom: 8px;
}
#copyright p{
	width: 960px;
	margin-right: auto;
	margin-left: auto;

}
#pan {
	font-size: 11px;
	color: #333;
	background: url(../img/bg_main.png) repeat-x;
	overflow: hidden;
	z-index: auto;
}

#pan .box{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	z-index: auto;
}
#pan li {
	float: left;
	background: url(../../common/img/arrow01.png) no-repeat 0px center;
	margin-right: 10px;
}

#pan li a:link {/*未訪問のリンク*/
	color:#996600;
	font-style:normal;
	text-decoration: underline;
}
#pan li a:visited {/*訪問後のリンク*/
	color:#996600;
	text-decoration:underline;
}
#pan li a:hover {/*マウスをのせたとき*/
	color:#996600;
	font-style:normal;
	text-decoration: none;
}
#pan li a:active {/*クリック中*/
    text-decoration:none;
}
#pan .space {
	margin-left: 10px;
}

#contents {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	z-index: auto;
	padding-bottom: 80px;
	padding-top: 20px;
}
#contents .main {
	float: left;
	width: 740px;
}
#contents .sidemenu {
	float: right;
	width: 190px;
}
#contents .sidemenu .bn {
	margin-top: 20px;
}
#contents .sidemenu .bn li {
	margin-bottom: 10px;
}
#title {
	background: url(../img/bg_h2.png);
	height: 80px;
	margin-bottom: 10px;
}

.sp-nav{
	display: none;
}

.pc{display: block;}
.sp{display: none;}

/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px){

.pc{display: none;}
.sp{display: block;}

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

	#header .box,
	#header #gnav,
	#header #gnav ul,
	#contents,
	#contents .main,
	#foot_nav .box,
	#foot_nav .box ul,
	#footer .box,
	#copyright p{
		height: auto;
		width: 100%;
	}
	
	#contents{
		padding: 20px 0;
	}
	
	#contents .main{
		font-size: 16px;
		float: unset;
	}
	
	h1{padding: 0 15px;}
	
	#header ul li.logo{
		margin: 0 10px;
		width: 150px;
	}
	
	#header ul li.logo2 {
		margin: 0;
		width: 150px;
	}
	
	.setbox01 .f_left{
		float: unset;
	}
	
	#contents .sidemenu {
		float: unset;
		margin: 30px auto 0;
		width: 90%;
	}
	
	#pagetop p{
		padding-left: 0;
	}
	
	#header #gnav,
	#foot_nav,
	#header ul li:nth-child(3),
	#header ul li:nth-child(4),
	#header ul li:nth-child(5),
	#header ul li:nth-child(6){
		display: none;
	}
	
	#header{
		height: 110px;
		position: relative;
	}
	
	.sp-center{
		margin: 10px auto;
		display: block;
	}
	
	.sp-menu-btn{
		position: absolute;
		right: 10px;
		bottom: 35px;
	}
	
	#panel-btn{
		display: inline-block;
		position: relative;
		width: 40px;
		height: 40px;
	}

	#panel-btn-icon{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 14px;
		height: 2px;
		margin: -1px 0 0 -7px;
		background: #2196F3;
		transition: .2s;
	}

	#panel-btn-icon:before, #panel-btn-icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 14px;
		height: 2px;
		background: #2196F3;
		transition: .3s;
	}

	#panel-btn-icon:before{
		margin-top: -6px;
	}

	#panel-btn-icon:after{
		margin-top: 4px;
	}

	#panel-btn .close{
		background: transparent;
	}

	#panel-btn .close:before, #panel-btn .close:after{
		margin-top: 0;
	}

	#panel-btn .close:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	#panel-btn .close:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}
	
	.sp-nav{
		display: none;
		background: #ffffff;
		z-index: 99999;
		width: 100%;
		position: absolute;
		top: 100%;
		text-align: center;
	}
	
	.sp-nav nav{
		line-height: 40px;
	}
	
	#footer .box ul li {
		float: unset;
		margin: 0 auto 20px;
		width: 80%;
	}
	
	#footer .box ul li.odd {
		margin-right: auto;
	}
	
	#pan{
		padding: 10px;
	}
	
	h2 {
		width: 100%;
		padding: 10px;
	}
	
	#title{
		height: auto;
	}
	
	#contents .main .conept,
	#contents .main .modelhouse,
	#contents .main .equipment,
	#contents .main .access,
	#contents .main .outline{
		margin: 0 auto;
		width: 90%;
	}
	
	.clear{
		width: 100%;
	}

	#contents .sidemenu ul{
		display: flex;
		flex-wrap: wrap;
	}
	
	#contents .sidemenu ul li{
		float: left;
		width: 50%;
	}

}