@charset "utf-8";
 /* design
-------------------------------------------------- */
body {
	background: #fff url(../images/design/background.gif) top left repeat-x;
	padding-top: 88px;
}

div#background {
	background: #d6d6d6 url(../images/design/background_design.jpg) top center repeat-x;
}
div#background:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div#background { height: 1%;}
* html div#background { height: 1%;}
div#background { display: block;}
/* Mac IE end */

div.container {
	width: 950px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #f8f7f7;
	text-align: left;
}
*html div.container { width: 990px;}

div#header {
	position: relative;
	top: -88px;
}

div#wrapper {
	margin-top: -88px;
}


 /* Top
-------------------------------------------------- */
div#content {
	position: relative;
}

#banner-design p {
	margin: 0 ! important;
	display: none;
}

h2.title-page {
	margin-bottom: 20px;
	padding: 9px;
	background: url(../images/design/top/title_page_design.jpg) top left no-repeat;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #c4c4c4;
}

h2.title-page#ja-title{
	margin-bottom: 20px;
	padding: 9px;
	background: url(../images/design/top/title_page_ja.jpg) top left no-repeat;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #ffffff;
}

h2.title-page#house-title{
	margin-bottom: 20px;
	padding: 9px;
	background: url(../images/design/top/title_page_house.jpg) top left no-repeat;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #ffffff;
}
h3.title-area {
	padding: 12px 25px;
	background: url(../images/design/title_item_outline.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-area#ja{
	padding: 12px 25px;
	background: url(../images/design/title_item_outline-ja.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-area#house{
	padding: 12px 25px;
	background: url(../images/design/title_item_outline-house.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h2.title-area#super{
	padding: 12px 25px;
	background: url(../images/design/title_item_outline-ja.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

div#banner-design {
	width: 713px;
	height: 349px;
	padding: 8px;
	position: absolute;
	top: 28px;
	left: -6px;
	background: url(../images/design/top/background_banner.jpg) 1px 0 no-repeat;
}
* html div#banner-design {  width: 729px; height: 365px;}

div#navi-design {
	margin-top: 390px;
}

ul.tab-design {
	width: 715px;
	height: 52px;
	position: relative;
	z-index: 10;
	*zoom: 1;
	list-style: none;
}

ul.tab-design li {
	float: left;
	margin-right: 5px;
	line-height: 1.1em;
	font-size: 12px;
}
ul.tab-design li.tab-last { margin-right: 0;}

ul.tab-design li span {
	font-size: 10px;
}

ul.tab-design li span.house{
	font-size: 9px;
}

ul.tab-design li a {
	display: block;
	width: 107px;
	height: 35px;
	padding: 18px 0 0 20px;
	background: url(../images/design/top/tab_design.jpg) left bottom repeat-x;
	text-decoration: none;
	color: #bfe1f6;
}
* html ul.tab-design li a { width: 127px; height: 53px;}

ul.tab-design li a:hover, ul.tab-design li a.active {
	height: 41px;
	padding-top: 11px;
	background: url(../images/design/top/tab_design_active.jpg) left bottom repeat-x;
	color: #4d4f54;
}
* html ul.tab-design li a:hover, *html ul.tab-design li a.active { height: 52px;}

div.tab-content {
	clear: left;
	width: 695px;
	margin-bottom: 30px;
	padding: 20px 10px 0;
	border: #dadada solid 1px;
	position: relative;
	top: -1px;
	z-index: 1;
	background-color: #e9e9e9;
}



* html div.tab-content { width: 715px;}
div.tab-content:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div.tab-content { height: 1%;}
* html div.tab-content { height: 1%;}
div.tab-content{ display: block;}
/* Mac IE end */

div.tab-content div.section {

}

div.tab-content-super {
	clear: left;
	width: 695px;
	margin-bottom: 30px;
	padding: 10px 10px 0;
	border: #dadada solid 1px;
	position: relative;
	top: -1px;
	z-index: 1;
	background-color: #e9e9e9;
}

* html div.tab-content-super { width: 715px;}
div.tab-content:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div.tab-content-super { height: 1%;}
* html div.tab-content-super { height: 1%;}
div.tab-content{ display: block;}
/* Mac IE end */

div.tab-content div.section {

}

div.photo-design {
	margin-bottom: 15px;
	padding: 15px 15px 5px;
	position: relative;
	background: #FFFFFF url(../images/design/top/background_item.jpg) right bottom;
}

div.photo-design#jahouse-back {
	margin-bottom: 15px;
	padding: 15px 15px 5px;
	position: relative;
	background: #FFFFFF right bottom;
	border:solid 1px #cccccc;
}
div.photo-design:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div.photo-design { height: 1%;}
* html div.photo-design { height: 1%;}
div.photo-design { display: block;}
/* Mac IE end */

div.photo-design ul {
float: left;
	width: 431px;
	list-style: none;
}

div.photo-design ul li {
	padding-bottom: 11px;
	padding-right: 10px;
	float: right;
}

div.photo-design ul li.photo-main {
	float: left;
}

div.photo-design ul li img {
	border: #CCCCCC solid 1px;
	vertical-align: bottom;
}

div.photo-design dl {
	float: right;
	width: 230px;
	padding-top: 8px;
	font-size: 1em;
	color: #fff;
}

div.photo-design#jahouse-back dl {
	float: right;
	width: 230px;
	padding-top: 8px;
	font-size: 1em;
	color: #3C3C3C;
}

div.photo-design dl dt {
	margin-bottom: 0.5em;
}

div.photo-design dl dt span img {
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}

div.photo-design dl dd.button-item {
	position: absolute;
	top: 195px;
}

div.photo-design dl span.route {
	font-size: 1em;
}

div.area {
	padding: 15px 15px 5px;
	border: #d9d9d9 solid 1px;
	background: #f6f6f6 url(../images/design/top/background_area.jpg) bottom left repeat-x;
}


 /* Contents
-------------------------------------------------- */
h2.title-page-design {
	margin-bottom: 15px;
	margin-top: 20px;
	padding-bottom: 15px;
	position: relative;
	background: url(../images/design/title_page.gif) left bottom repeat-x;
	line-height: 1.2em;
	font-size: 2em;
}

h2.title-page-design span {
	position: absolute;
	right: 0;
	line-height: 1.2em;
	font-size: 0.5em;
	font-weight: normal;
	text-align: right;
}


h3.title-layout {
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_layout.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-layout#ja_layout{
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_layout_ja.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-layout#house_layout{
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_layout_house.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-area-map {
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_area_map.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-area-map#ja_map {
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_area_map_ja.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-area-map#house_map{
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_area_map_house.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-item-outline {
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_item_outline.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-item-outline#ja_outline{
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_item_outline_ja.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h3.title-item-outline#house_outline{
	margin-bottom: 20px;
	padding: 12px 25px;
	background: url(../images/design/title_item_outline_house.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

ul.button {
	margin-bottom: 25px;
	list-style: none;
	text-align: right;
}

ul.button li {
	display: inline;
	padding-left: 5px;
}

p#buzzword {
	margin-bottom: 10px;
	font-size: 14px;
	color: #2C5B35;
}

div#main-image {
	float: left;
	width: 458px;
	height: 326px;
	overflow: hidden;
	text-align: center;
}
* html div#main-image { width: 458px; height: 458px;}

div#main-image img {
	max-width: 452px;
	max-height: 320px;
	border: #dadada double 3px;
}
html[xmlns] div#main-image img { width: auto; height: auto;}

* html div#main-image img {
	width: expression(this.width >= this.height ? "452px" : "auto");
	height: expression(this.width <= this.height ? "452px" : "auto");
}

img {-ms-interpolation-mode: bicubic;}

ul#image-gallery {
	float: right;
	width: 250px;
	list-style: none;
	}

ul#image-gallery li {
	float: left;
	width: 67px;
	height: 67px;
	margin-left: 10px;
	margin-bottom: 11px;
	border: #dadada double 3px;
	overflow: hidden;
}
* html ul#image-gallery li { margin-left: 2px; width: 73px; height: 73px;}

ul#image-gallery li img {
	min-width: 67px;
	min-height: 67px;
}
* html ul#image-gallery li img {
	width: expression(this.width >= this.height ? "67px" : "auto");
	height: expression(this.width <= this.height ? "67px" : "auto");
}

div.layout {
	float: left;
	width: 245px;
}

div.layout img {
	border: #dadada solid 1px;
}

div.area-map {
	float: right;
	width: 455px;
}

div.area-map iframe {
	margin: 0;
	padding: 0;
	border: #dadada solid 1px;
}

p.large-map {
	float: right;
	margin-bottom: 0 ! important;
	padding-left: 8px;
	background: url(../images/design/arrow_gray.gif)  left center no-repeat;
	font-size: 0.9em;
}

div#outline {
	padding: 16px;
	background-color: #FFFFFF;
}

div#outline.ja_outline{
	padding: 16px;
	background-color: #FFFFFF;
}

div#outline.house_outline{
	padding: 16px;
	background-color: #FFFFFF;
}

ul.item-outline-main {
	margin-bottom: 1em;
	padding: 10px 0 10px 15px;
	background-color: #fff;
	list-style: none;
	font-size: 1.2em;
}

ul.item-outline-main.ja_outline {
	margin-bottom: 1em;
	padding: 10px 0 10px 15px;
	background-color: #fff;
	border:1px solid #BBBBBB;
	list-style: none;
	font-size: 1.2em;
}

ul.item-outline-main.house_outline {
	margin-bottom: 1em;
	padding: 10px 0 10px 15px;
	background-color: #fff;
	border:1px solid #BBBBBB;
	list-style: none;
	font-size: 1.2em;
}

ul.item-outline-main:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
ul.item-outline-main { display: inline-block;}
/* MacIE begin \*/
*+html ul.item-outline-main { height: 1%;}
* html ul.item-outline-main { height: 1%;}
ul.item-outline-main { display: block;}
/* Mac IE end */

ul.item-outline-main li {
	float: left;
	width: 319px;
	padding-right: 15px;
}

ul.item-outline-main li dt {
	clear: left;
	float: left;
	padding: 8px 0 8px 12px;
	background: url(../images/design/marker_grid_blue.gif)  left center no-repeat;
	font-weight: bold;
}

ul.item-outline-main li dd {
	padding: 8px 0 8px 10em;
	background: url(../images/common/line_dot.gif) left bottom repeat-x;
}

dl.item-outline {
	margin-bottom: 1em;
	color:#000000;
}

dl.item-outline {
	margin-bottom: 1em;
	color:#000000;
}

dl.item-outline#superkun_text {
	margin-bottom: 1em;
	color:#000000;
}

dl.item-outline#jahouse_text{
	margin-bottom: 1em;
	color:#000000;
}

dl.item-outline dt {
	clear: left;
	float: left;
	padding: 8px 0 8px 12px;
	background: url(../images/design/marker_grid_blue.gif)  left center no-repeat;
}

dl.item-outline dd {
	padding: 8px 0 8px 12em;
	background: url(../images/common/line_dot.gif) left bottom repeat-x;
}

dl.item-outline dd ul {
	list-style: none;
}
dl.item-outline dd ul:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
dl.item-outline dd ul { display: inline-block;}
/* MacIE begin \*/
*+html dl.item-outline dd ul { height: 1%;}
* html dl.item-outline dd ul { height: 1%;}
dl.item-outline dd ul { display: block;}
/* Mac IE end */

dl.item-outline dd ul li {
	float: left;
	padding-left: 1em;
	margin-right: 1.5em;
	background: url(../images/design/maker_white.gif)  left center no-repeat;
	white-space: nowrap;
}

div#outline ul.note {
	color: #000000;
}

div#outline ul.note#jahouse_note {
	color: #000000;
}

p.item-inquiry {
	padding-top: 20px;
	text-align: center;
}

div#agency {
	padding: 15px;
	border: #bbb solid 1px;
	background-color: #e9e9e9;
}
div#agency:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div#agency { height: 1%;}
* html div#agency { height: 1%;}
div#agency { display: block;}
/* Mac IE end */

div.agency-info {}
div.agency-info:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div.agency-info { height: 1%;}
* html div.agency-info { height: 1%;}
div.agency-info { display: block;}
/* Mac IE end */

h4.title-sub {
	margin-bottom: 20px;
	padding: 12px 12px;
	background: url(../images/design/title_agency-shop.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h4.title-sub#ja_sub{
	margin-bottom: 20px;
	padding: 12px 12px;
	background: url(../images/design/title_agency-shop-ja.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

h4.title-sub#house_sub {
	margin-bottom: 20px;
	padding: 12px 12px;
	background: url(../images/design/title_agency-shop-house.jpg) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #e9e9e9;
}

div.agency-shop {
	clear: both;
	float: left;
}

div.agency-shop dl {}

div.agency-shop dl dt {
	margin-bottom: 0.5em;
	font-size: 1.1em;
	font-weight: bold;
}

div.agency-shop dl dd {
	margin-bottom: 0.5em;
}

strong.phone-number {
	font-size: 1.1em;
	font-weight: bold;
	color: #e51f1f;
}

div.agency-map {
	float: right;
	width: 480px;
	margin-bottom: 0;
	border-left: #bbb solid 1px;
}

div.shop-map {
	float: left;
	width: 278px;
	padding-left: 15px;
}

div.shop-map iframe {
	margin: 0;
	padding: 0;
	border: #bbb solid 1px;
}


 /* Side
-------------------------------------------------- */
div#design-top {
	margin-bottom: 30px;
	text-align: center;
}

div#side h5 {
	padding-left: 10px;
	background-image: url(../images/common/title_side_line.gif);
	background-color: transparent;
}

div#side h5.super{
	margin-bottom: 8px;
	padding-left: 3px;
	padding-bottom: 5px;
	position: relative;
	background:  transparent url(../images/common/title_side_line.gif) bottom no-repeat;
	font-size: 1.1em;
	line-height: 1.2em;
}

div#recommend {
	margin-bottom: 30px;
}

div#recommend ul {
	border-top : #bbb solid 1px;
	list-style: none;
}
div#recommend ul:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
/* MacIE begin \*/
*+html div#recommend ul { height: 1%;}
* html div#recommend ul { height: 1%;}
div#recommend ul { display: block;}
/* Mac IE end */

div#recommend ul li {
	background: url(../images/design/top/button_design.jpg) bottom left no-repeat;
	border : #bbb solid 1px;
	border-top : none;
	border-right : none;
	line-height: 1.4em;
	font-size: 11px;
}

div#recommend ul li.current {
	border-left : #F8F7F7 solid 1px;
}

div#recommend ul li.current a {
	background-color: #F8F7F7;
}

div#recommend ul li a {
	display: block;
	width: 143px;
	padding: 10px 0 10px 80px;
	text-decoration: none;
	color: #4d4f54;
}
* html div#recommend ul li a { width: 218px;}

div#recommend ul li a:hover { background: #e5e5e5 url(../images/design/top/button_design_on.jpg) bottom left no-repeat;}

div#recommend ul li img {
	float: left;
	margin-left: -72px;
	border: #183e5f 2px solid;
}

div#recommend ul li a span.layout {
	line-height: 1.6em;
	text-decoration: underline;
	color: #3a759c;
}

div#recommend ul li span.route {
	font-size: 10px;
}

div.separator {
	background: url(../images/common/separator_side.jpg) top left repeat-y;
	margin-top: 32px;
}

h5.separat-line {
	border-left: #bbb solid 1px;
}

div#bookmark ul {
	padding-bottom: 0;
	background-color: transparent;
}


div#shop dl {
	padding-left: 15px;
	width: 95px;
}

div#shop dl dd ul li {
	background: url(../images/design/arrow_gray.gif) left center no-repeat;
}



ul#theme {
	padding-left: 15px;
}

ul#theme li {
	width: 195px;
	height: 50px;
	margin-bottom: 6px;
	position: relative;
}

ul#theme li span {
	width: 120px;
	position: absolute;
	top: 9px;
	left: 12px;
	font-size: 12px;
	font-weight: bold;
}

ul#theme li img {
	position: absolute;
	top: 8px;
	right: 8px;
}

ul#theme li a {
	display: block;
	width: 195px;
	height: 50px;
	background: url(../images/design/banner_design.jpg) top left no-repeat;
	color: #bfe1f6;
}

ul#theme li a:hover {
	background: url(../images/design/banner_design_on.jpg) top left no-repeat;
	color: #e9e9e9;
}

ul#high-rank {
	padding-left: 10px;
}

p.go-top {
	background: url(../images/design/arrow_up.gif) left center no-repeat;
}


/*  ------------------------------------------------------------------

	2010/02/15 追加 nazal
	マンション1棟分表記の物件

---------------------------------------------------------------------*/

/* 間取りの複数表記 
-----------------------------------*/
div.dlGroup {
	margin: 0 -12px 1.5em 0;
	_zoom: 1;
}
div.dlGroup dl {
	background-color: #FFF;
	float: left;
	display: inline;
	margin-right: 12px;
	width: 227px;

}
/* ie6 hack */
* html div.dlGroup dl {
	margin-right: 6px;
}
/* ie7 hack */
*:first-child+html div.dlGroup dl {
	margin-right: 6px;
}

div.dlGroup dl dt {
	background-color: #F8F7F7;
	padding-bottom: 8px;
}
div.dlGroup dl dt img {
	border: 1px solid #DADADA;
}
div.dlGroup dl dd {
	padding: 5px 7px;
}
div.dlGroup dl dd.firstChild {
	padding-bottom: 1em;
}

/* start clearfix */
div.dlGroup:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html div.dlGroup {
	height: 1%;
}
/* ie7 hack */
*:first-child+html div.dlGroup {
	min-height: 1%;
}
/* end clearfix */