@charset "utf-8";
/* CSS Document */

@import url("init.css");
body{
	font-family: serif,"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "細明朝体";
	font-size:12px;
}
em{
font-size:10px;
font-style:normal;
letter-spacing:1px;
}
a:link,a:visited{
color:#FF6600;
text-decoration:none;
}
#wrapper {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	
}
#main {
	width: 800px;
	margin-top:12px;
}
#header{
width:800px;
height:54px;
}
#menu{
width:800px;
height:28px;
}
#header h1{
	background: url(../image/common/logo.gif) no-repeat;
	text-indent:-9999px;
	height:22px;
}
#header h2{
text-indent:-9999px;
}
#header-left{
width:391px;
height:22px;
margin-top:18px;
float:left;
}
#header-right{
margin-top:20px;
	float:right;
	width:163px;
	height:16px;
	background: url(../image/common/header_txt.gif) no-repeat;
}

#main .top-left{
float:left;
width:532px;

}
#main .top-right{
float:right;
width:264px;
}
.img-pad{
margin-bottom:4px;
}
.news{
margin-top:10px;
}
.news h3{
	background: url(../image/top/news_title.gif) no-repeat;
	border-bottom: 1px solid #000;
	text-indent:-9999px;
	padding-bottom:3px;
}
.news dl{
font-size:10px;
letter-spacing:1px;
padding-top:5px;
padding-bottom:6px;
}
.news dt{
	float:left;  
 width:70px;  
 padding:3px 0 3px 0;  
 clear:both;  
}
.news dd{

 margin-left:60px;  
 padding:3px 5px 3px 0;  
}
.news a{
color:#000000;
}
.news a:hover{
text-decoration:underline;
}
.news-text{
	height:97px;
	overflow: auto;
}
.event-menu{
	border-top: 1px solid #000;
	margin-top:25px;
	padding-top:6px;
}

/** safari用のCSS hack **/
/* safari only \*/
html:\66irst-child #navi {
margin-top:20px;
}
/* end */

#footer{
	clear:both;
	border-top: 1px solid #000;
	padding-top:4px;
	font: 10px/1.6em serif,"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "細明朝体";
}
#ba{
margin-top:20px;
}
.concept{
	width:680px;
	background: #E6F5F5;
	padding: 60px 70px 60px 50px;
	margin-bottom:20px;
	
}
.concept .concept-left{
float:left;
height:auto;
font-family: serif,"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体" ;
}
.concept .concept-right{
float:right;
height:auto;
}

.concept p{
font-size:12px;
margin-top:20px;
line-height:2em;
}
.workflow,#work{
width:800px;
	background: #E6F5F5;
padding: 60px 0px 60px 0px;
	margin-bottom:20px;
}
.flow{
	width:612px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 70px;
	margin-top:70px;
	border-top: 1px solid #000000;
	clear:both;
	font-size:12px;
}
.flow-left{
float:left;
width:270px;
}
.flow-right{
float:right;
width:333px;
}
.flow-right p{
line-height:2;
}
.flow-right img{
margin-bottom:5px;
}
.flow-right strong{
color:#35ABD1;
font-weight:normal;
}
.flow-right a,.backtop a{
color:#FF6600;
text-decoration:none;
}
.flow-arrow{
margin-left:120px;
margin-right:auto;
margin-top:30px;
}
.backtop{
	width:612px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	margin-top:70px;
	border-top: 1px solid #000000;
	clear:both;
	font-size:12px;
	
}
.backtop a{
padding-left:20px;
background: url(../image/workflow/top_arrow.gif) no-repeat;
}

#work:after,.flow:after,.workflow:after,.concept:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;  
	visibility: hidden; 
}
/*\ バックスラッシュでMacIE回避*/
#work,.flow,.concept,.workflow {
	_height: 1%; 
}
/* MacIE回避終わり */
.concept-menu{
	width:264px;
	margin-top:270px;
}
.concept-menu img{
margin-top:4px;
}
.workflow .cap{
	width:572px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	padding: 20px;
	height:300px;

}
.cap-left{
float:left;
width:317px;
margin-top:20px;
}
.cap-right{
float:right;
width:221px;
margin-top:20px;
}


.work-archive,.access,.contact{
width:612px;
margin-left:auto;
margin-right:auto;

}
.work-archive h3,.access h3{
	border-bottom: 1px solid #000000;
	font-family: "ヒラギノ角ゴ Pro W3","MS UI Gothic", Osaka,  "ＭＳ Ｐゴシック";
	margin-bottom:15px;
	padding-bottom:5px;
}
.work-archive h5{
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px;
	letter-spacing:1px;
}
.work-left{
float:left;
width:280px;
font-size:10px;
}
.work-des{
margin-top:40px;
margin-bottom:50px;
}
.works{
margin-top:20px;
margin-bottom:20px;
width:572px;
height:160px;
color:#000000;

padding:20px;
vertical-align:top;
}
a.lnk:link,a.lnk:visited{
display:block;
background-color:#FFFFFF;
}
a.lnk:hover{
	display:block;
	background: url(../image/work/over_bg.gif);
}

.works-thum{
	margin-right:20px;
	float:left;
	width:263px;
	height:160px;
	background: url(../image/work/laterrasse_s.jpg) no-repeat;
}
.works-thum2{
	margin-right:20px;
	float:left;
	width:263px;
	height:160px;
	background: url(../image/work/sudbury_s.jpg) no-repeat;
}
.works-thum3{
	margin-right:20px;
	float:left;
	width:263px;
	height:160px;
	background: url(../image/work/ventvert_s.jpg) no-repeat;
}
.works-name{
float:left;
height:160px;
}
.works-name p{
margin-top:20px;
}
.works-name em{
font-size:12px;
	border: 1px solid #35ABD1;
	padding:3px;
	margin-left:20px;
	color:#35ABD1;
}
.nolink{
background-color:#FFFFFF;
}
.work-right{
float:right;
line-height:2;
width:300px;
padding-left:2px;
}
.work-right p{
margin-bottom:20px;
}
.work-image{
padding-top:50px;
clear:both;
}
.work-image img,.life-right img{
margin-bottom:2px;
}
.work-image p{
font-size:10px;
margin-top:5px;
line-height:1.8;
}
.work-archive .title-pad{
margin-top:50px;
margin-bottom:20px;
}
.lifestyle{
margin-top:30px;
padding-bottom:30px;
background-color:#FFFFFF;
clear:both;
}
.lifestyle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;  
	visibility: hidden; 
}
/*\ バックスラッシュでMacIE回避*/
.lifestyle {
	_height: 1%; 
}
/* MacIE回避終わり */
.lifestyle h3{
	margin:0;
	padding:0;
	height:32px;
	background: #35ABD1 url(../image/work/ti_lifestyle.gif) no-repeat;
	border-bottom-style: none;
	text-indent:-9999px;
}
.life-text{
padding:30px;
clear:both;
}
.life-left{
float:left;
width:270px;
line-height:2;
}
.life-left p{
margin-left:10px;
}
.life-left strong{
font-weight:normal;
color:#35ABD1;
margin-left:-10px;
}
.life-right{
width:265px;
float:right;
font-size:10px;
line-height:2;
text-align:right;

}
.life-right p{
margin-bottom:20px;
}
.access h2{
font-family: "ヒラギノ角ゴ Pro W3","MS UI Gothic", Osaka,  "ＭＳ Ｐゴシック";
	margin-bottom:10px;
	margin-top:20px;
	
}
.access p{
font-size:10px;
line-height:2;
letter-spacing:1px;
}
.access .logo img{
margin-top:30px;
}
#contactmenu{
	width:800px;
	height:26px;
	background-color:#B5DFE4;
	margin-bottom:10px;
	border-top: 1px solid #000000;
}
.contact table{
margin-top:20px;
}
.contact{
margin-bottom:20px;
}
.contact td,.contact th{
	text-align:left;
	padding:10px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
.contact em{
	font-style: normal;
	color: #FF3300;
}
.contact-form{
height:20px;
width:350px;
}
.contact-zip{
height:20px;
}
.contact-com{
width:350px;
}