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

@import url("init.css");

html , body {
background-color: #fff;

}
#header{
width:640px;
height:39px;
position:absolute;
z-index:2;
}

#wrapper {
width:12000px;
height:6300px;
}
#main {

overflow: auto;
position: relative;
width: 10800px;
height: 100%;

}
#main1{
width:10800px;
height:6300px;
}
#mainContentsInner {
padding: 105px 0 50px;
}
#top1,#top2,#top3{
width:11200px;

}
#contents1{
	width:700px;
	height:500px;
	
	float:left;
}
#contents1 img{
margin-top:126px;
margin-left:483px;
}
#contents2{
	width:7000px;
	height:552px;
	position:absolute;
	left:2200px;
	padding-top:160px;
}
#contents1,#contents3{
background: url(../image/common/menu_bg_all.gif) no-repeat 172px 34px;
}
#contents3{
	width:1400px;
	position:absolute;
	left:9800px;
	height:900px;
}
#contents3-1{
	width:400px;
	position:absolute;
	left:11200px;
}
.menutable{
margin-top:60px;
margin-left:172px;
}
.menutable img{
margin-bottom:7px;
}
.logo{
margin-left:172px;
margin-top:110px;
}
.caption{
margin-left:172px;
margin-top:60px;
}
.copyright,.welcome{
	margin-top:100px;
	margin-left:172px;
	font: 10px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.welcome{
width:200px;
margin-top:60px;
}

#photo1,#photo2,#photo3,#photo4,#worktop,#concept,#link,#news,#blog{
	width:900px;
	height:900px;
	position:absolute;
	left: 0px;
}
#photo1{
	
	left:1400px;
	top:900px;
	width:260px;
	height:240px;
	padding-left:560px;
	padding-top:492px;
}
#photo2{
	left:4200px;
	top:900px;
	width:1200px;
	height:900px;
}
#photo3{
	left:5600px;
	top:900px;
	width:400px;
	height:240px;
	padding-left:500px;
	padding-top:492px;
}
#photo4{
	left:7000px;
	top:900px;
	width:400px;
	height:240px;
	padding-left:400px;
	padding-top:492px;
}
#worktop{
	top:6300px;
	padding-top:75px;
	padding-left:174px;
	width:1226px;
	height:900px;
	font-size:12px;
}
#worktop .other{
	border-bottom: 5px solid #000000;
	padding-bottom:20px;
	width:468px;
	text-align:right;
}
#worktop .contents {
	width:468px;
	
	margin-top:40px;
}
#worktop .contents .thum{
	width:468px;
	margin-top:20px;
	padding-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 5px solid #000000;
	height:96px;
}
.thum-left{
float:left;
width:350px;
height:96px;
}
.thum-left a{
text-decoration:none;
color:#000000;
}
.thum-left img{
margin-right:20px;
}
.thum-right{
float:right;
width:50px;
text-align:right;
padding-top:64px;
}
#worktop .contents p{
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
}
#worktop .contents p a:link,#worktop .contents p a:visited{
text-decoration:none;
color:#000000;
}
#worktop .contents p a:hover{
text-decoration:none;
color:#999999;
}
#works1,#works2,#works3,#works4,#works5,#works6,#works7,#works8,#works9,#works10,#works11,#works12,#works13,#works14,#works15,#works16,#link,#joboffer,#about,#contact{
width:1400px;
height:900px;
position:absolute;
}
#works1{
top:6300px;
left:1400px;
}
#works2{
top:6300px;
left:2800px;
}
#works3{
top:6300px;
left:4200px;
}
#works4{
top:6300px;
left:5600px;
}
#works5{
top:4500px;
left:0px;
}
#works6{
top:4500px;
left:1400px;
}
#works7{
top:4500px;
left:2800px;
}
#works8{
top:4500px;
left:4200px;
}
#works9{
top:1800px;
left:0px;
}
#works10{
top:1800px;
left:1400px;
}
#works11{
top:1800px;
left:2800px;
}
#works12{
top:1800px;
left:4200px;
}
.works,#worktop{
background: url(../image/works/menu_bg.gif) no-repeat 172px 34px;
}
.works{
width:700px;
height:600px;
padding-top:120px;
	padding-left:174px;
		
	font-size:10px;
}
.works h3{
font-size:14px;
font-weight:normal;
}
.works p{
line-height:1.8;
}
.works .contents{
width:600px;
}
.works .thum{
height:550px;
}
.works .contents-left{
	float:left;
	width:468px;
	font-family: Arial, Helvetica, sans-serif;
}
.works .contents-left h3{
margin-top:22px;
margin-bottom:16px;
}
.works .contents-right{
float:right;
width:194px;
font-size:10px;
line-height:2;
}
.works .arrow{
	width:468px;
	height:32px;
	margin-top:30px;
	padding-bottom:20px;
	text-align:right;
}
.works .arrow .next{
float:right;
width:30px;
}
.works .arrow .back{
text-align:left;
float:left;
width:30px;
}
#concept{
top:2700px;
}
#link{
top:4500px;
left:5600px;
}
.link-contents{
background: url(../image/publication/menu_bg.gif) no-repeat 172px 34px;
width:466px;
padding-top:75px;
	padding-left:174px;
	font-size:10px;
	letter-spacing:1px;
}
.link-contents hr,.job-contents hr{
	height:0px;
	border-top: 5px solid #000000;
	color:#FFFFFF;
	margin-top:40px;
}
.link-contents ul{
padding-top:30px;
}
.link-contents li{
margin-bottom:10px;
}
.link-contents li a:link,.link-contents li a:visited{
text-decoration:underline;
color:#000000;
}
.link-contents li a:hover{
text-decoration:underline;
color:#999;
}
#joboffer{
top:3600px;
left:1400px;
}
.job-contents{
background: url(../image/joboffer/menu_bg.gif) no-repeat 172px 34px;
width:766px;
padding-top:45px;
	padding-left:134px;
	font-size:10px;
	letter-spacing:1px;
}
.job-contents .contents{
	background: url(../image/joboffer/job_back.jpg);
	width:545px;
	height:715px;
}
.job-contents .thum{
padding-left:110px;
padding-top:170px;
}
#joboffer h3{
font-size:14px;
font-weight:normal;
margin-top:25px;
margin-bottom:20px;
}
#joboffer p{
line-height:2;
margin-top:20px;
width:330px;
}
#joboffer p a:link,#joboffer p a:visited,#about a:link,#about a:visited,#contact a:link,#contact a:visited{
color:#000000;
}
#joboffer p a:hover,#about a:hover,#contact a:hover{
color:#999;
}

#top-openhouse{
	font-size:10px;
	letter-spacing:1px;
	width:229px;
	height:40px;
	position:absolute;
	left: 507px;
	top: 620px;
}
#top-openhouse a:link,#top-openhouse a:visited{
display:block;
padding-top:17px;
padding-left:31px;
color:#000000;
background: url(../image/top/openhouse.gif) no-repeat;
height:18px;
}
#top-openhouse a:hover{
background: url(../image/top/openhouse_over.gif) no-repeat;
}
/*オープンハウス*/
#openhouse{
position:absolute;
width:1400px;
height:900px;
left: 9800px;
	top: 6300px;
}
.oph{
background: url(../image/common/menu_bg_all.gif) no-repeat 172px 34px;
width:466px;
padding-top:60px;
	padding-left:174px;
	font-size:10px;
	letter-spacing:1px;
}
.oph hr{
	height:1px;
	border-top: 1px solid #000000;
	color:#FFFFFF;
	margin-top:10px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.oph h3{
font-size:14px;
font-weight:normal;
margin-top:10px;
margin-bottom:20px;
}
.oph p{
line-height:20px;
margin-bottom:30px;
}
.oph .cap{
margin-top:20px;
color:#231815;
}
.oph .cap h3{
margin-bottom:5px;
}
.oph a{
color:#333;
}
.oph em{
color:#333333;
font-style:normal;
}
.hiddenPhoto{
display:none;
}
#about{
top:5400px;
left:9800px;
}
.about-contents{
margin-top:70px;
}
#about .about-area{
background: url(../image/about/menu_bg.gif) no-repeat 172px 34px;
width:580px;
padding-top:75px;
	padding-left:174px;
	font-size:10px;
	letter-spacing:1px;
}
.about-right{
float:right;
}
.about-left{
float:left;
}
.about-left h3{
	font-size: 10px;
	line-height: 2;
	font-weight: normal;
	margin: 0px 0px 50px;
	padding: 0px;
}
.about-right h4,.about-right h5{
	font-size: 10px;
	line-height: 2;
	font-weight: normal;
	margin: 0px 0px 20px;
	padding: 0px;
}
#about .about-right img{
margin-top:20px;
margin-bottom:20px;
}
.about-left p,.about-right p{
font-size:10px;
line-height:2;
}
dl{
line-height:2;
}
dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 3em;
  
  color: #000;
		
}

dl.list309 dd {
  margin-bottom: 0.8em;
  margin-left: 4em;
		
}


#contact{
top:5400px;
left:4200px;
}
#contact .contact-area{
background: url(../image/contact/menu_bg.gif) no-repeat 172px 34px;
width:780px;
padding-top:75px;
	padding-left:174px;
	font-size:10px;
	letter-spacing:1px;
}
#contact .about-left p,#contact .about-right p{
margin-bottom:20px;
}
#contact .contact-area .about-contents{
margin-top:70px;
}
/***************WORKSTYLE************************************/
#workstyle2,#workstyle3,#workstyle4,#workstyle5,#workstyle1{
width:1400px;
height:900px;
position:absolute;
}
#workstyle1{
top:2700px;
left:8400px;
}
#workstyle2{
top:3600px;
left:8400px;
}
#workstyle3{
top:4500px;
left:8400px;
}
#workstyle4{
top:5400px;
left:8400px;
}
#workstyle5{
top:6300px;
left:8400px;
}
#workstyle{
	background: #e6e6e6;
	width:1400px;
height:900px;
}
#workstyle .workstyle-area{
background: url(../image/workstyle/menu_bg.gif) no-repeat 172px 34px;
width:997px;
padding-top:75px;
	font-size:10px;
	letter-spacing:1px;
	height:700px;
}
#workstyle .menu-area{
width:126px;
height:600px;
float:left;
margin-top:47px;
}
#workstyle h2{
	font-size: 14px;
	font-weight: normal;
	border-bottom: 5px solid #000000;
	padding-bottom:30px;
}
#workstyle .ws{
float:right;
width:822px;

}
#workstyle .contents{
width:822px;
float:right;
height:620px;
padding-top:2px;
}
#workstyle .about-contents{
margin-top:60px;
}
.workstyle-area .about-left h3,.workstyle-area .price h3{
font-size:14px;
margin-bottom:5px;
line-height:1;
font-weight:normal;
}
.workstyle-area .about-left h3 em,.workstyle-area .price h3 em,.workstyle-area .price h6{
font-size:10px;
font-style:normal;
font-weight:normal;
}
.workstyle-area .about-left{
width:240px;
margin-left:40px;
}
.workstyle-area .about-left img{
margin-top:30px;
}
.workstyle2-right{
float:right;
text-align:right;
width:393px;
margin-right:100px;
}
.workstyle2-right img{
margin-bottom:4px;
}
.workstyle-arrow{
float:right;
width:822px;
}
.workstyle-area .price{
margin-left:40px;
margin-right:20px;
width:744px;
padding-top:2px;
}
.workstyle-area .price h6{
text-align:right;
margin-bottom:4px;
margin-top:4px;
}
.workstyle-area .price p{
line-height:2;
}
.workstyle-area .price-table{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
.workstyle-area .price td,.workstyle-area .price th{
	
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight:normal;
	font-size:12px;
}
.workstyle-area .price td{
width:87px;
	height:27px;
background-color:#FFFFFF;
text-align:right;
padding-right:36px;
padding-top:8px;
padding-bottom:8px;
}
*:first-child+html .workstyle-area .price td{

}
.workstyle-area th{
width:123px;
	height:38px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
line-height:1.2;
}
.rt{
background-color:#e6e6e6 !important; 
}
.lt{
padding-right:0 !important;
padding-left:20px;
text-align:center;
}
.tdcorner{
padding-top:9px !important;
height:30px !important;
}
.imgtd{
	padding:0;
	background: url(../image/workstyle/tdbg.jpg) no-repeat;
}
#workstyle4 .about-contents{
margin-top:30px;
}
.workstyle-arrow{
float:right;
width:822px;
padding-top:30px;
}
.workstyle-img{
margin-top:20px;
}
#workstyle3 em{
font-style:normal;
}
#workstyle3 p{
margin-top:5px;
}
#workstyle3 .workstyle2-right{
width:456px;
margin-right:50px;
}
#workstyle3 .contents{
height:660px;
}
#worktop .contents p a:link{
text-decoration:underline !important;
}
/***************PROJECT************************************/
#pic1,#pic2,#pic4,#pic5,#pic6{
width:1400px;
height:900px;
position:absolute;
}
#pic1 img{
margin-left:350px;
margin-top:200px;
}
#pic1{
top:5400px;
left:1400px;
}
#pic2 img{
margin-left:525px;
margin-top:335px;
}
#pic2{
top:3600px;
left:2800px;
}
#pic3{
width:2800px;
height:1800px;
top:2700px;
left:4200px;
position:absolute;
}
#pic3 img{
margin-left:400px;
margin-top:200px;
}
#pic4 img{
margin-left:450px;
margin-top:100px;
}
#pic4{
top:4500px;
left:7000px;
}

#pic5{
top:1800px;
left:8400px;
}
#pic6 img{
margin-left:350px;
margin-top:200px;
}
#pic6{
top:3600px;
left:9800px;
}