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

/*
	Page style
*/
body {
	letter-spacing: 0;
	color: #333333;
	font-family: 'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	height: 100%;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	background-image: url(../img/bc.png);
	background-repeat: repeat-x;
	background-position: center top;
}


a      { color: #000000; text-decoration: none }
a:hover     { color: #000000; text-decoration: underline }
a:visited     { color: #000000; text-decoration: none }

a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  /*画像を70%の不透明度に
  もし50%にしたいときは
  上から50、0.5、0.5にします*/
  }

img {
border: none;
}


h1 {
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


h3 {
	font-size: 28px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.txt15 {
  font-size: 1.5em;
  margin-top: 20px;
  margin-bottom: 20px;
}

/*
	センター
*/
.title-center {
  width: 1000px;
  height: 100%;
  text-align: center;
  padding-top: 40px;
  margin-right: auto;
  padding-bottom: 40px;
  margin-left: auto;
}


/*
	スペース
*/
.bottom_space2 {
  margin-bottom: 2px;
  clear: both;
}
.bottom_space10 {
  margin-bottom: 10px;
  clear: both;
}
.bottom_space20 {
  margin-bottom: 20px;
  clear: both;
}
.bottom_space40 {
  margin-bottom: 40px;
  clear: both;
}
.bottom_space60 {
  margin-bottom: 60px;
  clear: both;
}
.bottom_space80 {
  margin-bottom: 80px;
  clear: both;
}
.bottom_space100 {
  margin-bottom: 100px;
  clear: both;
}
.bottom_space120 {
  margin-bottom: 120px;
  clear: both;
}

/*
	マージン
*/

p.margin10{
	margin-top: 10px;
}

p.margin20{
	margin-top: 20px;
}

p.margin40{
	margin-top: 40px;
}

p.margin60{
	margin-top: 60px;
}

p.margin120{
	margin-top: 120px;
}


/*
	ライン
*/

.line1{
	background-color: #000000;
	height: 1px;
	width: 1000px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.line4{
	background-color: #000000;
	height: 4px;
	width: 1000px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.line1w{
	background-color: #666666;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

.m_line1{
	background-color: #000000;
	height: 1px;
	width: 960px;
	margin: 0px;
}

.m_line4{
	background-color: #000000;
	height: 4px;
	width: 960px;
	margin-bottom: 40px;
	float: left;
}


/*
	リスト
*/

ul {
 list-style: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: none;
 }
 

/*
	header
*/

header {
	height: 150px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../img/he1_bc.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#he1box {
	height: 60px;
	width: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}

#he1box1 {
	height: 60px;
	width: 560px;
	text-align: left;
	margin: 0px;
	float: left;
}

#he1box2 {
	height: 60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}

#he2box {
	height: 90px;
	width: 1000px;
	text-align: left;
	margin: 0px;
	float: left;
}

#he2box1 {
	height: 90px;
	width: 310px;
	text-align: left;
	margin: 0px;
	float: left;
}

#he2box2 {
	height: 90px;
	text-align: left;
	margin: 0px;
	float: left;
}



/*
	パンクズリスト
*/

#bl_box {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
	float: left;
	clear: left;
}

.bl_line{
	background-color: #d9dde1;
	height: 2px;
	width: 980px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/*
	セクション
*/

section {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
}


/*
	スライドショー
*/

#slideshow {
   position: relative;
   width:  1000px;
   height: 400px;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}



/*
	ボックス
*/

.top_m_box {
	width: 980px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
	color: #000000;
}

.top_linkbox {
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
	float: left;
}

.mainbox {
	width: 960px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	clear: left;
	float: left;
}

.cp_l_box {
	width: 560px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	text-align: left;
	float: left;
	line-height: 2em;
}

.cp_r_box {
	width: 340px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 60px;
	text-align: left;
	float: left;
}


.mainbox_1000 {
	width: 960px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	clear: left;
	float: left;
	background-image: url(../housing_1000/1000_img/1000_bc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*
	設計・施工
*/

.arc_box {
	width: 280px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 15px;
	text-align: center;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #eeeeee;
}

.w_box {
	text-align: center;
	margin-bottom: 10px;
	width: 278px;
	float: none;
	border: solid 1px #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}

.mainbox_arc {
	width: 960px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	clear: left;
	float: left;
	background-image: url(../arc_img/arc_bc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.arc_l_box {
	width: 480px;
	text-align: left;
	margin: 0px;
	float: left;
	padding-left: 20px;
}



/*
	施工事例
*/

.in_link_box {
	width: 220px;
	height: 220px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: left;
	float: left;
}

.case_l_box {
	width: 500px;
	height: 500px;
	text-align: left;
	margin: 0px;
	float: left;
}

.case_box {
	width: 400px;
	height: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	text-align: center;
	float: left;
}

.case_p_box {
	width: 128px;
	height: 96px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	float: left;
}


/*
	不動産案内
*/

.rea_box {
	width: 218px;
	font-size: 0.8em;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: center;
	float: left;
	border: solid 1px #333333;}


/*
	エコ
*/

.eco_l_box {
	width: 500px;
	text-align: left;
	margin: 0px;
	float: left;
}

.eco_box {
	width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	text-align: center;
	float: left;
}


/*
	footer
*/

footer {
	color: #eeeeee;
	text-align: center;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000000;
	padding-top: 40px;
	padding-bottom: 60px;
	line-height: 2em;
}

.f_box {
	color: #eeeeee;
	background-color: #333333;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

footer a      { color: #ffffff; text-decoration: none }
footer a:hover     { color: #ffffff; text-decoration: underline }
footer a:visited     { color: #ffffff; text-decoration: none }

#for_top {
    position: fixed;
    bottom: 0px;
    right: 40px;
    z-index: 10;
}

.end { clear: both; }