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


/*全体の幅 960px


*/

body {
	position: relative;
	background-image: url(../bg_images/bg_whole.gif);
}

div.inner-box {
	width: 960px;
	margin: 0 auto;
}

h4 {
	margin: 21px 0;
}


#wrapper {
	width: 960px;
	margin: 0 auto;
}


#topvisual {
	width: 960px;
	height: 400px;
	position: relative;
	margin: 0 auto 20px;
	border-top: 1px solid #d6d6cb;
	border-bottom: 1px solid #fff;
	z-index: 1;
}

ul#portfolio {
	width: 960px;
	margin: 0 auto;
	z-index: 100;
	height: 400px;
	overflow: hidden;
}

ul#visualmenu {
	width: 960px;
	height: 67px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
	text-align: left;
}

ul#visualmenu li {
	margin: 0;
	line-height: 0;
	padding: 0;
	float: left;
}

div#messagebox {
	position: absolute;
	z-index: 1000;
	top: 300px;
	height: 100px;
	width: 800px;
	overflow: hidden;
	left: 50%;
	margin-left: -400px;
}


/*ヘッダーメニュー*/

ul#headmenu {
	display: block;
	height: 50px;
	width: 448px;
	float: right;
	clear: none;
	margin-top: 55px;
}


ul#headmenu li {
	float: left;
}

/*1列分のグリッド*/


div.firstbox { /*一番実初の225pxボックス*/
	float: left;
	width: 225px;
	position: relative;
	margin-right: 12px;
	margin-left: 12px;
	_margin-left: 6px;
}

div.fourthbox { /*一番実後の225pxボックス*/
	float: right;
	width: 225px;
	position: relative;
	margin-bottom: 21px;
}

div.quarterbox { /*左3列用の1列分225pxボックス*/
	float: left;
	width: 225px;
	position: relative;
	margin-right: 20px;
}

div.quarterbox-nomagin { /*右にマージン無し*/
	float: left;
	width: 225px;
	position: relative;
	
}

div.onefifth {
	width: 175px;
	margin-right: 5px;
	float: left;
}

div.onefifth-last {
	width: 175px;
	float: right;
}

/*2列分のグリッド*/


div.onesecondbox {/*左側2列分のボックス*/
	float: left;
	width: 462px;
	margin-right: 12px;
	margin-left: 12px;
	_margin-left: 6px;
}


div.centersecondbox {/*真ん中2列分のボックス*/
	float: left;
	width: 470px;
	margin-right: 0px;
}



div.twosecondbox {/*右側2列分のボックス*/
	float: left;
	width: 470px;
}


/*3列分のグリッド*/

div.threequartersbox {/*左側3列分のボックス*/
	float: left;
	width: 715px;
	margin-bottom: 14px;
	clear: both;
}

div.right-threequartersbox {/*右側3列分のボックス*/
	float: left;
	width: 715;
	margin-bottom: 14px;
	
}

div.center-threequartersbox {/*左側3列分のボックス*/
	width: 715px;
	margin: 0 auto 14px;
	clear: both;
	min-height:500px;
	height: auto !important;
	height: 500px;
}


/*3列分を2列に分割*/

div.left-2ofthreequartersbox {
	float: left;
	width: 347px;
	margin-right:20px;
	margin-bottom: 7px;
	
}
div.right-2ofthreequartersbox {
	width: 347px;
	float: right;
	margin-bottom: 7px;
	
}


/*clearfixとmargin用*/

div.margin14 {
	margin-bottom: 14px;
}

hr {
	clear: both;
	visibility: hidden;
}

img.left-image {
	float: left;
	margin: 0 1em 1em 0;
}
img.right-image {
	float: right;
	margin: 0 0 1em 1em;
}

h3.h3-sidetitle {
	margin-bottom: 0;
}
/*ヘッダー*/

#header {
	height: 130px;
	text-align: left;
	background: url(../bg_images/bg_h1.jpg) top repeat-x;
	margin-bottom: 20px;
}

h1 {
	font-size: 11px;
	display: block;
	width: 960px;
	margin-bottom: 0px;
	line-height: 1;
	padding: 6px 0;
	text-shadow: 0 1px 0.5px #FFF;
}

#header h2 {
	float: left;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 0px;
}

#header p.tagline {
	float: left;
	margin-top: 51px;
	font-size: 14px;
	font-weight: bold;
}


#header p.ask {
	float: right;
	margin-top: 0px
}
/*グローバルナビ*/

div#gnav-box {
	background: #828282;
	height: 65px;
	clear: both;
	padding-top: 14px;
}

ul#gnav {
	height: 50px;
}

ul#gnav li {
	float: left;
	}

ul#gnav li a {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/*サイドバー指定*/

#contents p.sidemenu_p {
	margin:0;
}

h4.sidemenu_h4 {
	margin:0;
}

ul#sidebar_menu {
	border-bottom: 1px solid #e39161;
}

ul.sidebar_link {
}


/*パン屑リスト */

#topicpath {
	clear: both;
	width: 936px;
	margin: 0 0 21px;
	font-size: 85%;
}

#topicpath ul li {
	display: block;
	float: left;
	padding-left: 15px;
	background: url(../bg_images/bg_localnav.gif) no-repeat 0 5px;
	margin-right: 15px;
}

#topicpath ul li.hometopic {
	background-image: none;
	padding-left: 0px;
}


/*ラインナップメニュー*/

ul#lineupmenu {
	margin-bottom: 21px;
	float: left;
	width: 960px;
	background: url(../images/lineupmenu_05.jpg) right no-repeat;
}

ul#lineupmenu li {
	float: left;
	line-height: 1.0;
	margin-right: 0;
}


/*フッターナビ*/

#footernav {
	margin: 0 auto 14px;
	width: 960px;
	height: 60px;
	padding: 10px 0;
	background: #666;
}

/*フッター*/

address {
	margin-top: 50px;
}

ul.bannerlist {
	text-align: center;
	width: 470px;
	margin: 0 auto;
	
}

ul.bannerlist li {
	margin-right: 20px;
	float: left;
}

ul.bannerlist li.lastlist {
	margin-right: 0;
}

#footer {
	color: #FFF;
	margin: 0 auto;
	text-align: left;
	clear: both;
	background: url(../bg_images/bg_footerbottom.jpg) repeat-x center;
	font-size: 85%;
}

#footer a{color: #FFF; text-decoration: none;}

#footer ul.footermenulist li {
	background: url(../bg_images/bg_footerlist.gif) no-repeat 0 8px;
	padding-left: 15px;
	line-height: 1.8;
	float: left;
	margin-right: 3em;
}



#footerlistbox {
	width: 960px;
	margin: 0 auto;
	font-size: 80%;
	
}

#footerlistbox a{text-decoration: none; color:#5e0001;}
#footerlistbox a:hover{text-decoration: underline; color:#5e0001;}
#footerlistbox ul	{
	padding-bottom: 10px;
	height: 20px;
	}
#footerlistbox ul.footermenulist li {
	background: url(../images/bg_footerlistbox.gif) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.8;
	display: inline;
	margin-right: 3em;
}


#footer h4 {
	padding-top: 205px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.1em;
	margin-bottom:7px;
}

#footer div.backtotop {
	position: absolute;
	right: 0;
	top: 0;
}

div.footerinner {
	min-height:362px;
	height: auto !important;
	height: 362px;
	margin-bottom: 0px;
	position: relative;
}
	




/*コンテンツ*/

#contents {
	width: 960px;
	margin: 0 auto 21px;
	text-align: left;
	position: relative;
	clear: both;
}


/*本文*/

div.maincontents {
	margin: 14px 0 0 0;
	padding: 0px;
	background-color: #FFF;
	border-radius: 3px;
	clear: both;
}

#contents p {
   margin-bottom: 1.5em;
}

p.inboxstyle {
	margin: 10px;
	font-size: 85%;
}

p.learnmore {
	text-align: right;
}

#gallery a img:hover,
#footernav a img:hover,
div.fourthbox a img:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/*トップページのみ*/


div.top_lineup {
	clear: both;
	background: url(../bg_images/bg_toplineup.gif) repeat-x;
	}

div.top_lineup p.brand-mark {
	float: left;
	width: 225px;
}

div.top_lineup h4.brand-nihongo {
	clear: none;
	margin-left: 245px;
	line-height: 1;
	margin-top: 0px;
}
div.top_lineup p.brand-explain {
	margin-left: 245px;
	font-size: 92%;
	
}


/*下層ページ大きいビジュアル*/

#mainvisualarea {
	width: 100%;
	margin: 0 auto;
	background: #89C11F;
	padding: 21px 0;
	height: 258px;
	color: #fff;
	text-align: left;
}


#mainvisual {
	width: 960px;
	height: 400px;
	position: relative;
	margin: 0 auto 20px;
	clear: both;
}


#mainvisualarea.main_11 {
	background: #000;
}

ul#brandmenu {
	background: url(../bg_images/bg_sidemenu.jpg) bottom no-repeat;
	padding-bottom: 49px;
	margin-bottom: 7px;
}


/*BESTARCH用*/

#contents p.p-bestarch {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 1em;
	line-height: 1.8;
}


#contents p.p-bestarchbig {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 1em;
	line-height: 1.5;
	font-size: 120%;
	font-weight: bold;
	
}

#contents h3 {
	clear: both;
}

#gallery {
	margin-bottom: 21px;
	height: 628px;
}


div.main-post {
	height: 900px;
	overflow: hidden;
}

/*新着情報*/

ul.topicsnews {
	margin-bottom: 21px;
}

ul.topicsnews img {
	margin-right: 10px;
}

ul.topicsnews li {
	line-height: 1.8;
}
ul.topicsnews li span {
	color: #78962e;
	font-weight: bold;
}


/*グランデ用*/

#contents p.p-grande {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 1em;
	line-height: 1.5;
	
}

#contents p.p-grandebig {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 1em;
	line-height: 1.5;
	font-size: 120%;
	font-weight: bold;
	
}

div.type3 {
	clear: both;
}

ul#type3list {
	height: 60px;
	margin: 35px 0;
}

ul#type3list li {
	text-indent: -9999px;
	float: left;
}
ul#type3list li a{
	display: block;
	height: 60px;
}

ul#type3list li a#type3-taishin {width:239px;background: url(/grande/images/bg_3type_off_01.jpg);}
ul#type3list li a#type3-taishin.current {background: url(/grande/images/bg_3type_on_01.jpg);}
ul#type3list li a#type3-taika {width:239px;background: url(/grande/images/bg_3type_off_02.jpg);}
ul#type3list li a#type3-taika.current {background: url(/grande/images/bg_3type_on_02.jpg);}
ul#type3list li a#type3-taikyu {width:237px;background: url(/grande/images/bg_3type_off_03.jpg);}
ul#type3list li a#type3-taikyu.current {background: url(/grande/images/bg_3type_on_03.jpg);}


div.canada {
	background: url(../grande/images/bg_canada.gif) bottom no-repeat #259179;
	color: #fff;
	font-size: 85%;
	line-height: 1.5;
	padding-bottom: 20px;
}
	
div.canada p {
	margin: 20px;
}
	
div.canada h4 {
	font-size: 95%;
	line-height: 1.3;
	margin: 0;
}

div.canada h4 span {
	font-weight: bold;
	font-size: 180%;
}


ul#stepping8 {
	height: 250px;
	overflow: hidden;
	margin-bottom: 42px;
}

div.kodawari {
	padding: 14px;
	border: 2px solid #d6d6cb;
	clear: both;
	min-height:152px;
	height: auto !important;
	height: 152px;
	margin-bottom: 14px;
}

div.kodawari h5 {
	color: #5e0005;
	margin-left: 24px;
	margin-top: 9px;
	line-height: 1;
	margin-bottom: 24px;
}


/*店舗紹介*/

table.shopinfotable {
	width: 100%;
	background: url(../bg_images/bg_menuhover.gif) repeat-x;
	margin-bottom: 28px;
}
table.shopinfotable th {
	font-weight: bold;
	color: #78962e;
	padding: 14px;
	width: 20%;
	border: 1px solid #fff;
	}
table.shopinfotable td {
padding: 14px;
border: 1px solid #fff;
	}
table.shopinfotable tr.gusu {
	background: url(../bg_images/bg_menuhover2.gif) repeat-x;
}


ul#schedulenumber li {
	float:left;
	margin-right:3px;
	margin-bottom: 7px;
}

#stepping82 {
	height: 250px;
	overflow: hidden;
	clear: both;
}


ul#topaction {
	height:400px;
	background: url(../bg_images/bg_topaction.jpg) no-repeat;
}

ul#topaction li {
	float:left;
}

/*bestarchのtechnology*/

div.type3b {
	clear: both;
}

ul#type3blist {
	height: 60px;
	margin: 21px 0;
}

ul#type3blist li {
	text-indent: -9999px;
	float: left;
}
ul#type3blist li a{
	display: block;
	height: 60px;
}

ul#type3blist li a#type3b-se {width:239px;background: url(/bestarch/images/bg_3btype_off_01.jpg);}
ul#type3blist li a#type3b-se.current {background: url(/bestarch/images/bg_3btype_on_01.jpg);}
ul#type3blist li a#type3b-rc {width:239px;background: url(/bestarch/images/bg_3btype_off_02.jpg);}
ul#type3blist li a#type3b-rc.current {background: url(/bestarch/images/bg_3btype_on_02.jpg);}
ul#type3blist li a#type3b-24 {width:237px;background: url(/bestarch/images/bg_3btype_off_03.jpg);}
ul#type3blist li a#type3b-24.current {background: url(/bestarch/images/bg_3btype_on_03.jpg);}


/*ヒルズ・ホーム*/

table.bukkendetails {
	width:470px;
	font-size: 92%;
	}
table.bukkendetails th {
	background: url(../bg_images/bg_menuhover2.gif);
	border: 1px solid #fffff2;
	padding: 0.5em;
	width: 20%;
	}
table.bukkendetails td {
	border: 1px solid #fffff2;
	padding: 0.5em;
	background: url(../bg_images/bg_menuhover.gif);
}

div.border {
	clear: both;
	padding: 21px 0;
}


ul.tadashigaki {font-size: 85%; margin-bottom: 14px;}
ul.tadashigaki li {
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 0.5em;
	color:#666;
}

table.hoshojiko {
	font-size: 85%;
	width:470px;
	}
	
table.hoshojiko td {
	border: 1px solid #ffff2;
}
	
table.hoshojiko th {
	
	width: 20%;
	padding: 0.3em;
	background: url(../bg_images/bg_menuhover2.gif);
	vertical-align: top;
}
table.hoshojiko td {
	border: 1px solid #ffff2;
padding: 0.3em;
	
	vertical-align: top;
}

/*トップページ指定*/

div.Ltopcap {
	width: 345px;
	_width: 340px;
	float:left;
	border: 1px solid #fffff7;
	min-height:90px;
	height: auto !important;
	height: 90px;
	clear:both;
	margin-bottom: 14px;
	
}

div.Rtopcap {
	width:345px;
	_width: 340px;
	float:right;
	min-height:90px;
	height: auto !important;
	height: 90px;
	border: 1px solid #FFFFF7;
	margin-bottom: 14px;
}
div.Rtopcap p,
div.Ltopcap p {
	margin:5px 8px 5px 5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
}
div.Rtopcap p.top-capture,
div.Ltopcap p.top-capture {
	float:left;
}

img.top-cap-pic {
	float:left;
	margin-right:8px;
	padding:1px;
	border: 1px solid #FFFFF7;
}
div.Rtopcap h4,
div.Ltopcap h4 {
	margin:0 5px 10px;
}

a.seedetails {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*フォーム部分*/
table.request,
table.request2 {
	width: 715px;
	text-shadow: 0 1px 0.5px #FFF;
	margin: 14px 0;
}

table.request input {
	padding: 0.1em;
}

table.request input:focus {
	background: #fffff7;
}

table.request td,table.request th,
table.request2 td,table.request2 th {
	padding: 0.5em;
	border: 1px solid #fffff7;
	vertical-align: middle;
}

table.request th {
	background:url(../bg_images/bg_menuhover.gif) repeat-x;
	width: 25%;
	
}

img.hissumark {
	vertical-align: top;
	padding: 0 0 14px 6px;
}

table.request2 tr.odd {
	background: url(../bg_images/bg_menuhover.gif);
	text-shadow: 0 1px 0.5px #FFF;
}

table.request2 td.form02 {
	padding: 1.5em 0.5em;
	font-size: 92%;	
}

.form01{
	border-bottom-width: 1px dashed #999;

}



.small{
	font-size: 10px;
}

#q_ttl{
	padding-top: 16px;
	
}

#send_btn{
	text-align: center;
	padding: 2em 0;
	margin: 16px 0 0 0;
	background: url(../bg_images/bg_menuhover2.gif);
}


textarea {
	width: 80%;
	margin: 0 auto;
}

table.request2 table.request-inner {
	width:100%;
}

table.request2 table.request-inner th,
table.request2 table.request-inner td {
	border: none;
}


table.request table.checktable {
	width: 100%;
	margin: 0;
}
table.request table.checktable td,
table.request table.checktable th {
	border: none;
}

/*プランの流れ*/

#contents ol.plansflow p {
	margin-left: 42px;
	margin-top: 15px;
}



/*建築家一覧*/

table.architectslist {
	width: 715px;
}

table.architectslist td.thumbnailfield {
	width: 160px;
	height: 160px;
	padding-bottom: 8px;
}

table.pagecontrol {
	text-align: center;
	width: 100%;
}

table.pagecontrol td.controllbutton {
	width: 90px;
}


/*営業所一覧*/

table.storedetails {
	width:347px;
	font-size: 92%;
	margin-bottom: 15px;
	}
table.storedetails th {
	background: url(../bg_images/bg_menuhover2.gif);
	border: 1px solid #fffff2;
	padding: 0.5em;
	width: 20%;
	vertical-align: top;
	}
table.storedetails td {
	border: 1px solid #fffff2;
	padding: 0.5em;
	background: url(../bg_images/bg_menuhover.gif);
	vertical-align: top;
}

#map-places {
	width: 568px;
	padding: 0 0 20px 0;
	text-align: left;
	margin: 0 auto;
}

#map-places p {
	font-weight: bold;
	font-size: 110%;
}