@charset "Shift_JIS";

/* リセット */
* {
	margin:0;
	padding:0;
	font-size: 100%;
	border: none;
}
img {
	vertical-align: top;
}
ul {
	list-style: none;
}

/* ========== basic ========== */
body {
	text-align:center;
	margin: 0;
	padding: 0;
	background: #000 url(../img_common/back_body.jpg) repeat-x ;
}
body, td, th, caption, p {
	font-size:12px;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif; 
}

p {
	margin:6px 6px;
	line-height:1.7;
}
.indent1em {
	padding-left:1em;
	text-indent:-1em;
}
.indent2em {
	padding-left:2em;
	text-indent:-2em;
}
.txt10px {
	font-size:10px;
}
.txt10pxint {
	font-size:10px;
	padding-left:1em;
	text-indent:-1em;
}
sup {
	font-size:0.8em;
}

/*文中の画像をライン合わせ*/
p img {
	vertical-align:middle;
}
img, a img {
	border:none;
}
/* 画像ロールオーバー用class名のみ指定、動作は外部jsで指定 */
.imgover {
}

/* divまたはbrでボックス内floatをクリア */
div.clear {
	width:100%; /* for WinIE6 */
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
	line-height:1;
}
p.clear {
	clear:both;
	font-size:12px;
	margin:6px 0;
	padding:0;
	line-height:1.7;
}
.clearline {
	clear:both;
	font-size:1px;
	margin:16px 0;
	padding:0;
	line-height:1;
	border-bottom:1px solid #ccc;
}
.clearline2 {
	clear:both;
	font-size:1px;
	margin:16px 0;
	padding:0;
	line-height:1;
	border-bottom:1px dotted #ccc;
}

/* ========== links ========== */
a:link {
	color: #c00;
	text-decoration:none;
}
a:visited {
	color: #c00;
	text-decoration:none;
}
a:hover {
	color: #f60; 
	text-decoration:underline;
}
a:active {
	color: #fc0;
	text-decoration:none;
}

/* name指定タグへの効果適用打ち消し */
a[name]:hover {
	color: inherit;
	text-decoration:none;
}
a[name]:active {
	color: inherit;
	text-decoration:none;
}

/* ============レイアウトブロック=========== */
#wrapall {
	width:800px;
	margin:0px auto;
	text-align:left;
	background: #fff url(../img_common/back_page_bw.gif) repeat-y left top ;
}
/* 記事バック全面黒、テンプレート別 */
#wrapall2 {
	width:800px;
	margin:0px auto;
	text-align:left;
	background: #000;
}
/* 記事バック全面白、テンプレート別 */
#wrapall3 {
	width:800px;
	margin:0px auto;
	text-align:left;
	background: #fff ;
}
#header {
	color:#fff;
	width:800px;
	height:59px;
	margin:0;
	padding: 0;	
	background:#000 url(../img_common/back_header1.gif) repeat left top ;
	border-bottom:1px solid #fff;
}
/* pagebodyでfloatクリアするとMacIE5で中身のfloat部がカラム落ちするので親boxでクリア */
#wrapcontents {
	clear:both;
	width:100%; /* for Win IE6,7 */
}
/* 左右マージンはpagebodyで設定 */
/* 2段組み、1段組の同一ページ混在も有りなので、複数使えるclass指定に */
.pagebody {
	width:760px;
	margin-left:20px;
	/*margin-right:20px;*/ /*幅指定しているので指定無しでOK*/
	padding:0; 
}
#footer {
	clear:both;
	color:#fff;
	margin:0;
	padding:0;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	background:#111 ;
}
/* =======全面黒背景ページ ======= */
#wrapall2 .pagebody {
	color:#fff;
}

/*  =======全面白背景ページ ======= */
#wrapall3 .pagebody {
	color:#222;
}


/* 左右ボックスはジャストサイズ、カラム落ち防止のため左右padding、borderとも設定しない */
.leftbox {
	width:380px; 
	float:left;
	color:#fff;
	padding-bottom:10px;
}
.rightbox {
	width:380px; /* ジャストサイズ */
	float:right;
	color:#222;
	padding-bottom:10px;
}

/* ============topページ専用=========== */
/* topはwrapall、wrapcontents、pagebodyの入れ子は必要無し */
#wraptop {
	width:800px;
	margin:0px auto;
	text-align:left;
	background: #000 ;
}
#topfla {
	background: #000 ;
}
/* topページのSEO対策コメント用 */
/* プリント時は、print-cssで以下ボックスを消す */
div#seocomment {
}
#wraptop h1, #wraptop h2, #wraptop h3, #wraptop h4 {
	color:#000;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:0;
	line-height:1.5;
}
#wraptop p {
	color:#000;
	font-size:10px;
	text-align:center;
}

/* ============ヘッダ内、ナビ=========== */
#header h1 {
	width:180px; /* headnaviと合計800px以内に */
	font-size:18px;
	line-height:1;
	float:left
}
#header h1 img {
	margin:16px 0 0; /* headnaviと合わせて高さ調整可 */
	vertical-align:top;
}
#headnavi {
	float:right;
	width:600px; /* headerと合計800px以内に */
}
#headnavi ul {
	margin:16px 0 0; /* headlogoと合わせて高さ調整可 */
	padding:0;
}
#headnavi  li {
	float:left;
	margin:0 0 0 0; /* 右マージンでボタン間隔調整 */
	padding:0;
	line-height:1;
}
#headnavi  img {
	vertical-align:top;
}
/* ヘッダ内のfloatはwrapcontentsでクリアする */

/* ===========フッタ内=========== */
#footer address {
	text-align: center;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:0.1em;
	line-height: 1.5;
	margin: 0px auto;
	padding: 6px 0  6px;
}
address span{
	font-size:1.2em;
}

/* ============モデルルーム紹介=========== */
/* 右、写真ボックス内 */
.photobox01{
	width:380px;
	margin:30px 0 10px;
}
/* サニタリーページ左右マージン違い */
.photobox02{
	margin:30px 0 10px 15px;
}
/* ギャラリーの写真ボックス */
.photoboxgal {
	margin:0;
	margin-left:20px;
}

/* 写真の間のマージン統一 */
.photobox01 img, .photobox02 img, .photoboxgal img {
	border:none;
	margin:0 10px 10px 0; /* 写真右と下にマージン */
}
.rightbox .photoboxgal img {
	/*border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
}

/* ズーム、ページチェンジのアイコンボタン */
#photozoom {
	border:none;
	vertical-align:bottom;
}
#photochange {
	border:none;
	vertical-align:text-top;
	margin-top:60px;
}
.photozoom {
	border:none;
	vertical-align:bottom;
}
.photochange {
	border:none;
	vertical-align:text-top;
	margin-top:60px;
}

/* ギャラリーページ専用 */
/*div#gallery p {
	color:#fff;
}*/
div.housebtnbox {
	margin:10px 0 0px 24px;
}
div.housebtnbox img {
	border:none;
	margin:0px 10px 10px 0px;
}
img#clickchange {
	border:none;
	margin-top:40px;
}

/* イレギュラー配置写真の位置調整、写真間は10pxで統一 */

img#mhtop03 {
	margin:0px 0 0 40px;
}
img#mhtop04 {
	margin:-170px 0 0 10px;
}
img#mhlvi04 {
	margin:-47px 0 0 160px;
}
img#mhktc04 {
	margin:0 0 0 95px;
}
img#mhsani04 {
	margin:0 0 0 45px;
}
img#mhsani05 {
	margin:-60px 0 0 10px;
}
img#mhwa04 {
	margin:-60px 0 0 160px;
}
img#mhgal03 {
	margin:0px 0 0 40px;
}
img#mhgal04 {
	margin:-70px 0 0 10px;
}
img#mhgal05 {
	margin:-100px 0 0 200px;
}
img#mhgal10 {
	margin:-40px 0 0 0px;
}

/* 左ボックスの文 */
.leftbox p {
	/*color:#fff;*/
	margin:6px 15px 6px 0px;
}
.h3mhouse2 {
	margin:50px 0 10px;
	line-height:1;
}

/* 右ボックスの文 */
.rightbox p {
	margin:6px 6px 6px 23px;
	line-height:1.6;
}
.rightbox p.mhousebun {
	margin:6px 0 6px 20px;
	line-height:2;
}
.rightbox p.mhousebun2 {
	margin:16px 0 6px 20px;
	line-height:1.7;
	/*border-bottom:1px solid #000;*/
}
.h2mhouse {
	text-align:right;
	margin:15px 0 10px;
	line-height:1;
}
.h3mhouse {
	margin:10px 0 10px;
	line-height:1;
}

/* 間取り図のボックス */
.madoribox {
	width:380px;
	height:220px; /* 図の高さ215px、下マージン調整 */
	margin:15px 0 10px;
}
.madorizu {
	width:300px;
	display:block;
	float:left;
}
.madoribox div {
	width:78px;  /* max80px */
	float:right;
	padding-top:51px; /* ボタン2個、間取図と下辺位置合わせる */
}
.madoribox div.onebtnbox {
	padding-top:133px; /* ボタンが1個の場合 */
}
.madoribox div img {
	margin-top:10px;
}

/* 上madoriboxのfloatをクリア */
p.madoricap {
	clear:both;
	font-size:10px;
	padding-left:1em;
	text-indent:-1em;
}

/* 間取り図他ブロックへのリンク */
#madorilink {
	margin:6px 0 20px;
	padding: 0;
	border-top:1px solid #fff; /*ボックス上のマージンバグ消しのため*/
}
#madorilink ul {
	margin:0px 0px 0px 20px;
	padding:0;
}
#madorilink li {
	width:114px;
	text-align:center;
	color:#fff;
	font-size:11px;
	float:left;
	margin:0px 4px 4px 0;
	padding:0;
	height:2em;
	line-height:2em;
	background:#c33;
	border:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#madorilink li a {
	width:114px;   /* for Win IE6 bagFix, No LR padding */
	text-align:center;
	display:block;
	padding:0px;
	color:#000;
	text-decoration:none;
}
#madorilink li a:link {
	color:#000;
	background:#e6e6e6;
}
#madorilink li a:visited {
	color:#000;
	background:#e6e6e6;
}
#madorilink li a:hover {
	color:#fff;
	background:#c33;
}
#madorilink li a:active {
	color:#fff;
	background:#f3f3f3;
}

/* モデルハウス見学予約 */
/* div無し記述だとMacIE5で反映されない */
div.infobox01 {
	margin:15px 15px 10px 0px;
	padding:8px 12px 8px;
	border-top:1px solid #888;
	border-bottom:1px solid #555;
	background:#e6e6e6 url(../img_common/back_box01.jpg) repeat-x ;
}
.infobox01 h2, .infobox01 h3, .infobox01 h4 {
	color:#fff;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	margin:0px 0 8px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #ccc;
	line-height:1;
}
.infobox01  p {
	font-size:10px;
	margin:5px 5px 0px;
	line-height:1.5;
}
.infobox01  strong {
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

/* =================ページ共用================= */
/* ページ見出し、代替文字色は白地・黒地の中間 */
.midasipage1 {
	color:#555;
	margin:20px 10px;
	line-height:1;
}
.midasipage1 img {
	vertical-align:bottom;
}
.midasipage2 {
	color:#555;
	margin:20px 0px;
	line-height:1;
}
.midasipage2 img {
	vertical-align:bottom;
}

p.endbun {
	margin:20px 6px;
}
p.endbun2 {
	margin:16px 6px;
	padding-left:1em;
	text-indent:-1em;
}

/* =================会社概要================= */

#pgaiyo01 {
	margin:0 0 0 10px;
}
#shachoprof {
	margin:20px 20px 10px 0;
	padding:15px 10px;
	/*border-bottom:1px solid #666;*/
}
#shachoprof .imgbox {
	width:100px;
	float:left;
}
#shachoprof .txtbox {
	width:225px;
	float:right;
}
#shachoprof p {
	margin:3px 0 6px;
	line-height:1.6;
}
#shachoprof strong {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.2em;
}
img#pshacho {
}
/* shachoprof のfloatクリア裏技=crearfix */

#shachoprof:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#shachoprof { display: inline-block; }

/* Hide from Mac IE5 \*/
	* html #shachoprof { height: 1%; }
	#shachoprof { display: block; }
/* End hide from Mac IE5 */

/* クリア裏技=crearfix終了 */

/* 会社概要情報 */
.infotable01 {
	/*width:360px;*/
	margin:0 0 10px;
	border-top:1px solid #777;
}
.infotable01 th {
	text-align:right;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 3px;
	line-height:1.5;
	border-bottom:1px solid #777;
}
.infotable01 td {
	text-align:left;
	color:#fff;
	padding:3px 5px 3px;
	line-height:1.5;
	border-bottom:1px solid #777;
}
.infotable01 strong {
	font-weight:bold;
	font-size:13px;
}
.infotable01 em {
	font-weight:bold;
	font-style:normal;
	letter-spacing:1px;
}
.infotable01 span {
	font-size:10px;
}

/* あいさつ文のブロック */
h3.midasikiji01 {
	font-size:16px;
	margin:24px 0 10px;
	padding:0;
	line-height:1;
	/*border:1px solid #ccc;*/
}
h2.midasikiji01 img {
	vertical-align:bottom;
}
.midasikiji02 {
	clear:both;
	font-size:13px;
	margin:20px 5px 10px 20px;
	padding:2px 0 2px 6px;
	letter-spacing:1px;
	border-left:3px solid #000;
	border-bottom:1px solid #000;
	line-height:1.2;
}
img#ptaisin {
	float:right;
	margin:0 0px 10px 10px;

}

/* アクセスマップ */
#accessmapbox {
	clear:both;
	margin:30px 0 10px 20px;
	/*border:1px solid #555;*/
}
#accessmapbox h3 {
	color:#fff;
	text-align:center;
	font-size:12px;
	margin:0px;
	padding:2px 6px 2px;
	letter-spacing:1px;
	border:1px solid #555;
	background:#555;
	line-height:1.2;
}
img#accessmap {
	margin:0px;
}
#accessmapbox p {
	margin:6px 14px;
	line-height:1.7;
}

/* =================インフォメーション================= */
/* リストページ */
.newsbox {
	margin:15px 0px 0;
	padding:0;
	border:1px solid #777;
}
.newsbox h3 {
	color:#fff;
	font-size:13px;
	margin:6px 6px 2px 6px;
	padding:2px 10px 2px 25px;
	line-height:1.5;
	background:#555 url(../img_common/icn_newshead.gif) no-repeat 5px 5px ;
}
.newsbox h4 {
	font-size:12px;
}
.newsbox p {
	font-size:12px;
	margin:6px 12px;
}
.newsbox p.newsday {
	text-align:right;
	margin:2px 8px 10px;
	padding:2px 6px 2px 0;
	line-height:1.2;
	border-bottom:1px dashed #777;
}
.newsimg {
	float:left;
	margin: 0 15px 10px 0;
	border:1px solid #ccc;
}
ul.newsul1, ul.newsul2 {
	margin:10px 12px;
}
ul.newsul1 li ,ul.newsul2 li {
	margin:6px 0;
	line-height:1.4;
}
ul.newsul2 li {
	display:inline;
	margin:6px 20px 6px 0;
}
.tellnum {
	font-size:14px;
	font-weight:bold;
}
/* 詳細ページ専用 */
.newsimgbox {
	margin:12px 19px;
}
.newsimgbox img {
	border:1px solid #999;
}
div.closebtn {
	text-align:center;
	margin:15px auto;
}

/* newsboxのfloatクリア裏技=crearfix */

.newsbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.newsbox { display: inline-block; }

/* Hide from Mac IE5 \*/
	* html .newsbox { height: 1%; }
	.newsbox { display: block; }
/* End hide from Mac IE5 */
/* クリア裏技=crearfix終了 */

/* =================施工例================= */
.worksbox {
	width:760px;
	margin:15px 0px;
	padding:0 0;
	border:1px solid #ccc;
	border-top:none;
}
/* worksboxのfloatクリア裏技=crearfix */
.worksbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.worksbox { display: inline-block; }
/* Hide from Mac IE5 \*/
	* html .worksbox { height: 1%; }
	.worksbox { display: block; }
/* End hide from Mac IE5 */
/* クリア裏技=crearfix終了 */

.worksbox h3 {
	color:#fff;
	font-size:14px;
	line-height:1.6;
	margin:0 0 15px;
	padding:3px 12px 3px 30px;
	letter-spacing:1px;
	background:#000 url(../img_common/back_midasi02.jpg) no-repeat;
	/*border-bottom :1px solid #777;*/
}
.worksbox h3 span {
	font-size:12px;
	/*font-weight:normal;*/
}
.worksbox p {
	font-size:12px;
	margin:6px 0px 6px 20px;
	line-height:1.8;
}
.worksimgbox {
	margin:0 20px 20px;
}
img.sekoptop {
	border:1px solid #ccc;
}
table.worksdata {
	margin:0 15px 15px 15px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	float:right;
	display:inline; /* for WinIE bagFix */
}
table.worksdata th {
	text-align:center;
	color:#fff;
	padding:3px 8px;
	line-height:1.5;
	letter-spacing:0.1em;
	vertical-align:middle;
	background:#777;
	border-right:1px solid #fff;
	border-bottom:1px solid #f3f3f3;
}
table.worksdata td {
	padding:3px 6px;
	line-height:1.5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
/* 写真サムネールのボックス */
.worksphotobox {
	margin:10px 10px 15px 20px;
}
.worksphotobox img {
	margin:0 8px 0 0;
	border:1px solid #ccc;
}
img.sekopend {
	margin:0;
}

/* =================リンク集================= */

#linksintro{
	background:#fff url(../links/images/back_linktop.jpg) no-repeat right bottom;
}
.linkbox {
	/*width:758px;*/
	margin:15px 0 0;
	padding:0;
	border-bottom :1px dotted #ccc;
}
.linkbox h3 ,.linkbox h4 {
	font-size:12px;
	margin:0 0px 10px;
	padding:2px 10px 2px 20px;
	border:1px solid #ccc;
	border-right:1px solid #999;
	line-height:1.5;
	background:#e6e6e6 url(../img_common/icn_linkmidasi2.gif) no-repeat 2px 1px ;
}
.linkbox p {
	margin:6px 8px ;
	line-height:1.6;
}
.linkbox img {
	float:left;
	border:1px solid #ccc;
	margin:0 16px 16px 0;
}

/* linkboxのfloatクリア裏技=crearfix */
.linkbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.linkbox { display: inline-block; }

/* Hide from Mac IE5 \*/
	* html .linkbox { height: 1%; }
	.linkbox { display: block; }
/* End hide from Mac IE5 */

/* クリア裏技=crearfix終了 */


/* =================準備中ページ================= */
div.wating {
	text-align:center;
	margin:200px 120px 200px;
	padding:10px 20px;
	line-height:1.7;
	border:1px solid #999;
}
div.wating p {
	font-size:12px;
	margin:6px;
	padding:1px;
	line-height:2;
}

/* =================裏技のオリジナル================= */
/* crearfix=ボックス内でfloatをクリアする */
/* class or id名部分を書き換えてインフォメーションとリンクページで使用 */

.crearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.crearfix { display: inline-block; }

/* Hide from Mac IE5 \*/
	* html .crearfix { height: 1%; }
	.crearfix { display: block; }
/* End hide from Mac IE5 */