body {

	background: #ffffff  no-repeat fixed;

}



img.bg {

	/* Set rules to fill background */

	min-height: 100%;

	min-width: 1200px;

	/* Set up proportionate scaling */

	width: 100%;

	height: auto;

	/* Set up positioning */

	position: fixed;

	/* œ½absolute; */

	top: 0;

	left: 0;

}



@media screen and (max-width: 1200px){

	img.bg {

	left: 50%;

	margin-left: -600px; }

}







#main {

}

/*-------------------------------------------------------------------

各ページメインサイズ＆背景画像

*/



.top {

	background-image:url("../images/top.jpg");

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: bottom;

	width:1200px;

	height:467px;

}



.company {

	background-image:url("../images/company.jpg");

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: bottom;

	width:1200px;

	height:467px;

}



.business {

	background-image:url("../images/business.jpg");

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: bottom;

	width:1200px;

	height:467px;

}

.schedul {

	background-image:url("../images/schedul.jpg");

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: bottom;

	width:1200px;

	height:467px;

}

.access {

	background-image:url("../images/access.jpg");

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: bottom;

	width:1200px;

	height:467px;

}



/*-------------------------------------------------------------------

タイトル

*/

#main h1{

	letter-spacing: 0.1em;

	text-align: center;

	padding-top: 0px;

	font-size:12px

}

.subtitle{

	text-align: center;

	color:red;

	font-size:10px

}

.title-center{

	text-align: center;

	padding-top: 65px;

}



.title-side{

	margin-left: 0px;

	width: 200px;

	height:40px;

	padding-top: 80px;

	padding-left: 190px;

}



/*-------------------------------------------------------------------

会社概要　メインコンテナ

*/



.company-left h2{

	letter-spacing: 0.1em;

	text-align: left;

	font-size:12px;

	font-weight: normal

}

.company-right h2{

	letter-spacing: 0.1em;

	text-align: left;

	font-size:12px;

	font-weight: normal

}



.company-left {

	color:#222;

	position: absolute;

	margin-top: 15px;

	margin-left: 230px;

	width: 340px;

	height:280px;

}



.company-right {

	color:#222;

	position: absolute;

	margin-top: 15px;

	margin-left: 670px;

	width: 320px;

	height:280px;

}

.cell {

		width: 80px;

vertical-align: top;

}





/*-------------------------------------------------------------------

事業内容　メインコンテナ

*/



.business-left {	

	position: relative;

	margin-left: 40px;

	width: 520px;

	height: 180px;

	display:block;

	float:left;

}



.business-post {	

	position: relative;

	margin-top: 25px;

	margin-left: 10px;

	width: 110px;

	height: 110px;

	display:block;

	border: 3px #999 solid;

	background-color: rgba(220,220,220,0.5);

	float:left;

}



.business-post h2{

	text-align: center;

	font-size:12px;

	font-weight: normal;

	color: #000;

	margin-top: 15px;

	margin-left: 0px;

	display: table-cell;

	height: 110px;

	width: 110px;

	vertical-align: middle;

}

.business-link  {	

	font-weight: normal;

	color: #000;

	position: relative;

	margin-top: 30px;

	margin-left: 170px;

	width: 180px;

	float:left;

}

.business-link  h2{	

	font-size:12px;

	color: #000;

	text-align: center;

	height: 25px;

}

.business-link  h3{	

	font-size:11px;

	font-weight: normal;

	color: #000;

}

.business-link a{/*リンクされた文字*/

    color:0000ff;

    font-style:normal;

	text-decoration: none;

}

.business-link a:link {/*未訪問のリンク*/

    color:0000ff;

    font-style:normal;

	text-decoration: none;

}

.business-link a:visited {/*訪問後のリンク*/

    color:#934C7B;

	text-decoration: none;

}

.business-link a:hover {/*マウスをのせたとき*/

    color:#ff0000;

    font-style:normal;

	text-decoration: none;

}





.business-right {

	color:#222;

	position: relative;

	margin-top: 10px;

	margin-left: 700px;

	width: 390px;

	height:200px;

}

.business-right h2{

	text-align: center;

	font-size:16px;

	font-weight: bold;

	color: rgb(0,153,68);

}

.business-right h3{

	text-align: center;

	font-weight: normal;

	font-size:12px;

	color: #777;

	margin-top: 10px;

}

.business-right h4{

	font-weight: normal;

	font-size:11px;

	color: #777;

	margin-top: 10px;

	width: 375px;

	margin-left: 5px;

	text-justify:inter-ideograph;

	text-align:justify;

}



/*-------------------------------------------------------------------

家づくりの流れ　メインコンテナ

*/



.schedul h1{

margin-top: -30px;

width: 200px;

height: 0px;

}

.schedul-sub {

position: relative;

width: 200px;

height: 20px;

margin-left:-5px;

margin-top:49px;

}

.schedul-left {	

	position: relative;

	margin-left: 95px;

	margin-top: 20px;

	width: 480px;

	height: 280px;

	display:block;

	float:left;

}

.schedul-post {	

	position: relative;

	margin-top: 10px;

	margin-left: 10px;

	width: 470px;

	height: 80px;

	display:block;

}

.schedul h2{

	text-align: left;

	font-size:12px;

	color: red;

	margin-top: 10px;

}

.schedul h3{

	text-align: left;

	font-weight: normal;

	font-size:11px;

	margin-top: 3px;

}

.schedul span{

	font-size:42px;

	vertical-align: middle;

	margin: 0px;

}

.schedul-right {

position: absolute;

	padding-left: 690px;

	margin-top: -70px;

	margin-left: -10px;

	width: 450px;

	height:400px;

}



/*-------------------------------------------------------------------

アクセス　メインコンテナ

*/



.access-left {	

	position: relative;

	margin-left: 180px;

	margin-top: 15px;

	width: 240px;

	height: 285px;

	display:block;

	float:left;

}

.access-right {

	position: relative;

	margin-top: -45px;

	margin-left: 700px;

	width: 400px;

	height:340px;

}

.access h2{

	text-align: left;

	font-size:11px;

	position: absolute;

    bottom: 0;

	}

.access-right h2{

	margin-left: 100px;

	}



/*-------------------------------------------------------------------

ヘッダー

*/



header {

	display:block;

	width: 1200px;

	height: 139px;

	letter-spacing: 0.1em;

	background-image : url(../images/top-logo.jpg);



	}

header .inner{

	color:#ffffff;

	height: 70px;

	text-align: left;

	padding-top:50px;

    padding-left:940px;

	margin-bottom: 0px;

	}

header h1 {

  font-size: 15px;

  font-weight: normal;

}

header h2 {

  font-size: 11px;

  font-weight: normal;

}

header h3 {

  font-size: 20px;

}





/*-------------------------------------------------------------------

メニュー

*/



nav{  

	position: absolute;

	text-align: left;

	padding-top: 25px;

    padding-left:40px;

	margin-top: 0px; 

}  

  

nav ul{  

  	letter-spacing: 0.1em;

	list-style-type: none;  

	margin: 0;  

	padding: 0;

}  

  

nav li{  

	float: left;  

	width: 100px; 

	height: 15px;

	margin: 0;  

	padding: 0;  

}  

 

nav .now{  

    text-align: center;  

	display:block;

	padding: 3px 0 3px 0;  

	width:100%;  

	text-decoration: none;

	background: #666;  

	color: #ffffff;  

}  



 

nav a{  

	text-align: center;  

	display:block;

	padding: 3px 0 3px 0;  

	width:100%;  

	background: #888;  

	color:#fff;

}  

  

nav a:hover{  

    text-decoration: none;

	background: #555;  

	color: #ffffff;  

}  





header .link a {

	display:block;

	width: 130px;

	height:105px;

	margin-left: 535px;

	margin-top: -100px;

}





/*-------------------------------------------------------------------

フッター

*/

footer {

	width: 1200px;

	height: 80px;

	background-image : url(../images/foot.jpg);

}

footer .link {

	padding-top:15px;

}

footer .link a {

	display:block;

	width: 260px;

	height: 55px;

	margin-left: 915px;

}

footer .link  a:hover{

    background-color: #000;

    filter: alpha(opacity=60);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";

    -moz-opacity: 0.6;

    opacity: 0.6;

}