@charset "utf-8";
/* CSS Document */
html,body {height: 100%;}
img { -ms-interpolation-mode: bicubic; }

/* index */
div#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index:10;
}
 
body > #wrapper {
    height: auto;
}

#wrapper #navigation{
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
  background-color: rgba(000, 000, 000, 0.4);
  width:100%;
  position: absolute;
  bottom: 0px;
}

#top-text{
position:absolute;
top:20px;
left:10px;
}

#wrapper #navigation .navi1 ul li{position:relative;}
#wrapper #navigation .navi1 ul li .menuposi{
	position:absolute;
	text-indent:0px;
	top:18px;
	left:10px;
	width:22px;
	height:7px;
}

#wrapper #news ul li span img{
	margin-bottom:4px;
}

#wrapper #navigation .navi1,
#wrapper #navigation .navi1 h1,
#wrapper #navigation .navi1 ul,
#wrapper #navigation .navi2 ul,
#wrapper #navigation .navi2 p,
#wrapper #navigation2 .navi1,
#wrapper #navigation2 .navi1 h1,
#wrapper #navigation2 .navi1 ul,
#wrapper #navigation2 .navi2 ul,
#wrapper #navigation2 .navi2 p{
  float:left;
}
#wrapper #navigation .navi2,
#wrapper #navigation2 .navi2{float:right;}


#wrapper #navigation .navi1 h1,
#wrapper #navigation2 .navi1 h1{
  margin:15px 30px 0 20px;
  background:url(../images/top-rogo.png) no-repeat;
  text-indent:-99999px;
  width:150px;
  height:47px;
}
#wrapper #navigation2 .navi1 h1 a{
  display:block;
  width:189px;
  height:39px;
}
#wrapper #navigation .navi1 ul li,
#wrapper #navigation2 .navi1 ul li{
  float:left;
  width:67px;
  display:inline;
  text-align:center;
  height:71px;
  text-indent:-99999px;
}
#wrapper #navigation .navi1 ul li p a{
  padding:0 0 0 6px;
  background-position-y:2px;
}
#wrapper #navigation .navi1 ul li.about,
#wrapper #navigation2 .navi1 ul li.about{
  width:84px;
    margin-left:0; 
}
#wrapper #navigation .navi1 ul li.concept,
#wrapper #navigation2 .navi1 ul li.concept{
  width:80px;

}
#wrapper #navigation .navi1 ul li.abouthop{
  width:82px;
}
#wrapper #navigation .navi1 ul li.construction{
width:84px;
}
#wrapper #navigation .navi1 ul li.view,
#wrapper #navigation2 .navi1 ul li.view{
  width:94px;
}
#wrapper #navigation .navi1 ul li.bulletin{
width:117px;	
}
#wrapper #navigation .navi1 ul li.concept a,
#wrapper #navigation2 .navi1 ul li.concept a{background:url(../images/top-navi1.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.cases a,
#wrapper #navigation2 .navi1 ul li.cases a{background:url(../images/top-navi2.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.works a,
#wrapper #navigation2 .navi1 ul li.works a{background:url(../images/top-navi3.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.view a,
#wrapper #navigation2 .navi1 ul li.view a{background:url(../images/top-navi_view.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.blog a,
#wrapper #navigation2 .navi1 ul li.blog a{background:url(../images/top-navi4.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.about a,
#wrapper #navigation2 .navi1 ul li.about a{background:url(../images/top-navi4-1.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.abouthop a{background:url(../images/top-navi4-2.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.construction a{background:url(../images/top-navi4-3.png) no-repeat center;}
#wrapper #navigation .navi1 ul li.bulletin a{background:url(../images/top-navi8.png) no-repeat center;}


#wrapper #navigation .navi1 ul li a,
#wrapper #navigation2 .navi1 ul li a{
  display:block;
  height:71px;
  background-position-y:25px!important;
}
#wrapper #navigation .navi1 ul li a:hover,
#wrapper #navigation2 .navi1 ul li a:hover{background-color:#000;}

#wrapper #navigation .navi2 ul{
  
  padding-top:22px;
  /* 急募padding-top:18px;*/
}
#wrapper #navigation2 .navi2 ul{
  
  padding-top:32px;
  /* 急募padding-top:28px;*/
}
#wrapper #navigation .navi2 ul li,
#wrapper #navigation2 .navi2 ul li{
  line-height:0;
  margin-bottom:12px;
  padding:0;
  text-indent:-9999px;
}

/* 急募 
#wrapper #navigation .navi2 ul li.access,
#wrapper #navigation2 .navi2 ul li.access{
	margin-bottom:20px;
}
#wrapper #navigation .navi2 ul li.recruit{
	margin-bottom:0;
	position:relative;
}
#wrapper #navigation2 .navi2 ul li.recruit{
	position:relative;
}
#wrapper #navigation .navi2 ul li.recruit:after,
#wrapper #navigation2 .navi2 ul li.recruit:after{
	content:"急募";
	position: absolute;
    top: -12px;
    left: 8px;
    background: #DD0000;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
    padding: 1px 5px 0px;
    font-size: 11px;
    text-indent: 0;
    line-height: 1;
}
 急募ここまで */

* html #wrapper #navigation .navi2 ul li,
* html #wrapper #navigation2 .navi2 ul li{margin:0;}
#wrapper #navigation .navi2 ul li a,
#wrapper #navigation2 .navi2 ul li a{display:block; height:10px;}
#wrapper #navigation .navi2 ul li.recruit,
#wrapper #navigation2 .navi2 ul li.recruit{background:url(../images/top-navi5_out.png) no-repeat; width:58px;}
#wrapper #navigation .navi2 ul li.access,
#wrapper #navigation2 .navi2 ul li.access{background:url(../images/top-navi6_out.png) no-repeat; width:52px;}
#wrapper #navigation .navi2 ul li.inquiry,
#wrapper #navigation2 .navi2 ul li.inquiry{background:url(../images/top-navi7_out.png) no-repeat; width:74px;}
#wrapper #navigation .navi2 ul li.recruit:hover,
#wrapper #navigation2 .navi2 ul li.recruit:hover{background:url(../images/top-navi5_over.png) no-repeat;}
#wrapper #navigation .navi2 ul li.access:hover,
#wrapper #navigation2 .navi2 ul li.access:hover{background:url(../images/top-navi6_over.png) no-repeat;}
#wrapper #navigation .navi2 ul li.inquiry:hover,
#wrapper #navigation2 .navi2 ul li.inquiry:hover{background:url(../images/top-navi7_over.png) no-repeat;}

#wrapper #navigation .navi2 p{
  padding:10px 15px 0 10px;
}
#wrapper #navigation2 .navi2 p{
  padding:20px 15px 0 10px;
}

#wrapper #navigation .foot{
  clear:both;
  background:#000;
  overflow:hidden;
  border-top:#3F311B 1px solid;
  padding:3px 5px;
}
#wrapper #navigation address{
  width:360px;
  float:right;
  margin-right:5px;
  display:inline;
  padding-top: 4px;
}
#wrapper #navigation h1{
  color:#876738;
  font-size:10px;
  line-height:1;
  float:left;
  padding: 2px 0 2px 15px;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, 'メイリオ', sans-serif;
  font-weight:normal;
}
#wrapper #navigation2 .navi2 .closeBtn{
	border:none;
	cursor:pointer;
	background:none;
	box-sizing:none;
}




#wrapper #news{
z-index: 9999; 
	position: absolute;
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
	top: 30%;
	right: 0px;
    height:250px;
}
#wrapper #news #slider{margin-right:-214px;}
#wrapper #news p{float:left;}
#wrapper #news ul{
	float:left;
	list-style:none;
	padding-left:10px;
	height:250px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
  background-color: rgba(000, 000, 000, 0.4);
}
#wrapper #news ul li{
	background:url(../images/top-point.png) no-repeat;
	background-position:0 2px;
	margin-top:10px;
	font-size:12px;
	width:200px;
	color:#FFF;
	line-height:1.2;
}
#wrapper #news ul li span{padding:0 0 0 15px;}
#wrapper #news ul li a{
	color:#FFF;
	text-decoration:none;
	padding:0 0 0 15px;
	}

/* wrapper > container */

#wrapper #container{
  width:1000px;
}






/* header */
#wrapper #navigation2{
  width:1000px;
  border-bottom:#3F311B 1px solid;
}
/* leftnavi */

#wrapper #container #left{
  width:160px;
  float:left;
  margin-left:20px;
  display:inline;
}
#wrapper #container #left #accordion,
#wrapper #container .left-wide #accordion{
	cursor:pointer;
}
#wrapper #container #left ul li{text-indent:-9999px;}
#wrapper #container #left ul li a{width:160px; height:60px; display:block;}
#wrapper #container #left ul li.nav1 a{background:url(../images/l-navi1_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 a{background:url(../images/l-navi2_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav2.sanchi a,
#wrapper #container #left ul li.nav2.sumaite a,
#wrapper #container #left ul li.nav2.fukakunaru a,
#wrapper #container #left ul li.nav2.designer a,
#wrapper #container #left ul li.nav2.engineer a{
background:url(../images/l-navi2_over.jpg) no-repeat;
}
#wrapper #container #left ul li.nav3 a{background:url(../images/l-navi3_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav3.caselist a{background:url(../images/l-navi3_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav3.now a{background:url(../images/l-navi3_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav4 a{background:url(../images/l-navi4_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav5 a{background:url(../images/l-navi5_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 a{background:url(../images/l-navi6_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6.build a,
#wrapper #container #left ul li.nav6.build-2 a,
#wrapper #container #left ul li.nav6.differ a,
#wrapper #container #left ul li.nav6.differ-2 a,
#wrapper #container #left ul li.nav6.grade a,
#wrapper #container #left ul li.nav6.sanchi a,
#wrapper #container #left ul li.nav6.reason a,
#wrapper #container #left ul li.nav6.until a,
#wrapper #container #left ul li.nav6.service a,
#wrapper #container #left ul li.nav6.fqa a
{background:url(../images/l-navi6_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6.now a{background:url(../images/l-navi6_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav7 a{background:url(../images/l-navi7_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav7.construct a,
#wrapper #container #left ul li.nav7.buildbase a
{background:url(../images/l-navi7_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav7.now a{background:url(../images/l-navi7_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav8 a{background:url(../images/l-navi8_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav8.about a{background:url(../images/l-navi8_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav8.now a{background:url(../images/l-navi8_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav9 a{background:url(../images/l-navi9_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav_view a{background:url(../images/l-navi-view_out.jpg) no-repeat;}

#wrapper #container #left ul li.nav1 a:hover{background:url(../images/l-navi1_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 a:hover{background:url(../images/l-navi2_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav3 a:hover{background:url(../images/l-navi3_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav4 a:hover{background:url(../images/l-navi4_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav5 a:hover{background:url(../images/l-navi5_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 a:hover{background:url(../images/l-navi6_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav7 a:hover{background:url(../images/l-navi7_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav8 a:hover{background:url(../images/l-navi8_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav9 a:hover{background:url(../images/l-navi9_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav_view a:hover{background:url(../images/l-navi-view_over.jpg) no-repeat;}

/*----------------------------------------------------------  -------------------------------------------------------------*/
#wrapper #container #left ul li.nav2 li a{width:160px; height:20px;}
#wrapper #container #left ul li.nav2 li.nav2-1 a{background:url(../images/l-navi2-1_out.jpg) no-repeat; height:18px;}
#wrapper #container #left ul li.nav2 li.nav2-2 a{background:url(../images/l-navi2-2_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-3 a{background:url(../images/l-navi2-3_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-4 a{background:url(../images/l-navi2-4_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-5 a{background:url(../images/l-navi2-5_out.jpg) no-repeat; height:27px;}
#wrapper #container #left ul li.nav2 li.nav2-1 a:hover{background:url(../images/l-navi2-1_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-2 a:hover{background:url(../images/l-navi2-2_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-3 a:hover{background:url(../images/l-navi2-3_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-4 a:hover{background:url(../images/l-navi2-4_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav2 li.nav2-5 a:hover{background:url(../images/l-navi2-5_over.jpg) no-repeat;}


#wrapper #container #left ul li.nav2 li.nav2-1.sanchi a{background:url(../images/l-navi2-1_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav2 li.nav2-2.sumaite a{background:url(../images/l-navi2-2_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav2 li.nav2-3.fukakunaru a{background:url(../images/l-navi2-3_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav2 li.nav2-4.designer a{background:url(../images/l-navi2-4_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav2 li.nav2-5.engineer a{background:url(../images/l-navi2-5_over.jpg) no-repeat!important;}

#wrapper #container #left ul li.now_cases a{background:url(../images/l-navi3_over.jpg) no-repeat;}

/*----------------------------------------------------------  -------------------------------------------------------------*/
#wrapper #container #left ul li.nav6 li a{width:160px; height:20px;}
#wrapper #container #left ul li.nav6 li.nav6-1 a{background:url(../images/l-navi_add1_out.jpg) no-repeat; height:18px;}
#wrapper #container #left ul li.nav6 li.nav6-2 a{background:url(../images/l-navi_add2_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-3 a{background:url(../images/l-navi_add3_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-4 a{background:url(../images/l-navi_add4_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-5 a{background:url(../images/l-navi_add5_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-6 a{background:url(../images/l-navi_add6_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-7 a{background:url(../images/l-navi_add7_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-8 a{background:url(../images/l-navi_add8_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-9 a{background:url(../images/l-navi_add9_out.jpg) no-repeat; height:27px;}
#wrapper #container #left ul li.nav6 li.nav6-1 a:hover{background:url(../images/l-navi_add1_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-2 a:hover{background:url(../images/l-navi_add2_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-3 a:hover{background:url(../images/l-navi_add3_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-4 a:hover{background:url(../images/l-navi_add4_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-5 a:hover{background:url(../images/l-navi_add5_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-6 a:hover{background:url(../images/l-navi_add6_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-7 a:hover{background:url(../images/l-navi_add7_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-8 a:hover{background:url(../images/l-navi_add8_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav6-9 a:hover{background:url(../images/l-navi_add9_over.jpg) no-repeat;}

#wrapper #container #left ul li.nav6 li.nav6-1.build a{background:url(../images/l-navi_add1_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-1.build-2 a{background:url(../images/l-navi_add1_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-2.differ a{background:url(../images/l-navi_add2_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-2.differ-2 a{background:url(../images/l-navi_add2_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-3.grade a{background:url(../images/l-navi_add3_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-4.sanchi a{background:url(../images/l-navi_add4_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-5.sumaite a{background:url(../images/l-navi_add5_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-6.reason a{background:url(../images/l-navi_add6_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-7.until a{background:url(../images/l-navi_add7_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-8.service a{background:url(../images/l-navi_add8_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav6 li.nav6-9.fqa a{background:url(../images/l-navi_add9_over.jpg) no-repeat!important;}

#wrapper #container #left ul li.nav6 li.nav7-1 a{background:url(../images/l-navi7-1_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav7-1 a:hover{background:url(../images/l-navi7-1_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav6 li.nav7-1.construct a{background:url(../images/l-navi7-1_over.jpg) no-repeat!important;}
/*----------------------------------------------------------  -------------------------------------------------------------*/
#wrapper #container #left ul li.nav7 li a{width:160px; height:18px;}
#wrapper #container #left ul li.nav7 li.nav7-1 a{background:url(../images/l-navi7-1_out.jpg) no-repeat;}
#wrapper #container #left ul li.nav7 li.nav7-2 a{background:url(../images/l-navi7-2_out.jpg) no-repeat; height:27px;}
#wrapper #container #left ul li.nav7 li.nav7-1 a:hover{background:url(../images/l-navi7-1_over.jpg) no-repeat;}
#wrapper #container #left ul li.nav7 li.nav7-2 a:hover{background:url(../images/l-navi7-2_over.jpg) no-repeat;}


#wrapper #container #left ul li.nav7 li.nav7-1.construct a{background:url(../images/l-navi7-1_over.jpg) no-repeat!important;}
#wrapper #container #left ul li.nav7 li.nav7-2.buildbase a{background:url(../images/l-navi7-2_over.jpg) no-repeat!important;}



#wrapper #container .left-wide ul li{text-indent:-9999px;}
#wrapper #container .left-wide ul li a{width:200px; height:60px; display:block;}
#wrapper #container .left-wide ul li.nav1 a{background:url(../images/l-navi1blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 a{background:url(../images/l-navi2blo_out.jpg) no-repeat;}


#wrapper #container .left-wide ul li.nav3 a{background:url(../images/l-navi3blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav3.caselist a{background:url(../images/l-navi3blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav3.now a{background:url(../images/l-navi3blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav4 a{background:url(../images/l-navi4blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav5 a{background:url(../images/l-navi5blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 a{background:url(../images/l-navi6blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6.build a,
#wrapper #container .left-wide ul li.nav6.build-2 a,
#wrapper #container .left-wide ul li.nav6.differ a,
#wrapper #container .left-wide ul li.nav6.differ-2 a,
#wrapper #container .left-wide ul li.nav6.grade a,
#wrapper #container .left-wide ul li.nav6.sanchi a,
#wrapper #container .left-wide ul li.nav6.reason a,
#wrapper #container .left-wide ul li.nav6.until a,
#wrapper #container .left-wide ul li.nav6.service a,
#wrapper #container .left-wide ul li.nav6.fqa a
{background:url(../images/l-navi6blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6.now a{background:url(../images/l-navi6blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav7 a{background:url(../images/l-navi7blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav7.construct a,
#wrapper #container .left-wide ul li.nav7.buildbase a
{background:url(../images/l-navi7blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav7.now a{background:url(../images/l-navi7blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav8 a{background:url(../images/l-navi8blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav8.about a{background:url(../images/l-navi8blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav8.now a{background:url(../images/l-navi8blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav9 a{background:url(../images/l-navi9blo_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav_view a{background:url(../images/l-navi-view_out.jpg) no-repeat;}

#wrapper #container .left-wide ul li.nav1 a:hover{background:url(../images/l-navi1blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 a:hover{background:url(../images/l-navi2blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav3 a:hover{background:url(../images/l-navi3blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav4 a:hover{background:url(../images/l-navi4blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav5 a:hover{background:url(../images/l-navi5blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 a:hover{background:url(../images/l-navi6blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav7 a:hover{background:url(../images/l-navi7blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav8 a:hover{background:url(../images/l-navi8blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav9 a:hover{background:url(../images/l-navi9blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav5.now a{background:url(../images/l-navi5blo_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav_view a:hover{background:url(../images/l-navi-view_over.jpg) no-repeat;}

/*----------------------------------------------------------  -------------------------------------------------------------*/
#wrapper #container .left-wide ul li.nav2 li a{width:200px; height:20px;}
#wrapper #container .left-wide ul li.nav2 li.nav2-1 a{background:url(../images/l-navi2blo-1_out.jpg) no-repeat; height:18px;}
#wrapper #container .left-wide ul li.nav2 li.nav2-2 a{background:url(../images/l-navi2blo-2_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-3 a{background:url(../images/l-navi2blo-3_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-4 a{background:url(../images/l-navi2blo-4_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-5 a{background:url(../images/l-navi2blo-5_out.jpg) no-repeat; height:27px;}
#wrapper #container .left-wide ul li.nav2 li.nav2-1 a:hover{background:url(../images/l-navi2blo-1_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-2 a:hover{background:url(../images/l-navi2blo-2_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-3 a:hover{background:url(../images/l-navi2blo-3_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-4 a:hover{background:url(../images/l-navi2blo-4_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav2 li.nav2-5 a:hover{background:url(../images/l-navi2blo-5_over.jpg) no-repeat;}


#wrapper #container .left-wide ul li.nav2 li.nav2-1.sanchi a{background:url(../images/l-navi2blo-1_over.jpg) no-repeat!important;}
#wrapper #container .left-wide ul li.nav2 li.nav2-2.sumaite a{background:url(../images/l-navi2blo-2_over.jpg) no-repeat!important;}
#wrapper #container .left-wide ul li.nav2 li.nav2-3.fukakunaru a{background:url(../images/l-navi2blo-3_over.jpg) no-repeat!important;}
#wrapper #container .left-wide ul li.nav2 li.nav2-4.designer a{background:url(../images/l-navi2blo-4_over.jpg) no-repeat!important;}
#wrapper #container .left-wide ul li.nav2 li.nav2-5.engineer a{background:url(../images/l-navi2blo-5_over.jpg) no-repeat!important;}

#wrapper #container .left-wide ul li.now_cases a{background:url(../images/l-navi3blo_over.jpg) no-repeat;}

/*----------------------------------------------------------  -------------------------------------------------------------*/
#wrapper #container .left-wide ul li.nav6 li a{width:200px; height:20px;}
#wrapper #container .left-wide ul li.nav6 li.nav6-1 a{background:url(../images/l-navi_add1b_out.jpg) no-repeat; height:18px;}
#wrapper #container .left-wide ul li.nav6 li.nav6-2 a{background:url(../images/l-navi_add2b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-3 a{background:url(../images/l-navi_add3b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-4 a{background:url(../images/l-navi_add4b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-5 a{background:url(../images/l-navi_add5b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-6 a{background:url(../images/l-navi_add6b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-7 a{background:url(../images/l-navi_add7b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-8 a{background:url(../images/l-navi_add8b_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-9 a{background:url(../images/l-navi_add9b_out.jpg) no-repeat; height:27px;}
#wrapper #container .left-wide ul li.nav6 li.nav6-1 a:hover{background:url(../images/l-navi_add1b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-2 a:hover{background:url(../images/l-navi_add2b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-3 a:hover{background:url(../images/l-navi_add3b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-4 a:hover{background:url(../images/l-navi_add4b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-5 a:hover{background:url(../images/l-navi_add5b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-6 a:hover{background:url(../images/l-navi_add6b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-7 a:hover{background:url(../images/l-navi_add7b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-8 a:hover{background:url(../images/l-navi_add8b_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav6-9 a:hover{background:url(../images/l-navi_add9b_over.jpg) no-repeat;}

#wrapper #container .left-wide ul li.nav6 li.nav7-1 a{background:url(../images/l-navi7blo-1_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav7-1 a:hover{background:url(../images/l-navi7blo-1_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav6 li.nav7-1.construct a{background:url(../images/l-navi7blo-1_over.jpg) no-repeat!important;}
/*----------------------------------------------------------  -------------------------------------------------------------*/
#wrapper #container .left-wide ul li.nav7 li a{width:200px; height:18px;}
#wrapper #container .left-wide ul li.nav7 li.nav7-1 a{background:url(../images/l-navi7blo-1_out.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav7 li.nav7-2 a{background:url(../images/l-navi7blo-2_out.jpg) no-repeat; height:27px;}
#wrapper #container .left-wide ul li.nav7 li.nav7-1 a:hover{background:url(../images/l-navi7blo-1_over.jpg) no-repeat;}
#wrapper #container .left-wide ul li.nav7 li.nav7-2 a:hover{background:url(../images/l-navi7blo-2_over.jpg) no-repeat;}


#wrapper #container .left-wide ul li.nav7 li.nav7-1.construct a{background:url(../images/l-navi7blo-1_over.jpg) no-repeat!important;}
#wrapper #container .left-wide ul li.nav7 li.nav7-2.buildbase a{background:url(../images/l-navi7blo-2_over.jpg) no-repeat!important;}




/* content */

#wrapper #container #content{
  width:750px;
  float:left;
  margin-left:25px;
  display:inline;
}

#wrapper #container #content h2{
  padding:32px 0 58px 30px;
  border-bottom:#3F311B 1px solid;
}
#wrapper #container #content h3{
  padding:15px 0 15px 30px;
  border-bottom:#3F311B 1px solid;
}

/* content-box */

#wrapper #container #content .aboutcont{
  padding:25px 0 65px 28px;
  border-bottom:#3F311B 1px solid;
  font-size:14px;
  color:#FFF;
  line-height:2;
}
#wrapper #container #content .aboutcont dl dt{
  float:left;
}
#wrapper #container #content .aboutcont dl dd{
  float:left;
  padding:35px 0 0 20px;
  
}
#wrapper #container #content .no-bar{border:none;}
#wrapper #container #content .aboutcont p{
  padding-top:30px;
}
#wrapper #container #content .aboutcont table{
  margin-botom:100px;
  line-height:1.5;
}
#wrapper #container #content .aboutcont table th{
  background:#3F311B;
  color:#FFF;
  text-align:left;
  padding:15px;
}
#wrapper #container #content .aboutcont table th strong{color:#FF0000;}
#wrapper #container #content .aboutcont table th.cent{text-align:center;}
#wrapper #container #content .aboutcont table td{
  background:#FFF;
  color:#333;
  padding:15px;
}
#wrapper #container #content .aboutcont .cent{text-align:center;}
#wrapper #container #content .aboutcont .contact-tex{font-size:14px; font-weight:bold;}
#wrapper #container #content .aboutcont a{color:#7D6136;}
#wrapper #container #content .aboutcont table a{color:#7D6136;}

/* content-accessbox */
#wrapper #container #content .aboutcont .access_map{
  background-color: rgba(255, 255, 255, 0.4);
	padding:10px;
	margin-right:22px;
}

/* content-cases */
#wrapper #container #content .casescont{
  padding:25px 25px 30px 25px;
  border-bottom:#3F311B 1px solid;
  font-size:10px;
  color:#FFF;
  line-height:2;
}
#wrapper #container #content .casescont .casesBox{
	clear:both;
}
#wrapper #container #content .casescont .casesBox dl{
	width:120px;
	height:150px;
	margin:10px 0 5px 20px;
	display:inline;
	float:left;
}
#wrapper #container #content .casescont .casesBox dl dt{
	padding-bottom:2px;
}
#wrapper #container #content .casescont .casesBox dl dd{
	text-align:center;
	line-height:1.1;
	padding-bottom:5px;
}
#wrapper #container #content .casescont .casesBox dl dd a{
    color:#FFF;
	text-decoration:none;
}


#wrapper #container #content .casesNum{
	width:435px;
	margin:20px auto 60px;
	font-size:12px;
	color:#FFF;
}
#wrapper #container #content .casesNum .nowpage{
	float:left;
	padding-top:3px;
}
#wrapper #container #content .wp-pagenavi{
    padding-left:6px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
	float:left;
}
#wrapper #container #content .wp-pagenavi span{
  float:left;
}
#wrapper #container #content .wp-pagenavi .pages{
    padding: 2px 8px 0 0;
	
}

#wrapper #container #content .wp-pagenavi .page{
    padding: 2px 7px 1px 8px;
	background: url(../images/numback.png) no-repeat;
	margin-right:5px;
	display:inline;
	float:left;
}

#wrapper #container #content .wp-pagenavi a.page{
    text-decoration:none;
	color:#FFF;
}
#wrapper #container #content .wp-pagenavi a:hover.page  {
    background:#FFF;
	background-image:none;
    color: #000;
	text-decoration:none;
}

#wrapper #container #content .wp-pagenavi span.current {
    padding: 2px 7px 1px 8px;
	background:#FFF;
	margin-right:5px;
	color:#000;
}
#wrapper #container #content .wp-pagenavi .previouspostslink{
  width:15px;
  height:21px;
  background:url(../images/page-prev.png) no-repeat;
  display:block;
  text-indent:-9999px;
  float:left;
  margin-right:5px;
}
#wrapper #container #content .wp-pagenavi .nextpostslink{
  width:15px;
  height:21px;
  background:url(../images/page-next.png) no-repeat;
  display:block;
  text-indent:-9999px;
  float:left;
}

#wrapper #container #content .casescont .mainimg{
  padding-bottom:20px;
}
#wrapper #container #content .casescont .mainimg a:hover{
background:url(../images/main-back3.png) no-repeat;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#wrapper #container #content .casescont dl{position:relative; margin-top:10px; height:360px; cursor:pointer;}
#wrapper #container #content .casescont dl dt{float:none;}
#wrapper #container #content .casescont dl dd.waku{
	width:700px;
	height:360px;
position:absolute;
left:0;
top:0;
background:url(../images/main-back3.png) no-repeat;
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
float:none;
padding:0;
margin:0;
}
#wrapper #container #content .casescont dl dd.waku a{
display:block;
width:700px;
	height:360px;
}
#wrapper #container #content .casescont dl:hover dd.waku{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#wrapper #container #content .casescont dl dd.titletext p{
position:absolute;
  font-size:14px;
  color:#FFF;
  top:332px;
  left:15px;
  filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
float:none;
padding:0;
margin:0;
}

#wrapper #container #content .casescont dl:hover dd.titletext p{
color:#FFF;
}




.casesBox:after,
.casesNum:after,
.casesditNum:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
line-height: 0;
clear: both;
}
* html .casesBox,
* html .casesNum,
* html .casesditNum {/* for Win IE6 */
display: inline-block;
}
*:first-child + html .casesBox,
*:first-child + html .casesNum,
*:first-child + html .casesditNum {/* for Win IE7 */
display: inline-block;
}

/* content-cases  */
#wrapper #container #content .aboutcont .casesdit{width:700px; font-size:12px; line-height:1.5;}
#wrapper #container #content .aboutcont .casesdit h3{font-size:30px; padding:0; border:none;}
#wrapper #container #content .aboutcont .casesdit dl{position:relative; margin-top:10px; height:360px;}
#wrapper #container #content .aboutcont .casesdit dl dt{float:none;}
#wrapper #container #content .aboutcont .casesdit dl dd{
	width:700px;
	height:360px;
position:absolute;
left:0;
top:0;
background:url(../images/main-back.png) no-repeat;
filter:alpha(opacity=20);
-moz-opacity:0.2;
opacity:0.2;
float:none;
padding:0;
margin:0;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto{margin-top:60px;}
#wrapper #container #content .aboutcont .casesdit .casesphoto ul{
	width:700px;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto ul li{
	float:left;
	width:75px;
	height:50px;
	text-align:center;
	display:inline;
	text-align:center;
	margin:0 0 10px 10px;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto ul li.top{
  margin-left:0;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto .motion {
    width: 700px;
	min-height:530px;
	height:auto!important;
	height:530px;
	margin-bottom:5px;
    display: none;
	text-align:center;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto .motion p{
	text-align:left;
	padding-top:5px;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto #motion_area1{
    display: block;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto a.active {
    font-weight: bold;
    background: #ddd;
}
#wrapper #container #content .aboutcont .casesdit .casesphoto p{
	padding-top:5px; font-size:11px; line-height:1.5;
}
#wrapper #container #content .casesditNum{
	width:730px;
	margin:25px auto 35px;
}
#wrapper #container #content .casesditNum .nowpage{
	text-align:right;
	padding-right:15px;
	padding-bottom:5px;
	font-size:11px;
	color:#FFF;
}

#wrapper #container #content .casesditNum #legerRecom {
	width:700px;
	height:150px;
	position:relative;
	margin:0;
	padding:0;
}

#wrapper #container #content .casesditNum #legerRecom #prev {
	background:url("../images/case-prev.png") no-repeat;
	position:absolute;
	width:10px;
	height:10px;
	top:50px;
	left:0;
	z-index:20;
	height:20px;
	text-indent:-9999px;
	cursor:pointer;
}
#wrapper #container #content .casesditNum #legerRecom #next {
	background:url("../images/case-next.png") no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:50px;
	right:-40px;
	z-index:20;
	height:20px;
	text-indent:-9999px;
	cursor:pointer;
}
#legerRecom #arrow1 a {
	width:20px;
	height:100px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#legerRecom #arrow2 a {
	width:20px;
	height:100px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}


#legerRecom .carousel {
	width:890px;
	position:absolute;
	top:0;
	left:15px;
	z-index:10;
}

#legerRecom .carousel ul li {
	margin-left:10px;
	float:left;
}

#legerRecom .carousel ul li dl{
display:block;
overflow:hidden;
}



#wrapper #container #content .casesditNum dl{
	width:130px;
	height:125px;
	background:url(../images/case-back.jpg) no-repeat;
	text-align:center;
	font-size:10px;
	line-height:1.2;
}
#wrapper #container #content .casesditNum dl:hover,
#wrapper #container #content .casesditNum dl.now{
	background-image:none;
	background-color:#FFF;
}
#wrapper #container #content .casesditNum dl:hover a,
#wrapper #container #content .casesditNum dl.now a{
	color:#333;
}
#wrapper #container #content .casesditNum dl a{
	text-decoration:none;
	color:#999;
	display:block;
}
#wrapper #container #content .casesditNum dl dt{padding-top:5px;}
#wrapper #container #content .casesditNum dl dd a{height:45px;}
#wrapper #container #content .casesditNum .btn{float:left; padding-top:50px;}

#wrapper #container #content .conceptdit ul.content-page li{
float:left;
margin-left:10px;
display:inline;
padding:0;
border:#3F311B 1px dotted;
}
#wrapper #container #content .conceptdit ul.content-page li.top{margin-left:0;	}
#wrapper #container #content .conceptdit ul.content-page li.now{background:#3F311B;	}
#wrapper #container #content .conceptdit ul.content-page li a{
padding:0 10px;
display:block;
text-decoration:none;
font-size:14px;
}
#wrapper #container #content .conceptdit ul.content-page li.now a{color:#FFF;}
#wrapper #container #content .conceptdit p.next-links{float:left; padding:10px 0 0 10px;}
#wrapper #container #content .conceptdit p.prev-links{float:left; padding:10px 10px 0 0;}
.lb-dataContainer .lb-data .lb-caption{padding:10px 0; display:block; line-height:1.5; color:#FFF;}
.lb-dataContainer .lb-data .lb-number{
	background:#FFF;
	color:#333;
	border:1px #FFF solid;
	border-radius:5px;
	padding:5px;
	display:block;
	width:80px;
}
/*-----------------------------concept other---------------------------------------*/
#wrapper #container #content .conceptcontent{
	font-size:14px;
	line-height:2;
	color:#333;
	width:750px;
	background:#F4F0EA;
	padding-top:15px;
}
#wrapper #container #content .conceptcontent h4{
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/concept-mBack.jpg) no-repeat;
	padding:5px 0 30px 25px;
}
#wrapper #container #content .conceptcontent h4.wide{
	background:url(../images/concept-mBackwide.jpg) no-repeat;
}
#wrapper #container #content .conceptdit,
#wrapper #container #content .conceptdit2{
	font-size:13px;
	width:700px;
	margin-left:25px;
	padding-bottom:60px;
}
#wrapper #container #content .conceptdit strong{
	font-size:18px;
	margin-bottom:15px;
}

#wrapper #container #content .conceptdit .lef{float:left;}
#wrapper #container #content .conceptdit .righ{float:right;}

#wrapper #container #content .step dl{
	width:141px;
	float:left;
	background:url(../images/concept-1-5back.jpg) no-repeat top;
}
#wrapper #container #content .step dl.first{
	background:url(../images/concept-1-4back.jpg) no-repeat top;
}
#wrapper #container #content .step dl.last{
	width:136px;
	background:url(../images/concept-1-8back.jpg) no-repeat top;
}
#wrapper #container #content .step dl dt{
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
	vertical-align:middle;
	width:136px;
	color:#333;
	text-align:center;
}
#wrapper #container #content .step dl dt p{
	margin-top:20px;
	margin-bottom:25px;
}
#wrapper #container #content .step dl dd{
	width:136px;
	color:#FFF;
	font-size:12px;
	line-height:1.3;
	background:#000;
}
#wrapper #container #content .step dl dd p{
	padding:10px 5px 15px 5px;
}

#wrapper #container #content .w445{
	width:445px;
}
#wrapper #container #content .w480{
	width:480px;
}
#wrapper #container #content .concept1,
#wrapper #container #content .concept2,
#wrapper #container #content .concept3,
#wrapper #container #content .concept4,
#wrapper #container #content .concept5{font-size:13px;}
#wrapper #container #content .concept1 strong{
	font-size:14px;
}
#wrapper #container #content .concept1 dl dt{
	width:360px;
	float:right;
}
#wrapper #container #content .concept1 dl dd{
	width:300px;
	float:left;
	font-size:11px;
	line-height:1.2;
}

#wrapper #container #content .concept1 dl.dit1 dt{
	width:473px;
	float:left;
}
#wrapper #container #content .concept1 dl.dit1 dd{
	width:200px;
	float:right;
}
#wrapper #container #content .concept1 dl.dit1 a{
	color:#7D6136;
}
#wrapper #container #content .concept2 dl{
	padding-bottom:20px;
	clear:both;
}
#wrapper #container #content .concept2 dl.dit1 dt{
	width:407px;
	float:left;
}
#wrapper #container #content .concept2 dl.dit1 dt strong{
	font-size:12px;
	line-height:1.5;
}
#wrapper #container #content .concept2 dl.dit1 dd{
	width:280px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept2 dl.dit2 dt{
	width:384px;
	float:right;
}
#wrapper #container #content .concept2 dl.dit2 dd{
	width:300px;
	float:left;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept2 dl.dit3 dt{
	width:427px;
	float:left;
}
#wrapper #container #content .concept2 dl.dit3 dd{
	width:240px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept2 dl.dit4 dt{
	width:370px;
	float:right;
}
#wrapper #container #content .concept2 dl.dit4 dt strong{
	font-size:14px;
	line-height:2;
}
#wrapper #container #content .concept2 dl.dit4 dd{
	width:300px;
	float:left;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept2 dl.dit5 dt{
	width:443px;
	float:left;
}
#wrapper #container #content .concept2 dl.dit5 dd{
	width:240px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept3 dl{
	padding-bottom:20px;
}
#wrapper #container #content .concept3 dl dt{
	width:428px;
	float:left;
}
#wrapper #container #content .concept3 dl dd{
	width:260px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept3 dl dd img{
	padding-bottom:5px;
}

#wrapper #container #content .concept4 dl{
	padding-bottom:20px;
}
#wrapper #container #content .concept4 dl dt{
	width:400px;
	float:left;
}
#wrapper #container #content .concept4 dl dd{
	width:280px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept4 dl dd img{
	padding-bottom:5px;
}
#wrapper #container #content .concept4 .leftBox{
	float:left;
	width:240px;
}
#wrapper #container #content .concept4 .rightBox{
	float:right;
	width:433px;
	margin-right:5px;
	display:inline;
}

#wrapper #container #content .concept5 dl{
	padding-bottom:20px;
}
#wrapper #container #content .concept5 dl.dit1 dt{
	width:500px;
	float:left;
}
#wrapper #container #content .concept5 dl.dit1 dd{
	width:180px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept5 dl.dit2 dt{
	width:500px;
	float:right;
}
#wrapper #container #content .concept5 dl.dit2 dd{
	width:180px;
	float:left;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept5 dl.dit3 dt{
	width:380px;
	float:right;
}
#wrapper #container #content .concept5 dl.dit3 dd{
	width:300px;
	float:left;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept5 dl.dit4 dt{
	width:380px;
	float:left;
}
#wrapper #container #content .concept5 dl.dit4 dd{
	width:300px;
	float:right;
	font-size:11px;
	line-height:1.2;
}
#wrapper #container #content .concept5 dl dd img{
	padding-bottom:5px;
}


#wrapper #container #content .concept-link ul{
	clear:both;
	padding:10px 0;
	font-size:12px;
	color:#FFF;
	border-bottom:#3F311B 1px solid;
	margin-bottom:20px;
}
#wrapper #container #content .concept-link ul.not{
	clear:both;
	padding:15px 0 0 0;
	border:none;
	margin-bottom:0;
}
#wrapper #container #content .concept-link ul li{
	background:url(../images/concept-point.png) no-repeat left center;
	padding-left:10px;
	float:left;
	padding-right:20px;
}
#wrapper #container #content .concept-link ul li.last{
	padding-right:0;
}
#wrapper #container #content .concept-link ul li a{
	text-decoration:none;
	color:#FFF;
}
#wrapper #container #content .concept-link ul li a:hover{
	text-decoration:underline;
}

#wrapper #container #content .inlineC{
	text-align:center;
}
#wrapper #container #content .normalst{
	font-weight:bold;
}
#wrapper #container #content .red{
	color:#FF0000;
}

#wrapper #container #content .conceptdit .qfaBox dl{
	padding-bottom:30px;
}

#wrapper #container #content .conceptdit .qfaBox dl dt{
	height:60px;
	background:#7D6136 url(../images/faq-q.jpg) no-repeat left;
	background-position:10px 16px;
}

#wrapper #container #content .conceptdit .qfaBox dl dt p{
	color:#FFF;
	line-height:1.1;
	font-size:14px;
	font-weight:bold;
	padding:20px 0 0 50px;
}
#wrapper #container #content .conceptdit .qfaBox dl dd{
	background:#FFF url(../images/faq-a.jpg) no-repeat left top;
	padding:20px 20px 30px 50px;
	background-position:10px 20px;
	font-size:12px;
}
#wrapper #container #content .conceptdit ul li{float:left; padding:20px 0 0 20px;}
#wrapper #container #content .conceptdit ul li.top{padding-left:0;}

#wrapper #container #content ul.casesamplelist li{
	width:340px;
	height:50px;
	margin:20px 20px 0 0;
	float:left;
	display:inline;
}
#wrapper #container #content ul.casesamplelist li a{
	text-indent:-9999px;
	display:block;
	width:340px;
	height:50px;
}
#wrapper #container #content ul.casesamplelist li.case1 a{
	background:url(../images/Until5_out.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case2 a{
	background:url(../images/Until6_out.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case3 a{
	background:url(../images/Until7_out.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case4 a{
	background:url(../images/Until8_out.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case1 a.active{
	background:url(../images/Until5_over.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case2 a.active{
	background:url(../images/Until6_over.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case3 a.active{
	background:url(../images/Until7_over.png) no-repeat;
}
#wrapper #container #content ul.casesamplelist li.case4 a.active{
	background:url(../images/Until8_over.png) no-repeat;
}
#wrapper #container #content #motion_area1{
	display:block;
}
#wrapper #container #content .motion{
	display:none;
}

#wrapper #container #content .motion .until-case .until-cases{
	padding-bottom:20px;
	background:url(../images/Until-point.jpg) no-repeat bottom left;
}
#wrapper #container #content .motion .until-case .until-cases.last{
	background:none;
}
#wrapper #container #content .motion .until-case .until-cases table{
	border-top:#6D6453 1px dotted;
	border-bottom:#6D6453 1px dotted;
}
#wrapper #container #content .motion .until-case .until-cases table th{
	background:#6D6453;
	margin:2px 0;
	font-size:14px;
	color:#FFF;
}
#wrapper #container #content .motion .until-case .until-cases table td{
	font-size:12px;
	line-height:1.5;
	padding:10px 5px;
}
/* blog */
#wrapper .h-navi{float:left; width:510px; padding:30px 0 15px;}
#wrapper .h-navi ul li{float:left; padding-right:1px;}

#wrapper #navigation3{
	width:935px;
	clear:both;
	border-top:#3F311B 1px solid;
	border-bottom:#3F311B 1px solid;
	padding:12px 0 21px;
	margin:45px 0 40px 20px;
}
#wrapper #navigation3 p.blogTit{
	padding:9px 70px 0 20px;
	float:left;
}
#wrapper #navigation3 .blogtex{
	float:left;
	width:630px;
	height:40px;
}
#wrapper #navigation3 .blogtex p{
	color:#FFF;
	line-height:1.5;
	font-size:18px;
}
#wrapper #navigation3 .blogtex h2{
	color:#FFF;
	line-height:1.5;
	font-size:17px;
}

#wrapper #left-blog{
	width:200px;
	margin-left:20px;
	float:left;
	display:inline;
}
#wrapper #left-blog .leftBox{
	background:#F4F0EA;
	padding:5px 0 20px;
	font-size:11px;
	line-height:1.5;
	color:#333;
	margin-bottom:20px;
}
#wrapper #left-blog ul.icon{
    padding-bottom:20px;
}
#wrapper #left-blog ul.icon li{
    float:left;
	margin-right:10px;
	background:none;
	display:inline;
	width:50px;
	padding-left:0;
	margin-top:-10px;
}

#wrapper #left-blog .leftBox a{
	text-decoration:none;
	color:#333;
}
#wrapper #left-blog .leftBox a:hover{
	text-decoration:underline;
}
#wrapper #left-blog .leftBox h3{
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/blog-lBack.jpg) no-repeat;
	padding:5px 0 20px 5px;
}
#wrapper #left-blog .leftBox p{
	padding:0 10px;
}
#wrapper #left-blog .leftBox ul{
	margin-left:10px;
}
#wrapper #left-blog .leftBox ul li{
	background:url(../images/blog-point.jpg) no-repeat top left;
	background-position:0 2px;
	padding-left:12px;
	margin-top:5px;
}
#wrapper #left-blog .leftBox .submit{
	padding:2px 4px;
}

#wrapper #container #content .blogcontent{
	width:710px;
	background:#F4F0EA;
}

.blogcontent .blogdit .entry-content p{font-size:13px;}

#wrapper #container #content .blogcontent .nav-previous{
    float:left;
}
#wrapper #container #content .blogcontent .nav-next{
    float:right;
}
#wrapper #container #content .blogcontent .nav-previous a,
#wrapper #container #content .blogcontent .nav-next a{
    color:#7D6136;
	text-decoration:none;
}
#wrapper #container #content .blogcontent .blot{
  padding:0 20px 0 20px;
}
#wrapper #container #content .blogcontent .day{
	font-size:14px;
	color:#7D6136;
	font-weight:bold;
	padding:20px 0 5px 25px;
	clear:both;
}
#wrapper #container #content .blogcontent h4{
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/blog-mBack.jpg) no-repeat;
	padding:5px 0 30px 25px;
	clear:both;
}
#wrapper #container #content .blogdit{
	width:660px;
	margin-left:25px;
}
#wrapper #container #content .blogdit .entry-content p{
    padding:3px 0;
}
#wrapper #container #content .blogdit .blog-info{
	color:#666;
	text-align:right;
	border-top:1px solid #CCC;
	padding:5px 0 50px;
	margin-top:20px;
}
#wrapper #container #content .blogdit .blog-info a{
	color:#666;
	text-decoration:none;
}
#wrapper #container #content .blogdit .blog-info a:hover{
	text-decoration:underline;
}


#wrapper #container #content .blogdit .blog-info .entry-utility a{
  text-decoration:underline;
  color:#5F5F5F;
  cursor:pointer;
}



#wrapper #container #content.month-arc h3{
font-size: 22px;
color: white;
font-weight: bold;
background: url(../images/blog-mBack.jpg) no-repeat;
padding: 5px 0 30px 25px;
clear: both;
margin-top: 20px;
}

#wrapper #container #content.month-arc{
background: #F4F0EA;
color:#333;
}

#wrapper #container #content .pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
display:inline-block;
}
 
#wrapper #container #content .pagination span,
#wrapper #container #content .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#7D6136;
background: #F4F0EA;
}
 
#wrapper #container #content .pagination a:hover{
color:#fff;
background: #3F311B;
}
 
#wrapper #container #content .pagination .current{
padding:6px 9px 5px 9px;
background: #3F311B;
color:#fff;
}


/*------------------ works  ----------------------------*/
#wrapper #navigation2.workshead{
	width:100%!important;
	margin-bottom:30px;
}
#wrapper #navigation2.workshead .navi1{
	margin-bottom:10px;
}
#wrapper #navigation2.workshead h2{
	clear:both;
	padding:12px 20px;
	border-top:#3F311B 1px solid;
}

#wrapper #container2{
	width:100%;
}
#wrapper #container2 #workscont{
	padding:0 20px 10px 20px;
}
#wrapper #container2 #workscont dl{
	float:left;
	width:195px;
	height:188px;
	margin:0 0 9px 9px;
	display:inline;
	text-align:center;
	background:#CCC;
}

#wrapper #container2 #workscont dl:hover{
	background:#FFF;
}
#wrapper #container2 #workscont dl dt{
	padding-top:10px;
}
#wrapper #container2 #workscont dl dt a{
	display:block;
}
#wrapper #container2 #workscont dl dd{
	width:185px;
	height:45px;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
}
#wrapper #container2 #workscont dl dd a{
	display:block;
	text-decoration:none;
	width:175px;
	height:35px;

}
#wrapper #container2 #workscont dl dd p{
	font-size:10px;
	color:#333;
	line-height:1.1;
}

/*-------- works 2016.11.25add ------*/
#workscont{
	position:relative;
}
#workscont #worksIncont{
	width:200px;
	position:absolute;
	left:20px;
	top:10px;
}
#workscont #worksIncont .worksName {
    padding: 0 0 15px 10px;
    font-size: 14px;
    color: #FFF;
}
#workscont #worksIncont .worksName span {
    font-size: 12px;
    display: block;
    padding-top: 10px;
}
#workscont #worksIncont #thumbs ul.thumbs{
	overflow:hidden;
}
#workscont #worksIncont #thumbs ul.thumbs li {
    float: left;
    padding: 9px 0 0 9px;
    list-style: none;
}
#workscont #worksIncont #thumbs ul.thumbs li a img{
	opacity:0.6;
}
#workscont #worksIncont #thumbs ul.thumbs li a.active img{
	opacity:1;
}
#workscont #worksIncont .worksBtn {
    clear: both;
    padding: 10px 0 0 10px;
}
#workscont #worksIncont .worksBtn .lef {
    float: left;
}
#workscont #worksIncont .worksBtn .rig {
    float: right;
    padding-right: 20px;
}
#workscont #worksIncont .worksBtn .back {
    clear: both;
    padding-top: 25px;
}

#workscont #gallery{
	width:auto;
	padding:0 100px 0 200px;
	text-align:center;
}
#workscont #gallery img{
	width:auto;
	height:auto;
	max-width:800px;
	max-height:680px;
}
#workscont #gallery .motion{
	display:none;
}
#workscont #gallery #motion_area1{
	display:block;
}
body.works_back .lb-nav a{
	cursor:pointer;
}
body.works_back .lb-data .lb-details{
	display:none;
}

/*---------------- comment -------------*/
#wrapper #container #content .blogdit .commentBox #comments h3{
border:none;
padding:0 0 5px 0;
font-weight:bold;
}
#wrapper #container #content .blogdit .commentBox #comments .inputtext{
    padding-top:5px;
}
#wrapper #container #content .blogdit .commentBox #comments .textarea{
    padding-top:5px;
}
#wrapper #container #content .blogdit .commentBox #comments .commentlist{
  border-bottom:#CCC 1px dotted;
  padding-bottom:5px;
  margin-bottom:5px;
}
#wrapper #container #content .blogdit .track{
    padding:10px 0;
}

#wrapper #container #content .blogdit #nav-below{
    padding:10px 0 30px;
	border-top:#CCCCCC 1px solid;
}
#wrapper #container #content .blogdit #nav-below .nav-next{
  text-align:right;
}
#pop,#pop2 {
    display:none;
}

/*---------------- arcive -------------*/
#wrapper #container #content.month-arc{width:700px!important;}
#wrapper #container #content.month-arc,
#wrapper #container #content.month-arc a{
color:#333;
}
#wrapper #container #content.month-arc h2{
border:none;
padding:10px 0 10px 0;
font-size:14px;
}

#wrapper #container #content.month-arc .type-post,
#wrapper #container #content.month-arc .type-cases,
#wrapper #container #content.month-arc .type-page{
padding:0 5px 5px 5px;
margin:5px 5px 15px 5px;
border-bottom:#3F311B 1px dotted;
}


#wrapper #container #content.month-arc .nav-previous{
  padding:10px  0 5px 0;
}
#wrapper #container #content.month-arc .nav-next{
  padding:0 0 5px 0;
  text-align:right;
}
/* content footer */

#wrapper #foot{
  width:100%;
  clear:both;
}
#wrapper #foot p{margin:0 auto;}
#wrapper #foot .add{
  float:right;
  width:364px;
  height:11px;
  margin:0px 10px 10px 0;
  display:inline;
  background:url(../images/copyright.png) no-repeat;
  text-indent:-9999px;
}
#wrapper #foot .topto{
	width:35px;
	height:45px;
	background:url(../images/f-top.png) no-repeat;
	text-indent:-9999px;
}
#wrapper #foot .topto a{
	display:block;
	height:45px;
}
#wrapper #foot .footBotttom{
	clear: both;
	background: #000;
	overflow: hidden;
	border-top: #3F311B 1px solid;
	padding: 3px 5px;
}
#wrapper #foot .footBotttom h5 {
	color: #876738;
	font-size: 10px;
	line-height: 1;
	float: left;
	padding: 2px 0 2px 15px;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, 'メイリオ', sans-serif;
	font-weight: normal;
}
#wrapper #foot .footBotttom address {
	width: 360px;
	float: right;
	margin-right: 5px;
	display: inline;
	line-height:1;
}


#wrapper #container #content.month-arc .entry-utility{display:none;}


/* floatMenu */
#wrapper #navigation.floatMenu{
	position:fixed;
	top:0;
	display:none;
	background-color:#000;
	height:75px;
	z-index: 999;
}
#wrapper #navigation.floatMenu p.logo{
	margin: 15px 30px 0 20px;
	background: url(../images/top-rogo.png) no-repeat;
	text-indent: -99999px;
	width: 150px;
	height: 47px;
	float: left;
}
#wrapper #navigation.floatMenu p.logo a{
	display: block;
	width: 100%;
	height: 100%;
}



/*------------------ 2015.2.24追加  ----------------------------*/
#topContents{
	background:#000;
	font-size:14px;
	color:#333;
	line-height:1.5;
}
#topContents .bottom-right{
	padding-left:170px;
}
#bottom-news{
	background:#F4F0EA;
	padding:50px 0 50px 30px;
}
#bottom-news .bottom-right{
	background:url(../images/top-news.gif) no-repeat left;
}
#bottom-news ul{
	border-left:1px #3F311B solid;
	padding:20px 0 0 40px;
}
#bottom-news ul li{
	padding-bottom:20px;
}
#bottom-news ul li span.day{
	padding-right:15px;
}
#bottom-news ul li span.icon{
	display:inline-block;
	font-size:11px;
	line-height:1;
	padding:5px 0 3px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	width:56px;
	margin-right:10px;
}
#bottom-news ul li span.icon-blog{
	background:#502D2C;
}
#bottom-news ul li span.icon-case{
	background:#2D4F3E;
}
#bottom-news ul li span.icon-work{
	background:#303858;
}
#bottom-news ul li span.icon-view{
	width: 76px;
    background: #A78B1F;
}
#top-works{
	background:#000;
	padding:50px 0 50px 30px;
}
#top-works .bottom-right{
	background:url(../images/top-works.gif) no-repeat left;
}
#top-works .slider{
	border-left:1px #3F311B solid;
	padding:40px 40px 20px ;
}
#top-works .slider .slick-prev{
	background:url(../images/top-works_prev.gif) no-repeat;
	width:22px;
	height:33px;
	left:-110px;
	top:160px;
	text-indent:-9999px;
}
#top-works .slider .slick-next{
	background:url(../images/top-works_next.gif) no-repeat;
	width:22px;
	height:33px;
	left:-70px;
	top:160px;
	text-indent:-9999px;
}
#top-works .slider{
	color:#FFF;
	text-align:center;
	font-size:11px;
}
#top-works .slider strong{
	font-weight:normal;
	display:block;
	font-size:12px;
}
#top-works .slider .slick-slide{
	padding:0 10px;
}
/** view **/
#top-view{
	background:#000;
	padding:50px 0 50px 30px;
	border-top:1px #808080 solid;
	border-bottom:1px #808080 solid;
}
#top-view .bottom-right{
	background:url(../images/top-view.gif) no-repeat left;
}
#top-view .slider{
	border-left:1px #3F311B solid;
	padding:20px 40px;
}
#top-view .slider .slick-prev{
	background:url(../images/top-view_arrow.png) no-repeat;
	width:13px;
	height:20px;
	left:20px;
	top:50%;
	margin-top:-10px;
	text-indent:-9999px;
}
#top-view .slider .slick-next{
	background:url(../images/top-view_arrow.png) no-repeat right;
	width:13px;
	height:20px;
	right:20px;
	top:50%;
	margin-top:-10px;
	text-indent:-9999px;
}
#top-view .slider{
	color:#FFF;
	text-align:center;
	font-size:11px;
}
#top-view .slider strong{
	font-weight:normal;
	display:block;
	font-size:12px;
}
#top-view .slider .slick-slide{
	padding:0 10px;
}
#top-view div.photoBox{
	float:left;
	width:174px;
	overflow:hidden;
	padding:3px;
	background:#FFF;
}
#top-view div.photoBox a{
	display:block;
	width:100%;
	height:100%;
}
#top-view div.photoBox span{
	display:block;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
	text-indent:-9999px;
	font-size:0;
}
#top-view  div.photoBox a span:before {
    content:"";
    display: block;
    padding-top: 78%;
}

/** concept **/
#top-concept{
	background:#3F311B;
	padding:50px 0 50px 30px;
}
#top-concept .bottom-right{
	background:url(../images/top-concept.gif) no-repeat left;
}
#top-concept .concept-text{
	border-left:1px #7D6136 solid;
	padding:30px 20px 30px 40px;
	color:#FFF;
}
#top-menu{
	background:#000;
	padding:50px 0 50px 30px;
}
#top-menu .bottom-right{
	background:url(../images/top-menu.gif) no-repeat left;
	display:flex;
}
#top-menu .botttom-menu{
	border-left:1px #3F311B solid;
	padding:30px 0 20px;
}
#top-menu .botttom-menu ul{
	padding-bottom:10px;
	padding-left:35px;
	display:flex;
}
#top-menu .botttom-menu ul li{
	width:100px;
}
#top-menu .botttom-menu ul li a{
	color:#FFF;
	text-decoration:none;
}
#top-menu .botttom-menu ul li a:hover{
	text-decoration:underline;
}
#top-menu .botttom-menu ul li a i{
	color:#7D6136;
	margin-right:5px;
}
#top-menu .botttom-menu ul li:nth-child(2){
	width:120px;
}
#top-menu .bottom-inq{
	padding-top:32px;
}
#top-menu .social{
	margin-right: auto;
	padding-left:40px;
}
#top-menu .social ul{
	padding-top:32px;
	display:flex;
}
#top-menu .social ul li{
	background:#FFF;
	border-radius:50%;
	font-size:24px;
	line-height:1;
	width:32px;
	text-align:center;
	margin-left:10px;
}
#top-menu .social ul li a{
	display:block;
	width:100%;
	height:100%;
}

#top-menu .social ul li:nth-child(1):hover{
	background:#415E9B;
}
#top-menu .social ul li:nth-child(2):hover{
	background:#2CA7E0;
}
#top-menu .social ul li:nth-child(3):hover{
	background:#FB7629;
}
#top-menu .social ul li i{
	padding:4px 0;
	color:#000;
}
#top-menu .social ul li:hover i{
	color:#FFF;
}
#topContents footer{
	border-top:1px #3F311B solid;
	text-align:center;
	padding-top:9px;
}
#topContents footer .copy{
	margin-top:9px;
	padding:20px 0 15px;
	border-top:1px #3F311B solid;
	color:#999;
	font-size:12px
}
#topContents footer .copy address{
	font-style:normal;
}




/* background */
body{background:url(../images/back-blog2.jpg) no-repeat #232323 fixed;}
.about_back{background:url(../images/back-about2.jpg) no-repeat #232323 fixed!important;}
.recruit_back{background:url(../images/back-rec2.jpg) no-repeat #232323 fixed!important;}
.access_back{background:url(../images/back-access2.jpg) no-repeat #232323 fixed!important;}
.case_back{background:url(../images/back-cases2b.jpg) no-repeat #232323 fixed!important;}
.caselist_back{background:url(../images/back-case2.jpg) no-repeat #232323 fixed!important;}
.concept_back{background:url(../images/back-concept2.jpg) no-repeat #232323 fixed!important;}
.contact_back{background:url(../images/back-contact2.jpg) no-repeat #232323 fixed!important;}
.blog_back{background:url(../images/back-blog2.jpg) no-repeat #232323 fixed!important;}
.abouthop_back{background:url(../images/back-hopabout.jpg) no-repeat #232323 fixed!important;}
.construction_back{background:url(../images/back-construction.jpg) no-repeat #232323 fixed!important;}
.works_back{background:#232323!important;}