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



body {
	background-color: #FFF;
	}



/*==================基本設定===================*/
#headerWrap,#footer {
	display:none;
}
#contentWrap {
	width: 985px;
	padding: 0 18px;
	margin: 0 auto;
	background-color: #FFF;
}

#content {
	clear: both;
	padding: 20px 1px 0;
}
#main {
	margin:0 auto;
	width: 820px;
	float: none;
}


.hilight {
	background-color: #4ba634;
	color: #FFF;
}



a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*ただし以下の画像は透過しない*/
#shopLogo a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*==================ヘッダー===================*/
#headerWrap {
	background: url(/images/project/bg_header_bottom.gif) no-repeat bottom center #FFF;
	padding-bottom: 10px;
}

#header {
	background: url(/images/project/bg_header_top.gif) no-repeat 0 8px #FFF;
	position: relative;
	height: 120px;
}

/*サイトタイトル部分*/
#logo {
	position: absolute;
	top: 74px;
	left: 7px;
	margin: 0;
}
#siteTitle h2 {
	position: absolute;
	top: 90px;
	right: 2px;
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}


/*ナビゲーション*/
#navi {
	clear: both;
	text-align: right;
	position: absolute;
	top: 50px;
	right: 2px;
}
#navi ul {
	padding: 0;
	margin: 0;
}
#navi li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: 1;
	font-size: 13px;
	padding-right: 10px;
	border-right: 1px solid #000;
	margin-right: 10px;
}
#navi li#navi04 {
	padding-right: 0px;
	border-right: 0px none;
	margin-right: 0px;
}



/*==================サブコンテンンツ===================*/
#subContent {
	display:none;
}
.sc-section {
	margin-bottom: 10px;
}
.sc-section h2 {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 5px;
}

#subContent .btn-like a {
	width: 135px;
	line-height: 1.4;
	letter-spacing: 0;
	padding: 9px 10px;
	margin: 0 0 5px;
}



/*==================メインコンテンツ===================*/
#icon_on_book {
	width: 77px;
	height: 77px;
	margin-top: -68px;
	margin-left: -10px;
	display: block;
	text-align: left;
	position: relative;
	z-index: 1000;
}


#main h1 {
	font-weight: normal;
	font-size: 18px;
	padding: 6px 0;
}
#main h2 {
	font-weight: normal;
	font-size: 16px;
	padding: 3px 0 3px 6px;
	border-left: 5px solid #CCC;
	line-height: 1;
	margin: 3px 0;
}
/*.other #main p,.other #main ul {
	margin-bottom: 15px;
}*/


/*情報のテーブル*/
.infoTbl {
	width: 770px;
	margin-bottom: 30px;
}
.infoTbl td,.infoTbl th {
	padding: 5px 10px;
	border-bottom: 1px dashed #CCC;
	vertical-align: middle;
}
.infoTbl th {
	background-color: #EEE;
	font-size: 14px;
	font-weight: normal;
}


/*フォームのテーブル*/

/*水平に2つ並べるリスト*/
/*このクラスはDIVもしくはULに書く*/
.horizon2col {
	margin: 0 10px;
	padding: 10px;
	padding-top: 18px;
	background-color: #F0F0F0;
	width: 740px;
}
.other #main .horizon2col ul {
	margin-bottom: 0px;
}
.horizon2col li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 320px;
	line-height: 1.2;
	margin-bottom: 4px;
	padding-right: 20px;
}


form label {
	font-size: 14px;
}

label input {
	height: 14px;
	vertical-align: baseline;
	margin-right: 3px;
}

/*==================資料請求フォーム===================*/

/*リストの背景色*/
#request .bg-newbook {
	background-color: #FFF !important;
}
#request .horizon2col {
	margin-bottom: 15px;
	background-color: #FFF !important;
}
#request .horizon2col h3 {
	margin: 0 0 8px 8px;
}
#request .horizon2col ul {
	margin: 0 0 10px;
	padding: 0;
}
#request .horizon2col li {
	padding-left: 27px;
	text-indent: -20px;
}
#request .horizon2col li input {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 15px;
	text-indent: 0px;
	vertical-align: bottom;
}

/*フォームのテーブル*/
#request .infoTbl th {
	width: 150px;
}
#request .infoTbl th em {
	color: #F00;
	margin-left: 8px;
	text-decoration: none;
	font-style: normal;
	font-size: 80%;
}

/*入力周り*/
#request form .inp-form,#request #zip3,#request #zip4 {
	font-size: 14px;
	padding: 3px;
	border: 1px solid #999;
}
#request form select,#request form option {
	font-size: 14pt;
	padding: 3px;
}
#request form .long {
	width: 370px;
}
#request form .medium {
	width: 260px;
}
#request form .short {
	width: 180px;
}
#request form input.ipt_btn {
	/*font-size: 14pt;*/
	padding: 6px 20px;
}
#request form textarea {
	width: 370px;
	height: 70px;
}




/*==================最新号===================*/
#new-books .book_thum {
	text-align: center;
	margin: 10px 0 20px;
}
#new-books #hyoushi {
	width: 495px;
	text-align: right;
	margin: auto;
	padding-bottom: 20px;
}
#new-books #hyoushi img {
	border: 1px solid #CCC;
}

.book_thum_other img {
	margin-right: 3px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}
/*#new-books #mokuji {
	float: left;
	width: 403px;
}
#new-books #tokushu {
	float: right;
	width: 403px;
}*/

#new-books .book_txt {
	clear: both;
	padding-top: 20px;
}
#new-books .book_txt .article {
	padding-left: 12px;
}
#new-books .book_txt .article p {
	line-height: 2;
}
#new-books .book_txt .article h3 {
	margin-top: 12px;
	padding: 15px 0;
	font-family: "小塚明朝 std R","Kozuka Mincho std", serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.3;
}

#new-books .book_txt ul.title {
	width: 322px;
	float: right;
}
#new-books .book_txt ul.title li {
	font-family: "小塚明朝 std R","Kozuka Mincho std", serif;
	font-weight: normal;
	font-size: 14px;
	padding-top: 4px;
}



/*==================バックナンバー===================*/
#books .book_thum {
	width: 160px;
	float: left;
}
#books .book_thum img {
	border: 1px solid #CCC;
	width: 150px;
}

#books .book {
	clear: both;
	padding-top: 20px;
	margin-right: 40px;
}
#books .book h2 {
	font-weight: normal;
	font-size: 12px;
	padding: 0 0 5px;
	margin-bottom: 10px;
	border-left: none 0px;
	border-bottom: 1px solid #CCC;
	line-height: 1;
	float: right;
	width: 606px;
}
#books .article {
	width: 606px;
	float: right;
}
#books .article p {
	line-height: 2;
}
#books .article h3 {
	padding: 3px 0 6px;
	font-family: "小塚明朝 std R","Kozuka Mincho std", serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
}
#books .books_builder {
	width: 606px;
	float: right;
}
#books .books_builder a {
	margin-right: 3em;
}



#login-form-area {
	width: 550px;
	margin-bottom: 25px;
	background-color: #EEE;
	padding: 10px 10px 15px;
}
#login-form-area .txtLeft {
	margin: 0 0 5px;
}
#login-form-area .txtLeft .title {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 120px;
}
#login-form-area .txtLeft .inp_txt {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 312px;
	font-size: 12pt;
	padding: 5px;
}
#login-form-area .txtRight {
	margin-top: -35px;
	margin-right: 10px;
}



/*ビルダーやインテリアの並び*/
#builder_works {
	clear: both;
	padding-top: 20px;
	font-size: 0px;
	margin-left: -5px;/*☆1*/
}
#builder_works h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 8px;
	margin-left: 5px;/*☆1*/
}
#builder_works .builder {
	width: 160px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 8px;
	margin-left: 5px;/*☆1*/
}
#builder_works .builder .thum {
	margin-bottom: 4px;
	height: 90px;
	overflow: hidden;
	text-align: center;
}
#builder_works .builder .thum img {
	width: 160px;
}

#builder_works .builder h3 {
	overflow: hidden;
	padding: 1px 6px 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
}
#builder_works .builder p {
	font-size: 12px;
	display: block;
	padding: 1px 6px 0;
	margin: 0;
}

/*特集用*/
#builder_works .pickup-sp h3 a,/*ビルダーのリスト*/
#request li.pickup-sp a,/*資料請求のページ*/
.list #builder_works .pickup-sp h3/*掲載情報一覧のページ*/ {
	color: #127c52 !important;
}



/* = 工務店リスト
-------------------------------------*/

#builder_works {
	clear: both;
	padding-top: 10px;
}
#builder_works h1 {
	margin-bottom: 3px;
	margin-left: 6px;
}
#recomend_interior {
	float: left;
	width: 644px;
}
#recomend_interior .item {
	width: 158px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 6px;
}
#recomend_interior .item .thum {
	margin-bottom: 4px;
}
#recomend_interior .item h3 {
	overflow: hidden;
	padding: 1px 6px 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
}



/* = 我が家マークリスト
-------------------------------------*/
.marks #content .section p {
	padding-bottom: 1.4em;
}
.marks #breadcrumbs,
#myhome_marks h1 {
	display: none;
}
#myhome_marks {
	clear: both;
	padding-top: 0px;
}

.myhome_mark {
	width: 355px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0px 50px 28px 0;
	padding-top: 0px;
}
.myhome_mark .thum {
	float: left;
	margin-bottom: 4px;
	border: 1px solid #CCC;
}
.myhome_mark .right-thum {
	margin-left: 15px;
}
.myhome_mark h3 {
	overflow: hidden;
	padding: 1px 6px 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
}




/* = 空間・スタイルから探す
-------------------------------------*/
#search_example ul {
	margin: 30px 0 0;
	padding: 0;
}
#search_example li.place {
	display: block;
	width: 170px;
	float: left;
	margin-left: 20px;
	margin-bottom: 30px;
}
#search_example li.place h3 {
	margin: 0;
	padding: 0;
}
#search_example li.place h3 a {
	padding: 60px 10px;
	display: block;
	color: #FFF;
	font-size: 16px;
	font-weight: 900;
	background-color: #22955f;
}
#search_example li.place h3 a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#search_example li#place_icon_02 h3 a,
#search_example li#place_icon_08 h3 a {
	background-color: #8e9a3f;
}
#search_example li#place_icon_03 h3 a,
#search_example li#place_icon_06 h3 a {
	background-color: #127c52;
}
#search_example li#place_icon_04 h3 a {
	background-color: #448b38;
}
#search_example li#place_icon_05 h3 a {
	background-color: #0e7c3e;
}

#search_example li#style_icon_02 h3 a,
#search_example li#style_icon_07 h3 a,
#search_example li#style_icon_12 h3 a {
	background-color: #8e9a3f;
}
#search_example li#style_icon_03 h3 a,
#search_example li#style_icon_08 h3 a {
	background-color: #127c52;
}
#search_example li#style_icon_04 h3 a,
#search_example li#style_icon_09 h3 a {
	background-color: #448b38;
}
#search_example li#style_icon_05 h3 a,
#search_example li#style_icon_10 h3 a {
	background-color: #0e7c3e;
}



#builder_works.works-spaces .builder {
	margin-bottom: 20px;
}
#builder_works.works-spaces .builder .thum {
	height: 160px;
	background-color: #000;
}
#builder_works.works-spaces .builder .thum img {
	max-height: 160px;
	width: auto;
}





/* = パンフレット
-------------------------------------*/
.page-pamph #subContent {
	padding-top: 40px;
}

.page-pamph .column2 p {
	font-size: 14px;
}
.page-pamph #breadcrumbs,
.page-pamph #main h1 {
	display: none;
}

.pamph-section {
	margin-bottom: 50px;
	padding: 0;
}
.pamph-section li {
	display: block;
	float: left;
}
.pamph-section li img {
	height: 145px;
	width: auto;
}
.pamph-section li.pamph-top {
	margin-right: 10px;
	width: 100px;
}
.pamph-section li.pamph-top img {
	border: 1px solid #888;
}
.pamph-section li.pamph-open {
	margin-left: 15px;
}
.pamph-section li.pamph-top label {
	display: block;
	margin: 8px 0 0;
	font-size: 10px;
	line-height: 1.3;
}
.pamph-section li.pamph-top label input {
	margin-right: 4px;
	margin-bottom: 3px;
	vertical-align: bottom;
	width: 15px;
}










/* = トップページ
--------------------------------------------*/

.home #content h2 {
	font-size:15px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 0;
	line-height: 1;
}


/*ニュースエリア*/

#topNews {
	padding-top: 10px;
}



/*雑誌の表紙*/
#top_latest-book {
	float: left;
	width: 324px;
	height: 468px;
}
#top_latest-book .rslides1 {
	border: 1px solid #ccc;
	line-height: 1;
	height: 437px;
	overflow: hidden;
}
#top_latest-book .rslides img {
	vertical-align: bottom;
}
/*#icon_on_book img {
	width: 77px;
	height: 77px;
	top: -70px;
	left: -10px;
	display: block;
	position: relative;
	z-index: 200;
	border: none !important;
}*/
#new-books #hyoushi #icon_on_book {
	border: none !important;
}



/*一般会員募集＆我が家マーク*/
#top_media_bnr {
	width: 155px;
	float: left;
	margin-left: 10px;
}
#top_media_bnr .bnr img {
	position: relative;
	z-index: 3;
	margin-left: -22px;
}
#top_media_bnr .bnr img {
}
.bnr-marks {
	margin-top: 18px;
}



/*スタイルから探す*/
#top-search_from_style {
	width: 155px;
	float: left;
	margin-left: 10px;
}
.style_list {
	padding: 33px 0 0;
	background: url(/images/project/bg_style.gif) top center no-repeat;
	border-bottom: 1px solid #CCC;
	margin: 0;
}
.style_list li {
	display: block;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #FFF;
}
.style_list li a {
	margin: 0 5px;
	display: block;
	/*height: 33px;*/
	height: 25px;
	overflow: hidden;
	line-height: 26px;
	padding: 1px 4px 0;
	border-bottom: 1px solid #ccc;
	color: #000;
}
.style_list li:last-of-type a {
	border-bottom: 0px none;
}



/*ブログ情報を取得*/
#top-blog_timeline {
	width: 320px;
	float: right;
	height: 468px;
}
#top-blog_timeline .timeline {
	border: 1px solid #CCC;
	padding: 10px;
	height: 418px;
	overflow-y: scroll;
}
#top-blog_timeline .timeline .timeline-item {
	border-bottom: 2px dotted #CCC;
	padding: 10px 0 10px;
}




/*FB*/
#fromFB {
	clear: both;
	width: 322px;
	float: left;
}
#fromFB h2 .icon {
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 4px;
	font-weight: normal;
}
#fromFB iframe {
	width: 322px;
	height: 320px;
}
#fromFB .txtRight {
	clear: both;
}


/*大文字イニシャル*/
#initial-area {
	float: left;
	width: 320px;
	padding: 0;
	margin-left: 10px;
}
#initial-area .inner {
	height: 334px;
}
#cat-list {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
#cat-list li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: absolute;
}
/*
list-item1：外観
list-item2：リビング
list-item3：キッチン
list-item4：子供部屋
list-item5：庭・エクステリア
list-item6：その他
list-item7：玄関
list-item8：洗面・バス・トイレ
*/
#cat-list li#list-item1 {left:95px; top:30px;}
#cat-list li#list-item2 {left:16px; top:111px;}
#cat-list li#list-item3 {left:96px; top:173px;}
#cat-list li#list-item4 {left:224px; top:59px;}
#cat-list li#list-item5 {left:125px; top:287px;}
#cat-list li#list-item6 {left:205px; top:227px;}
#cat-list li#list-item7 {left:203px; top:121px;}
#cat-list li#list-item8 {left:16px; top:230px;}

#cat-list li a {
	color: #000;
	background-color: #bfd394;
	line-height: 25px;
	height: 25px;
	padding: 0 10px;
	font-size: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#cat-list li a:hover {
}
#cat-list li.shop a {
	background-color: #e60012;
}


/*パンフレットプレゼント*/
#bnr_panphlet {
	width: 155px;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}


/*全国SDC*//*サイドでも利用中*/
#sc_pr-sdcproject-wrap {
	width: 155px;
	float: left;
	background: url(/images/project/bg_style.gif) top center no-repeat;
	border-bottom: 1px solid #CCC;
}
.home #sc_pr-sdcproject-wrap {
	margin-top: 15px;
	margin-left: 10px;
}
#content #sc_pr-sdcproject-wrap h2 {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	margin-top: 33px;
	margin-bottom: 0;
	padding-top: 7px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#sc_pr-sdcproject {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding-top: 10px;
	height: 252px;
}
#sc_pr-sdcproject h3 {
	margin: 0 10px 10px;
}





#builder_works {
	clear: both;
	margin-right: -5px;
}


/*バナー*/
#sales_banners {
	width: 825px;
	float: left;
	margin-top: 30px;
	font-size: 0;
	margin-left: -5px;
	/*clear: left;*/
}

#sales_banners li {
	width: 160px;
	display: inline-block;
	*display: inline;
	zoom :1;
	margin-left: 5px;
}
#sales_banners li img {
	width: 160px;
}

#top_side-bnr {
	margin-top: 45px;
	border: none;
}



/*ショップ部分のうーん・・・・*/
#shopHeaderWrapper {
	padding-top: 100px;
}
#shopHeader .shop-copy {
	position: absolute;
	top: -50px;
	left: 10px;
}

#breadcrumbs {
	display: none;
}