﻿@charset "utf-8";

/* =========================== */
/* サイズ情報                  */
/* 横幅　700px                 */
/* 標準文字サイズ　11pt        */
/* メインメニュー　px * px     */
/* サブメニュー縦　px * px     */
/* サブメニュー横　px * px     */
/* メインコンテンツ　px        */
/* サイドコンテンツ　px        */
/* 見出し　px                  */
/* =========================== */

/* =========================== */
/* リンクの色                  */
/* =========================== */
a:link {text-decoration:underline;
	color:#006600;
	}
a:visited {text-decoration:underline;
	color: #222222;
	}
a:active,
a:hover   {text-decoration:underline;
	color: #65a530;
	}

/* =========================== */
/* ページコンテンツのタイトル         */
/* =========================== */	
#main-contents h3 {
		background-image:url(../img/h3.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
		color:#006600;
		font-size:14px;
		height:45px;
		_height:45px;
		margin-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-top:0px;
		_padding-top:0px;
		padding-left:20px;
		width:570px;
	}
/* =========================== */
/* ページコンテンツの見出し１         */
/* =========================== */	
#main-contents h4 {
		background-image:url(../img/h4.gif);
		background-repeat: no-repeat;
		background-position: left top;
		color:#58412c;
		font-size:14px;
		font-weight:bold;
		height:31px;
		_height:31px;
		margin-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-top:14px;
		_padding-top:14px;
		padding-left:25px;
		width:565px;
	}
#main-contents h5 {
		background-image:url(../img/h5.gif);
		background-repeat: repeat;
		background-position: left top;
		color:#333333;
		font-size:13px;
		font-weight:bold;
		height:25px;
		_height:25px;
		margin-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-top:9px;
		_padding-top:9px;
		padding-left:15px;
		width:575px;
	}
#main-contents h6 {
		background-image:url(../img/h6.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		color:#58412c;
		font-size:13px;
		font-weight:bold;
		margin-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-top:0px;
		_padding-top:0px;
		padding-bottom:5px;
		padding-left:10px;
		width:580px;
	}

/* =========================== */
/* サイトマップ                     */
/* =========================== */	
#main-contents #sitemap-section h4{

	}
	
/* =========================== */
/* QRコード                        */
/* =========================== */	
IMG.qrcode {
	border:1px solid #cccccc;
	}
	
/* =========================== */
/* Googleマップ                     */
/* =========================== */	
IFRAME.googlemap {
	}
	
/* =========================== */
/* お問い合わせフォーム             */
/* =========================== */	
#mailform-section {
	margin: 0px 0px 0px 10px;
	}
#mailform-section DIV.form-layout {
	margin: 0;
	width: 570px;
	}

/* 入力項目のセット */
#mailform-section DIV.form-layout DIV.form-items {
	border-left: 1px solid #c8c9c9;
	border-right: 1px solid #c8c9c9;
	border-bottom: 1px solid #c8c9c9;
	background-color: #eff8d7;
	width: 570px;
	overflow:hidden;
}
/* 入力項目 */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item {
	clear:both;
}
/* 項目名セル */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.label {
	float: left;
	width: 150px;
	text-align: left;
	padding: 11px 8px 0 8px;
	vertical-align: top;
	font-size: 10pt;
	border-top: 1px #c8c9c9 solid;
	}
/* 入力欄セル */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field {
	float: left;
	width: 388px;
	text-align: left;
	padding: 8px 8px 0 8px;
	vertical-align: top;
	border-top: 1px #c8c9c9 solid;
	background-color: #ffffff;
	}
/* 入力欄（テキストボックス） */
#mailform-section INPUT.input-text {
}
/* 入力欄（テキストエリア） */
#mailform-section TEXTAREA.input-textarea {
}
/* 入力欄（ラジオボタン） */
#mailform-section INPUT.input-radio {
}
/* 入力欄（チェックボックス） */
#mailform-section INPUT.input-checkbox {
}
/* 入力欄（選択リスト） */
#mailform-section INPUT.input-select {
}
/* 説明 */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field P.description {
	margin: 3px 0 0 0 ;
	font-size: 9pt;
	}
/* 項目名 */
#mailform-section LABEL {
	}
/* ※（必須） */
#mailform-section .required {
	color:red;
	font-weight: normal;
	}
/* エラーの時の背景色 */
#mailform-section .error {
	background-color: #ffccff;
	}
/* エラーの時のメッセージ */
#mailform-section .error-message {
	color: #ff0000;
	}
/* 完了メッセージ */
#mailform-section .completion-message {
	border: 1px solid #cccccc;
	padding: 30px;
	}
/* 送信ボタン */
#mailform-section DIV.submitee {
	clear:both;
	margin-top: 5px;
	text-align: center;
}
#mailform-section DIV.submitee BUTTON
{
   cursor: pointer;
   width: 100px;
   height: 36px;
   background-image:url(../img/form_submit.gif);
		background-repeat: no-repeat;
   border-width:0px;
}
/* 「送 信」テキスト */
#mailform-section DIV.submitee BUTTON SPAN
{
   display: none;
}
	
/* =========================== */
/* お知らせ一覧パーツ（メインコンテンツ内）  */
/* =========================== */
/* リスト全体 */
#main-contents #topic-headline-section DL {	
		margin: 0px;
	}
/* 記事タイトル（リンク先がないとき） */
#main-contents #topic-headline-section DT{
	color:#666666;
	padding: 5px 5px 0px 0px;
	}
/* 公開日 */
#main-contents #topic-headline-section DT .date {
	color:#006600;
	padding: 0px 5px 0px 5px;
	}
/* 記事タイトル（リンク先があるとき） */
#main-contents #topic-headline-section DT A {
	color:#666666;
text-decoration:underline;
	}
#main-contents #topic-headline-section DD {
		margin: 0px 5px 0px 0px;
		padding:0px 5px 3px 75px;
	border-bottom: 1px dashed #999999;
	}
/* =========================== */
/* お知らせ一覧パーツ（サイドコンテンツ内）  */
/* =========================== */
/* リスト全体 */
#side-contents #topic-headline-section DL {
		margin: 0px;
	padding: 0px 5px;
		font-size: 11px;	
	}
/* 記事タイトル（リンク先がないとき） */
#side-contents #topic-headline-section DT{
	color:#666666;

	}
/* 公開日 */
#side-contents #topic-headline-section DT .date {
	color:#006600;
	}
/* 記事タイトル（リンク先があるとき） */
#side-contents #topic-headline-section DT A {
	color:#666666;
text-decoration:underline;
	}
/* 記事概要 */
#side-contents #topic-headline-section DD {
		margin-left: 1em;
	}
	
/* =========================== */
/* お知らせ一覧ページ                 */
/* =========================== */

/* 記事タイトル */	
#topic-list-section DT {
	font-weight: bold;
	margin-left: 0;
	color:#666666;
	font-size: 13px;
	padding: 5px 5px;
	}
/* 公開日*/
#topic-list-section DT .date {
	color:#006600;
font-weight : bold ;
	padding: 5px 5px 5px 5px;
	}
/* 記事タイトル（リンク先があるとき） */
#topic-list-section DT A {
	color:#666666;
text-decoration:underline;
	}
/* 本文（記事コンテンツ/なければ記事概要） */
#topic-list-section DD {
	line-height: 1.2em;
	margin-left: 0;
	margin-bottom: 2.5em;
	border-bottom: 1px dashed #c8c8c8;
	word-break: break-all;
	padding: 10px 5px;
	}
/* お知らせ本文中の画像 */
#topic-list-section DD IMG {
	margin: 5px;
	}
/* 記事区切り */	
#topic-list-section DD DIV.topic-sepalator {
	clear:both;
	height:0px;
}

/* =========================== */
/* テンプレート挿入時の表             */
/* =========================== */
TABLE.table_a {
		border-collapse: collapse;
		border: 1px #846142 solid;
	}
TH.table_a_th {
	background-color: #b2a997;
	border: 1px #846142 solid;
	padding: 3px 5px;
	}
TH.table_a_th2 {
	background-color: #e2d7c0;
	border: 1px #846142 solid;
	color: #5a432e;
	padding: 3px 5px;
	}
TH.table_a_th3 {
	background-color: #e2d7c0;
	border_right: 1px #846142 solid;
	border_bottom: 1px #846142 solid;
	color: #5a432e;
	font-weight : normal ;
	padding: 3px 5px;
	}
TD.table_a_td {
		border: 1px #846142 solid;
	padding: 3px 5px;
	}

/* =========================== */
/* 基本のテーブル             */
/* =========================== */
TABLE.basic_table {
	border-collapse: collapse;
	border: 1px c8c9c9 solid;
	}
TABLE.basic_table TH {
	padding: 3px 5px;
	border: 1px #c8c9c9 solid;
	}
TABLE.basic_table TD {
	padding: 3px 5px;
	border: 1px #c8c9c9 solid;
	}
/* =========================== */
/* サイドコンテンツ            */
/* =========================== */
/* 会社情報             */
TABLE.side_company {
	margin: 0px;
	width:186px;
	border-collapse: collapse;
	background-image:url(/asset/00105/side/side_company_back.gif);
	background-repeat: repeat;
	background-position: left top;
	}
.side_company_text {
	padding: 10px 10px;
}
/* 犬             */
TABLE.side_dog {
	margin: 0px;
	width:186px;
	border-collapse: collapse;
	background-image:url(/asset/00105/side/a_ilst003.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
.side_dog_text {
	padding: 0px 0px;
}

/* =========================== */
/* トップページ            */
/* =========================== */
/* テキストバナー             */
TABLE.top_banner {
	width:290px;
	margin: 0px;
	border-collapse: collapse;
	}
.top_banner_top {
	height:8px;
	padding: 0px 0px;
	background-image:url(/asset/00105/top/layout/top_banner_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.top_banner_back {
	padding: 0px 8px;
	background-image:url(/asset/00105/top/layout/top_banner_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.top_banner_bottom {
	height:8px;
	padding: 0px 0px;
	background-image:url(/asset/00105/top/layout/top_banner_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.top_banner_midashi {
	padding: 5px 0px;
	color:#333333;
	border-bottom: 1px #666666 dashed;
}
.top_banner_list {
	padding: 5px 0px 0px 0px;
}
UL.top_banner_mark {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
UL.top_banner_mark LI {
	padding: 0px 0px 0px 15px;
	list-style:none;
	background-image:url(/asset/00105/top/layout/sub_arrow_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
UL.top_banner_mark A {
	color:#666666;
	text-decoration:underline;
}

/* =========================== */
/* 施工例            */
/* =========================== */
/* 一覧             */
TABLE.works_list_waku {
	width:590px;
	margin: 0px;
	border-collapse: collapse;
	}
TABLE.works_list {
	width:290px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px #c8c9c9 solid;
	}

.works_list_img {
	padding: 5px 0px 5px 5px;
}
.works_list_text {
	padding: 5px 5px 5px 0px;
}
.works_list_text_midashi {
	color:#333333;
	padding: 5px 0px 5px 3px;
}
.works_list_text_text {
	padding: 3px 0px 3px 0px;
}
.works_list_text_button {
	text-align: right;
	padding: 5px 0px 0px 0px;

}

/* 一覧 １列            */
TABLE.works_list2 {
	width:590px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px #c8c9c9 solid;
	}
.works_list2_td {
	padding: 5px 5px;

}

/* リフォーム */
TABLE.reform_waku  {
	width:590px;
	margin: 0px;
	border-collapse: collapse;
	border: 3px #5fa12f solid;
	background-image:url(/asset/00105/example/reform/layout/back.gif);
	background-repeat: repeat;
	background-position: left top;
	}
.reform_waku_td {
	padding: 10px 10px;
}

TABLE.reform_no  {
	width:80px;
	height:80px;
	margin: 0px;
	border-collapse: separate;
	background-color: #bed8ab;
}
.reform_no_td {
	color: #ffffff;
	background-color: #5fa12f;
	padding: 5px 5px;
}

TABLE.reform_item  {
	width:100%;
	margin: 0px;
	border-collapse: collapse;
	border: 1px #97c254 solid;
}
.reform_item_midashi {
	color: #ffffff;
	background-color: #97c254;
	padding: 5px 10px;
}
.reform_item_text {
	background-color: #ffffff;
	padding: 5px 10px;
}


/* 店舗・マンション */
TABLE.tenpo_waku  {
	width:590px;
	margin: 0px;
	border-collapse: collapse;
	}
.tenpo_waku_td {
	padding: 10px 5px;
	border: 1px #c8c9c9 solid;
}

TABLE.tenpo  {
	width:265px;
	margin: 0px auto;
	border-collapse: collapse;
	}
.tenpo_midashi {
	padding: 5px 10px;
	color: #58412c;
	font-weight:bold;
	background-color: #e2d7c0;
}
.tenpo_img {
	padding: 5px 0px;
}
.tenpo_link {
	padding: 0px 5px;
	text-align: right;
}

/* 住宅リスト             */
TABLE.jyutaku_list {
	width:100%;
	margin: 0px;
	border-collapse: collapse;
	}
.jyutaku_list_name {
	padding: 5px 0px;
	border-bottom: 1px #999999 dashed;
}
.jyutaku_list_button {
	padding: 5px 5px;
	text-align: center;
	border-bottom: 1px #999999 dashed;
}
TABLE.jyutaku_detail  {
	width:590px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px #999999 solid;
	}
.jyutaku_detail_td {
	padding: 10px 10px;
}
/* =========================== */
/* 家づくり            */
/* =========================== */
/* 一覧             */
TABLE.iezukuri_list {
	width:280px;
	margin: 0px;
	border-collapse: collapse;
	}
.iezukuri_list_top {
	height:25px;
	padding: 0px 0px;
	background-image:url(/asset/00105/iezukuri/layout/iezukuri_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.iezukuri_list_koe {
	padding: 5px 10px;
	color:#528e2e;
	font-size:14px;
	font-weight:bold;
	background-image:url(/asset/00105/iezukuri/layout/iezukuri_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.iezukuri_list_back {
	padding: 5px 14px;
	background-image:url(/asset/00105/iezukuri/layout/iezukuri_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.iezukuri_list_bottom {
	height:35px;
	padding: 0px 0px;
	background-image:url(/asset/00105/iezukuri/layout/iezukuri_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.iezukuri_list_line {
	padding: 0px 0px 5px 0px;
	line-height: 25px;	
	background-image:url(/asset/00105/iezukuri/layout/koe_line01.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

TABLE.sotodannetu_box {
	width:500px;
	margin: 0px auto;
	border: 1px #999999 solid;
	border-collapse: collapse;
	}
TABLE.sotodannetu_box TD {
	padding: 10px 10px;
}

TABLE.iezukuri_photo_waku {
	width:560px;
	margin: 0px auto;
	border-collapse: collapse;
	}

TABLE.iezukuri_photo {
	width:176px;
	margin: 0px auto;
	border-collapse: collapse;
	}
.iezukuri_photo_top {
	height: 10px;
	padding: 0px 0px;
	line-height: 0em;
	background-image:url(/asset/00105/iezukuri/layout/model_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.iezukuri_photo_img {
	padding: 5px 9px 0px 9px;
	background-image:url(/asset/00105/iezukuri/layout/model_back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.iezukuri_photo_text {
	padding: 5px 9px;
	text-align: center;
	background-image:url(/asset/00105/iezukuri/layout/model_back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.iezukuri_photo_bottom {
	height: 10px;
	padding: 0px 0px;
	line-height: 0em;	
	background-image:url(/asset/00105/iezukuri/layout/model_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* =========================== */
/* モデルハウス            */
/* =========================== */
TABLE.model_house {
	width:790px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px #cca799 solid;
	}
.model_house_img {
	padding: 1px 1px;
	background-color: #cca799;
}
.model_house_text {
	padding: 10px 10px 0px 5px;
}

/* =========================== */
/* 不動産            */
/* =========================== */
TABLE.fudousan_detail_waku  {
	width:590px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px #846142 solid;
	}
.fudousan_detail_td  {
	padding: 0px 0px;
	}
TABLE.fudousan_detail {
	border-collapse: collapse;
	}
.fudousan_detail_midashi {
	background-color: #e2d7c0;
	border-right: 1px #846142 solid;
	border-bottom: 1px #846142 solid;
	color: #5a432e;
	font-weight : normal ;
	padding: 3px 5px;
	}
.fudousan_detail_text {
	border-right: 1px #846142 solid;
	border-bottom: 1px #846142 solid;
	padding: 3px 5px;
	}
