@charset "UTF-8";
/* TOPページ用CSS Document */

/* スタイルシートのリセット */
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: transparent;
    color: #000000;
	font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;
    font-weight: normal;
    text-decoration : none;
    }

/* 初期設定 */
.body {
    text-align:center;
    }


/* リンクの色 */
a:link {
    color:#555555;
	}
a:visited {
    color:#999999;
	}
a:hover {
    color:#3399CC;
	}


/* スペース */
.space3 {
    margin-top: 3px;
    }
.space4 {
    margin-top: 4px;
    }
.space5 {
    margin-top: 5px;
    }
.space8 {
    margin-top: 8px;
    }
.space10 {
    margin-top: 10px;
    }
.space16 {
	margin-top: 16px;
    }
.space18 {
	margin-top: 18px;
    }
.space20 {
	margin-top: 20px;
    }
.space25 {
	margin-top: 25px;
    }
.space30 {
	margin-top: 30px;
    }
.space50 {
	margin-top: 50px;
    }
.space55 {
	margin-top: 55px;
    }
.clear {
	clear:left;
    }


/* テキスト関係 */
.text10 {
    font-size: 50%;
	line-height: normal;
	color: #555555;
    }
.text10_1 {
    font-size: 50%;
	line-height: 150%;
	color: #555555;
    }
.text12 {
    font-size: 60%;
	line-height: 150%;
	color: #555555;
    }


/* メインの枠 */
div#main {
    text-align:center;
	margin-top: 25px;
	margin-right: auto;
    margin-left: auto;
    width: 800px;
    }

/* ヘッダーメニュー */
div#header {
    text-align: right;
	font-size: 50%;
	line-height: normal;
	color: #555555;
    }


/* ボーダー */
table.border {
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
    }

td.border {
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
    }


/* テキストボックス1 */
div#box1 {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #fafafa;
	font-size: 50%;
	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 15px 15px 15px 15px;
	width: auto;
	height: auto;
    }

div#box1_new {
	background-image: url(../image/top_new_ima01.gif);
	font-size: 50%;
	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 15px 15px 5px 15px;
	width: auto;
	height: 143px;
    }

/* メインメニュー */
#menu_container
	{
	margin: 0 0 0 0;
	}
#menu_container dl
	{
	left: 100px;
	width: 252px;
	font-size: 10px;
	}
#menu_container dt
	{
	text-align: center;
	}
#menu_container dd
	{
	display: none;
	margin: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}
#menu_container dl:hover dd
	{
	display: block;
	}
#menu_container a
	{
	display: block;
	border-bottom: 1px solid #CCCCCC;
	width: 244px;
	line-height: 180%;
	background: #fff;
	padding: 3px;
	color: #555555;
	}
#menu_container a:hover
	{
	background-color: #ccc;
	}


/* サイドメニュー */
div#sidemenu_box {
    margin: 0px 0px 50px 0px;
	text-align: left;
	font-size: 50%;
	line-height: 20px;
	color: #555555;
	}


/* テキストボックス2 */
div#box2 {
	background-color: #dcdcdc;

	text-align: center;
	line-height: 17px;
	color: #555555;
	padding: 8px 8px 8px 8px;
	width: auto;
	height: auto;
	}
	
/* テキストボックス3・4（スクーハウスSTEP用） */
div#box3 {

	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 10px 3px 10px 3px;
	width: auto;
	height: auto;
	}

div#box4 {
	text-align: center;
	margin-bottom: 10px;
	width: auto;
	height: auto;
	}


/* テキストボックス5・6（スタンス10用） */
div#box5 {
	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 0px 10px 10px 65px;
	width: auto;
	height: auto;
	}

div#box6 {
	text-align: right;
	color: #555555;
	padding: 0px 10px 0px 65px;
	width: auto;
	height: auto;
	}


/* テキストボックス7（サポート用） */
div#box7 {
	text-align: left;
	color: #555555;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 0px;
	width: 502px;
	height: auto;
	}

div#box8 {
	text-align: right;
	color: #555555;
	padding: 0px 10px 0px 48px;
	width: auto;
	height: auto;
	}


/* テキストボックス8（住宅完成までの流れ） */
div#box9 {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	color: #555555;
	margin: 0px 10px 0px 22px;
	width: 328px;
	height: auto;
	}

div#box10 {
    background-color: #f0f0f0;
	text-align: center;
	padding: 15px 15px 15px 15px;
	width: 170px;
	height: auto;
	}
	

/* 右寄せボックス */
div#rightbox {
	text-align: right;
	width: auto;
	height: auto;
	}
	
/* 左寄せボックス */
div#leftbox {
    font-size: 60%;
	line-height: 17px;
	text-align: left;
	color: #555555;
	width: auto;
	height: auto;
	}


/* 下層ページメインボックス */
div#kasoumain_box {
	width: 560px;
	margin: 0px 0px 0px 35px;
	text-align: left;

	line-height: 17px;
	color: #555555;
	}
div#kasoumain_box td {

	line-height: 17px;
	color: #555555;
	}
div#kasoumain_box2 {
	width: 560px;
	margin: 0px 0px 0px 35px;
	text-align: left;

	line-height: 17px;
	color: #555555;
	}
div#kasoumain_box2 td {

	line-height: 17px;
	color: #555555;
	}
	

	
/* ポップアップボックス */
div#popup_box1 {
	text-align: left;
	width: auto;
	height: auto;
	margin: 30px 0px 0px 50px;
	}
	
div#popup_box2 {
    font-size: 12px;
	text-align: left;
	line-height: 17px;
	color: #555555;
	width: 477px;
	height: auto;
	}

div#popup_box3 {
    font-size: 10px;
	text-align: left;
	line-height: 17px;
	color: #555555;
	width: 530px;
	height: auto;
	}


/* 実例集ボックス１ */
div#jiturei_box1 {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #f0f0f0;
	
	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 10px 15px 20px 15px;
	width: auto;
	height: 144px;
	}

div#jiturei_box1new {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #F0F0E6;
	
	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 10px 15px 10px 15px;
	width: auto;
	height: auto;
	}

div#jiturei_box1a {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #f0f0f0;
	
	text-align: left;
	line-height: 17px;
	color: #555555;
	padding: 10px 15px 20px 15px;
	width: auto;
	height: 155px;
	}
	
div#jiturei_box2 {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #f0f0f0;
	font-size: 12px;
	text-align: left;
	color: #dc5890;
	padding: 5px 5px 5px 5px;
	width: auto;
	height: auto;
	}
	
div#jiturei_box2 a {
	margin-right: 3px;
	}

div#jiturei_box3 {
	font-size: 12px;
	text-align: left;
	color: #5890E4;
	width: auto;
	height: auto;
	padding: 3px 3px 3px 0px;
	}

div#jiturei_box4 {
	background-color: #8db6f3;
	font-size: 12px;
	text-align: left;
	color: #ffffff;
	padding: 3px 3px 3px 5px;
	width: auto;
	height: auto;
	margin-bottom: 5px;
	}

div#jiturei_box5 {
	font-size: 12px;
	text-align: left;
	line-height: 17px;
	color: #555555;
	width: auto;
	height: auto;
	padding: 3px 3px 3px 3px;
	margin-bottom: 20px;
	}
	
div#jiturei_box6 {
	width: auto;
	height: auto;
	margin: 15px 0px 0px 15px;
	}

div#jiturei_box7 {
    background-color: #cccccc;
	width: auto;
	height: 1px;
	margin: 5px 0px 10px 0px;
	}

div#jiturei_box8 {
	text-align: center;
	width: auto;
	height: auto;
	margin: 30px 30px 15px 30px;
	}
	
div#jiturei_box9 {
    font-size: 10px;
	color: #555555;
	text-align: center;
	width: auto;
	height: auto;
	}


/* 雑誌掲載履歴用 */
div#publication_box1 {

	line-height: 15px;
	text-align: left;
	color: #555555;
	width: auto;
	height: auto;
	margin: 5px 20px 0px 0px;
	}


/* リクルートテーブル用ボックス */
div#recruit_box td {

	text-align: left;
	color: #555555;
	padding: 10px 10px 10px 10px;
	}



#navi {
	height: 46px;
}
#dd {
/*margin-left: 25%;*/
/*padding: 0 0 20px 0;*/
}
#dd .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#dd .mainmenu a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
/*padding: 4px 10px;*/
/*margin: 0 1px 0 0;*/
		
  width: 252px;
  text-decoration: none;
}
#dd .mainmenu a.menu:hover {
/*background: #49A3FF;*/
}

.submenu {
/*background: #EAEBD8;*/
/*border: 1px solid #5970B2;*/
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.submenu a {
  display: block;
/*font: 11px arial;*/
  text-align: left;
/*text-decoration: none;
  padding: 5px;
  color: #2875DE;*/
}
.submenu a:hover {
/*background: #49A3FF;
  color: #FFF;*/
}





/* サブメニュー */
.submenu {
    margin-top: 5px;
    font-size: 10px;
	line-height: normal;
	text-align: left;
	color: #555555;
}


/* トピックス */
div#topics {
	margin: 10px 10px 30px 10px;
	text-align: left;
	font-size: 60%;
	line-height: 17px;
	color: #555555;
    }

div#topics_new {
	margin: 10px 0px 10px 0px;
	text-align: left;
	font-size: 60%;
	line-height: 17px;
	color: #555555;
    }

div#topics_next {
	margin-top:5px;
	padding: 0px 12px 0px 12px;
	text-align:right;
    }

div#forza_next {
	margin:5px 0px 5px 0px;
	text-align:right;
    }

/* フッター */
div#footer {
    margin: 5px 5px 30px 5px;
    text-align: left;
	font-size: 50%;
	line-height: 17px;
	color: #555555;
    }
	
div#footer2 {
    margin: 5px 5px 5px 5px;
    text-align: left;
	font-size: 50%;
	line-height: 17px;
	color: #555555;
    }