@charset "Shift_JIS";

*{	/* ページ全体に適用 */
	margin: 0;
	padding: 0;

	}

a img {border: none;}

body{
	line-height:1.0;
	background-color: #f5deb3;
	color: #000000;	
	}

div#pageWrapper { /*　ページ全体のレイアウト　*/
	width: 904px;
	height: 602px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	background-color: #a9a9a9;
	color: #000000;		
	}

div#pageInner { /*　ページ全体のレイアウト　*/
	width: 900px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	color: #000000;
	}

div#header{
	width: 900px;
	height: 100px;
	background-color: #ffffff;
	color: #000000;
	}

div#header p{
	padding-top:10px;
	padding-left: 30px;
	}

div#m1 { /* トップページ */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	overflow: auto;
	}
	
div#m2 { /* イベント情報 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	font-size: 13px;
	}
.m2a {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #4169e1      ;
	color: #ffffff ;
	
	}
.m2b {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #666666;
	color: #ffffff ;
	}
.m2c {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;	
	}

div#m3 { /* ニュースレター */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m3 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
.m3a {
	background-color: #4169e1      ;
	color: #ffffff ;
	padding-bottom: 5px;	
	}
div#m3 table {
	margin-top: 10px;
	margin-left: 10px;
	}
div#m3 table td {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px #999999 solid;
	border-collapse: collapse;
	padding-top: 3px;
	}

div#m4 { /* 建築実例 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m4 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
.m4a {
	font-size: 12px;
	}
div#m4b {
	text-align: center;
	}

div#m5 { /* 長期優良住宅税制優遇 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m5 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}

div#m6 { /* 鳥取県木の住まいづくりコンクール */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m6 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	padding-right: 20px;	/* 段落の右余白 20px */
	}
div#m6 table {
	padding-left: 20px;	/* 段落の左余白 20px */
	}
.m6a {
	background-color: #ffc0cb;
	color: #000000;
	white-space : pre ;
	}
.m6b {
	font-size: 14px;
	}
.m6c {
	background-color: #c0c0c0;
	color: #000000;
	white-space : pre ;
	}

div#m7 { /* 土地情報 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m7 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
div#m7 table {
	padding-left: 20px;
	font-size: 14px;
	}

div#m8 { /* お問い合わせ */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m8 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
div#m8 a{
	text-decoration: none;
	}
div#m8 table {
	margin-top: 10px;
	margin-left: 20px;
	border-collapse: collapse;
	}
div#m8 table th {
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px #999999 solid;
	border-collapse: collapse;
	padding-top: 3px;
	}
div#m8 table td {
	width: 400px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px #999999 solid;
	border-collapse: collapse;
	padding-top: 3px;
	}


div#m9 { /* 社長挨拶 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m9 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}

div#m10 { /* 住まい手訪問 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m10 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
div#m10 h4 {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}

div#m11 { /* 社員紹介 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color:#ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m11 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
table#m11t01 {
	margin-left: 20px;
	}
table#m11t01 th {		/* 氏名枠の設定 */
	width: 150px;
	height: 150px;
	background-image: url("../m11/001.jpg");
	font-size: 12px;
	font-weight: normal;
	}
table#m11t02 {
	margin-top: 10px;
	margin-left: 20px;
	border-collapse: collapse;
	font-size: 14px;
	}
table#m11t02 th{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: 1px #333333 solid;
	background-color: #aaaaaa;
	color: #000000;
	font-weight: normal;	
	}	
table#m11t02 td{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: 1px #333333 solid;
	}

div#m13 { /* 会社概要 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m13 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */	
	}
table#m13t01 {
	width: 360px;
	float: left;
	margin-top: 5px;	/* 表の上余白 5px */	
	margin-left: 20px;	/* 表の左余白 20px */
	border-collapse: collapse;	/* 枠線の本数 separateで2本 */
	font-size: 12px;
	}
table#m13t01 th { /* 項目 */
	width: 150px;
	border: solid 1px #696969;	/* 枠線の線種 幅 色 */
	background-color: #a9a9a9;
	color: #333333;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	}
table#m13t01 td { /* 内容 */
	border:solid 1px #696969;	/* 枠線の線種 幅 色 */	
	background-color: #dcdcdc;
	color: #333333;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	}
table#m13t02 {
	width: 260px;
	float: left;
	margin-top: 5px;	
	margin-left: 20px;
	border-collapse: collapse; /* 枠線の本数 separateで2本 */
	font-size: 12px;
	}
table#m13t02 th {
	width: 70px;
	border:solid 1px #696969; /* 枠線の線種 幅 色 */	
	background-color: #a9a9a9;
	color: #333333;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	}
table#m13t02 td {
	border:solid 1px #696969; /* 枠線の線種 幅 色 */	
	background-color: #dcdcdc;
	color: #333333;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	}
table.m13t03 {
	width: 300px;
	float: left;
	margin-top: 20px;	
	margin-left: 20px;
	border-collapse: collapse; /* 枠線の本数 separateで2本 */
	font-size: 12px;
	}
table.m13t03 th {
	border:solid 1px #696969; /* 枠線の線種 幅 色 */	
	background-color: #a9a9a9;
	color: #333333;
	font-weight: normal;
	line-height: 1.2;
	}
table.m13t03 td {
	border:solid 1px #696969; /* 枠線の線種 幅 色 */	
	background-color: #ffffff;
	color: #333333;
	text-align: center;
	line-height: 1.2;
	}


div#m14 { /* 外張り断熱工法 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m14 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	padding-right: 20px;	/* 段落の右余白 20px */
	}

div#m15 { /* セルロースファイバー */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m15 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	padding-right: 20px;	/* 段落の右余白 20px */
	}

div#m17 { /* 住宅版エコポイント制度 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m17 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}

div#m19 { /* 県産材の活用 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m19 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	padding-right: 20px;	/* 段落の右余白 20px */
	}

div#m20 { /* 長期優良住宅普及促進事業 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m20 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	padding-right: 20px;	/* 段落の右余白 20px */
	}


div#m21 { /* フラット３５Ｓ */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m21 p {
	padding-left: 20px;	/* 段落の左余白 20px */
	padding-right: 20px;	/* 段落の右余白 20px */
	}
table#m21table1 {
	margin-left: 20px;	/* 段落の左余白 20px */
	margin-right: 20px;	/* 段落の右余白 20px */
	border-collapse: collapse;
	}
table#m21table2 {
	margin-left: 20px;	/* 段落の左余白 20px */
	margin-right: 20px;	/* 段落の右余白 20px */
	}
table#m21table1 th {
	padding: 5px 5px 5px 5px;
	border : 1px solid #666666 ;
	}
table#m21table1 td {
	padding: 5px 5px 5px 5px;
	border : 1px solid #666666 ;
	}
table#m21table2 th {
	padding: 10px 6px 0px 6px;
	}
.m21a {
	font-size: 13px;
	}
.m21b {
        text-align: center;
	}
.m21c {
	color: #0000ff;		/* 色 ブルー */
	}
.m21d {
	color: #ff8c00;		/* 色 オレンジ */
	}
.m21e {
	color: #ff0000;		/* 色 赤 */
	}
.m21f {
	font-size: 14px;
	}
.m21g {
	background-color: #f0e68c;
	}
.m21h {
	font-size: 30px;
	}
.m21i {
	font-size: 23px;
	}
.m21j {
	font-weight: bold;
	}

div#m22 { /* 新・木の住まい助成事業 */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m22 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}

div#m23 { /* 家づくりの流れ */
	width: 700px;		/* フレーム幅 700px */
	height: 400px;		/* フレーム高 400px */
	float: left;		/* フレーム配置 左側 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;	/* フレーム背景 白 */
	color: #000000;
	}
div#m23 p {
	padding-top: 5px;	/* 段落の上余白 5px */
	padding-left: 20px;	/* 段落の左余白 20px */
	}
div#m23 table {
	margin-left: auto;	/* 表の左余白 自動 */
	margin-right: auto;	/* 表の左余白 自動 */
	}
div#m23 table th {
	font-weight: normal;	/* 文字の太さ 標準 */
	}

div#menu {
	width: 200px;		/* フレーム幅 200px */
	height: 400px;		/* フレーム高 400px */
	float: right;		/* フレーム配置 右側 */
	font-size: 12px;
	}

div#menu ul a {
        text-decoration: none;
        color: #555555 ;
        text-align: center;
        font-weight: bold;
	}
div#menu ul a:link,
div#menu ul a:visited {
        background-image: url(../image/001.png);
	}
div#menu ul a:hover,
div#menu ul a:active {
        background-image: url(../image/002.png);
	}
div#menu ul li {
	width: 180px;
        margin-left: auto;	/* メインメニューの配置 */
        margin-right: auto;	/* メインメニューの配置 */
        position:relative;
        height: 30px;		/* メニュー枠の行間　メイン・サブ */
        line-height: 30px;
	list-style-type:none;
	}
div#menu ul li a {
        display: block;
        width: 180px;		/* メニュー枠の幅　メイン・サブ */
        height: 30px;		/* メニュー枠の高さ　メイン・サブ */
	}
div#menu ul li ul{ /* 下層のメニューを不可視に */
        display: none;
	}
div#menu ul li:hover ul { /* 疑似要素 :hover で下層のメニューを可視に */
        display: block;
        position: absolute;
        margin-top: -30px;	/* サブメニューの配置 メインメニューからの距離 */
        margin-left: -150px;	/* サブメニューの配置 メインメニューからの距離 */
        z-index: 100;
	width: 180px;
        height: 30px;
        line-height: 30px;
	}
div#menu table {
        margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	color: #666666;
	}
div#menu th {
	height: 50px;
	width: 180px;
        background-image: url(../image/n02.jpg);
background-repeat: no-repeat;
        font-weight: normal;
	}
div#menu td {
	height: 50px;
	width: 180px;
        background-image: url(../image/n02.jpg);
background-repeat: no-repeat;
        text-align: center;
	}

div#footer{
	width: 900px;		/* フレーム幅 900px */
	height: 100px;		/* フレーム高 100px */
	clear: both;		/* フレーム配置 解除 */
	overflow: auto;		/* スクロール 自動 */
	background-color: #ffffff;
	color: #000000;	
	}

div#footer p{
	padding-top: 70px;
	text-align:center;
	}