@charset "UTF-8";
@import url("story.css");
/* CSS Document */

.slider{ position: relative; 
overflow: auto;
height:400px; 
}
.slider li { list-style: none; }
.slider ul li { float: left; }



.concept {
   
   height:800px;
   background-image:url(../img/back_1.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size:cover;
   background-color: #231815;
   text-align:center;
   padding-top:100px;
}


.story_1 {
   
   height:800px;
   background-image:url(../img/story/story_back.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size:cover;
   background-color: #F6F1DA;
   text-align:center;
   padding-top:50px;
   padding-bottom:50px;
   font-size:14px;
   line-height:30px;
   border-bottom:1px #999 solid;
}




#container {
   height:650px;
   width:100%;
   position:relative;
margin:0px auto;
}



#overlap {
	width: 657px;
	height: 220px;
	text-align: center;
	position: absolute;
	top: 353px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px auto;
	z-index: 10;
}

#overlap02 {
	width: 80%;
	height: 30px;
	position: absolute;
	top: -2px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px auto;
	z-index: 10;
}

#overlapsub {
	width: 80%;
	height: 30px;
	position: absolute;
	top: 59px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px auto;
	z-index: 10;
}



#iedukuri {
	font-size: 11px;
	line-height: 20px;
	width: 105px;
	height: 167px;
	position: absolute;
	top: 134px;
	right: 751px;
	z-index: 10;
}

#iedukuri_sub {
	font-size: 11px;
	line-height: 20px;
	width: 105px;
	height: 79px;
	position: absolute;
	top: 40px;
	right: 751px;
	z-index: 10;
}

#renovation {
	font-size: 11px;
	line-height: 20px;
	width: 105px;
	height: 167px;
	position: absolute;
	top: 134px;
	right: 461px;
	z-index: 10;
}

#renovation_sub {
	font-size: 11px;
	line-height: 20px;
	width: 161px;
	height: 85px;
	position: absolute;
	top: 41px;
	right: 459px;
	z-index: 10;
}

#cafe {
	font-size: 11px;
	line-height: 19px;
	width: 105px;
	height: 180px;
	position: absolute;
	top: 134px;
	right: 172px;
	z-index: 10;
}

#cafe_sub {
	font-size: 11px;
	line-height: 19px;
	width: 105px;
	height: 80px;
	position: absolute;
	top: 38px;
	right: 164px;
	z-index: 10;
}

#story {
	font-size: 11px;
	line-height: 19px;
	width: 53px;
	height: 43px;
	position: absolute;
	top: -2px;
	right: 757px;
	z-index: 10;
}


#works {
	font-size: 11px;
	line-height: 19px;
	width: 66px;
	height: 43px;
	position: absolute;
	top: -2px;
	right: 643px;
	z-index: 10;
}

#cafem {
	font-size: 11px;
	line-height: 19px;
	width: 58px;
	height: 43px;
	position: absolute;
	top: -2px;
	right: 540px;
	z-index: 10;
}

#event {
	font-size: 11px;
	line-height: 19px;
	width: 63px;
	height: 43px;
	position: absolute;
	top: -1px;
	right: 429px;
	z-index: 10;
}

#company {
	font-size: 11px;
	line-height: 19px;
	width: 92px;
	height: 43px;
	position: absolute;
	top: -3px;
	right: 302px;
	z-index: 10;
}

#contact {
	font-size: 11px;
	line-height: 19px;
	width: 78px;
	height: 43px;
	position: absolute;
	top: -2px;
	right: 188px;
	z-index: 10;
}


#shinchiku {
	font-size: 11px;
	line-height: 19px;
	width: 172px;
	height: 43px;
	position: absolute;
	top: -2px;
	right: 700px;
	z-index: 10;
}


#rinov {
	font-size: 11px;
	line-height: 19px;
	width: 122px;
	height: 41px;
	position: absolute;
	top: 0px;
	right: 128px;
	z-index: 10;
}

#taishin {
	font-size: 11px;
	line-height: 19px;
	width: 172px;
	height: 43px;
	position: absolute;
	top: -3px;
	right: 406px;
	z-index: 10;
}





.border {
	width:100%;
	height:2px;
	background-image:url(../img/border.jpg);
	background-repeat: repeat-x;
}




div.feed {
	padding:0pc;
}


div.feed ol {
border-top: 1px #fff; /* ランキングリストの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
div.feed li {
	 list-style:none;
padding: 9px 0 9px 0px; /* 項目のパディング（上右下左） */
border-bottom: 1px #fff; /* 項目の下境界線 */
line-height: 120%;
margin-left:0px;
list-style-type: none;
}
/* --- Questionエリア --- */
ol.feed dt {
margin: 0;
padding: 5px 0 5px 0px; /* Questionエリアのパディング（上右下左） */
line-height: 120%;
}

/* --- Answerエリア --- */
ol.feed dd {
margin: 0;
padding: 2px 0 6px 0px; /* Answerエリアのパディング（上右下左） */
line-height: 150%;
}

.sample_01{
border-collapse: collapse;
margin: 0px auto 00px auto;
background-color: #F6F1DA;


}
.sample_01 th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
border: 0px solid #b9b9b9;
}
.sample_01 td{
	text-align:left;
padding: 6px;
border: 0px solid #b9b9b9;
}