@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. タブ
　03. 共通パーツ
　04. 
　05. 


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/shohin/css/style.css"); /* 住宅商品情報CSS（/jutaku/shohin/css/) */



/* ==

　01. 基本

=============================================================================== */
.main div{ margin-bottom:0; }
.main .contents{
	width:728px;
	min-height:1%;
	background:none;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
	clear:both;
}
.main .contents div{
	width:707px;
	min-height:1%;
	margin:0 auto 20px;
	line-height:1.5;
	clear:both;
}
.section .main h3{
	margin-bottom:10px;
	padding-bottom:3px;
	background:none;
	border-bottom:1px solid #ccc;
}


/* ==

　02. タブ

=============================================================================== */
.main .tabTop li a, .main .tabBtm li a{ width:138px; }

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_index a{ left:5px; }
.main .tabTop li.tab_prdctinfo a{ background-image:url(../images/tabTop_prdctinfo.gif); left:146px; }
.main .tabTop li.tab_plan a{ background-image:url(../images/tabTop_plan.gif); left:287px; }
.main .tabTop li.tab_gallery a{ background-image:url(../images/tabTop_gallery.gif); left:428px; }
.main .tabTop li.btn a{ height:28px; top:5px; left:584px; }

/* アクティブ */
.main .tabTop ul.tabPrdctinfo li.tab_prdctinfo a{ background-image:url(../images/tabTop_prdctinfo_on.gif); }
.main .tabTop ul.tabPlan li.tab_plan a{ background-image:url(../images/tabTop_plan_on.gif); }
.main .tabTop ul.tabGallery li.tab_gallery a{ background-image:url(../images/tabTop_gallery_on.gif); }


/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_index a{ left:5px; }
.main .tabBtm li.tab_prdctinfo a{ background-image:url(../images/tabBtm_prdctinfo.gif); left:146px; }
.main .tabBtm li.tab_plan a{ background-image:url(../images/tabBtm_plan.gif); left:287px; }
.main .tabBtm li.tab_gallery a{ background-image:url(../images/tabBtm_gallery.gif); left:428px; }
.main .tabBtm li.btn a{ height:28px; top:4px; left:584px; }

/* アクティブ */
.main .tabBtm ul.tabPrdctinfo li.tab_prdctinfo a{ background-image:url(../images/tabBtm_prdctinfo_on.gif); }
.main .tabBtm ul.tabPlan li.tab_plan a{ background-image:url(../images/tabBtm_plan_on.gif); }
.main .tabBtm ul.tabGallery li.tab_gallery a{ background-image:url(../images/tabBtm_gallery_on.gif); }



/* ==

　03. 共通パーツ

=============================================================================== */
/* シリーズネーム
------------------------------------------------------------------------------- */
.main .seriesName{
	width:730px;
	margin:10px auto;
	min-height:1%;
	clear:both;
}
.main .seriesName p{
	float:left;
}
.main .seriesName ul.btn{
	float:right;
}
.main .seriesName ul.btn li{
	padding-left:3px;
	float:left;
}
.main .seriesName ul.btn li a{
	height:21px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .seriesName ul.btn li a:link, .main .seriesName ul.btn li a:visited{ background-position:left top; }
.main .seriesName ul.btn li a:hover, .main .seriesName ul.btn li a:active{ background-position:left bottom; }
.main .seriesName ul.btn li a span{ display:none; }

.main .seriesName ul.btn li.xevoTop{ width:96px; }
.main .seriesName ul.btn li.xevoTop a{ width:96px; background-image:url(../images/btn_xevoTop.gif); }
.main .seriesName ul.btn li.concept{ width:136px; }
.main .seriesName ul.btn li.concept a{ width:136px; background-image:url(../images/btn_concept.gif); }
.main .seriesName ul.btn li.technology{ width:120px; }
.main .seriesName ul.btn li.technology a{ width:120px; background-image:url(../images/btn_technology.gif); }


/* 概要一覧
------------------------------------------------------------------------------- */
.main .list_outline{
	width:730px;
	min-height:1%;
	margin-bottom:5px;
	clear:both;
}

.main .xevo .list_outline{ width:393px; margin-left:8px; }

.list_outline:after,
.main .list_outline dl:after,
.list_outline dd:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.list_outline p{
	margin-right:10px;
	float:left;
}

.main .list_outline dl{
	min-height:1%;
	line-height:1.0;
	position:relative;
	float:left;
	clear:none;
}

.main .xevo .list_outline dl{
	margin-bottom:5px;
	float:none;
	clear:both;
}

.list_outline dt{ width:28px; }
.list_outline dd{
	min-height:1%;
	padding-left:32px;
	margin-top:-27px;
	clear:both;
}

* html .list_outline dd{ height:1%; }
.list_outline dd li{
	margin-right:3px;
	position:relative;
	float:left;
}
.list_outline dd li.lastChild{ margin-right:0; }
.list_outline dt img,
.list_outline dd li img{ vertical-align:bottom; }


/* 吹き出し */
p.txt_tips,
p.txt_tips02{
    width:250px;
    height:40px;
	padding:5px 10px 10px;
	font-size:10px;
	line-height:1.3;
	color:#fff;
	white-space:normal;
    display:none;
    position:absolute;
    top:-65px;
	z-index:100;
}
p.txt_tips{ left:-100px; background:url(../images/bk_tooltips.png) left bottom no-repeat;  }
p.txt_tips02{ right:-30px; background:url(../images/bk_tooltips02.png) left bottom no-repeat; }

* html p.txt_tips,
* html p.txt_tips02{ behavior:url(/common/js/iepngfix.htc); }

/* p.txt_tips{ width:370px; } */

.xevoTop .xevo .txt p.txt_tips,
.xevoTop .xevo .txt p.txt_tips02{
	padding:5px 10px 10px;
	line-height:1.3;
}


#xevoEDDI li.eq_xecoat p.txt_tips{ width:370px; }



/* コンセプトリンク一覧
------------------------------------------------------------------------------- */
.list_cncpt li{
	width:348px;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
}
.list_cncpt li.odd{ margin-right:0; }
.list_cncpt li p{
	padding:4px;
	background-color:#f3f3f3;
}
.list_cncpt li p a{
	display:block;
}
.list_cncpt li p a:link, .list_cncpt li p a:visited{ border:1px solid #d9d9d9; }
.list_cncpt li p a:hover, .list_cncpt li p a:active{ border:1px solid #ff6600; }


/* 横遷移のリンク
------------------------------------------------------------------------------- */
.main .contents .lnavTop,
.main .contents .lnavBtm{
	width:706px;
	min-height:1%;
	margin:0 auto 10px;
	padding:10px 0 0;
	background-image:url(/common/images/renew2009/line_dotted03.gif);
	background-repeat:repeat-x;
	clear:both;
}
.main .contents .lnavTop{
	padding-bottom:5px;
	background-position:left bottom;
}
.main .contents .lnavBtm{
	padding-top:5px;
	background-position:left top;
}
.main .contents .lnavTop li,
.main .contents .lnavBtm li{
	margin-right:15px;
	white-space:nowrap;
	float:left;
}
.main .contents .lnavTop li a,
.main .contents .lnavBtm li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	display:block;
	float:left;
}
* html .main .contents .lnavTop li a,
* html .main .contents .lnavBtm li a{
	height:1%;
}
.main .contents .lnavTop li strong,
.main .contents .lnavBtm li strong{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	color:#666;
	font-weight:normal;
	text-decoration:none;
	display:block;
	float:left;
}


/* このシリーズで実現できる住まい方・テーマ
------------------------------------------------------------------------------- */
.section .realizeTheme{
	margin-bottom:40px;
	clear:both;
}
.section .realizeTheme li{
	margin-bottom:10px;
	margin-right:15px;
	line-height:1.2;
	white-space:nowrap;
	float:left;
}
.section .realizeTheme li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	color:#666;
	display:block;
	float:left;
}
* html .section .realizeTheme li a{ height:1%; }


/* カタログバナー
------------------------------------------------------------------------------- */
.section .main p.bnr{ margin-bottom:10px; }
.section .main p.bnr img{ margin-bottom:10px; }



/* 外観・内観ギャラリー（gallery.html）
------------------------------------------------------------------------------- */
.contents #photoGallery{
	width:706px;
	height:500px;
	margin:10px 0 10px 10px;
}


/* オーナーズeye
------------------------------------------------------------------------------- */
.main .caseBlock{
	margin:10px 1px 25px 0;
	margin-bottom:25px;
	border:1px solid #d8d8d8;
	font-size:115%;
}
.main .caseBlock h2{ margin: -1px -1px 0; padding-bottom:0; }
.main .caseBlock h2 a,.main .caseBlock h2 span {
	display: block;
	padding: 1px;
	background: #ccc;
}
.main .caseBlock h2 a:hover{ background: #f90; }
.main .caseBlock .inner{
	margin: 0 10px 6px 9px;
	padding: 10px 0 5px;
	background: url(../images/bk_dot01.gif) left bottom repeat-x;
}
.main .caseBlock .inner.lastChild{
	margin-bottom:0;
	background:none;
}
.main .caseBlock .img{
	float: left;
	width: 105px;
	clear:none;
}
.main .caseBlock .txt{
	float: right;
	width: 590px;
	clear:none;
}
.main .caseBlock .txt p{ line-height:1.3; }
.main .caseBlock .txt p.notes{ font-size:86%; margin-top:5px; }
.main .caseBlock .txt h3{
	background: none;
	margin-bottom: 7px;
 	padding-left:7px;
	font-size:100%;
	background:url(/common/images/renew2009/arrow_02.gif) left 0.5em no-repeat;
	border:none;
}
.main .caseBlock .txt h3.blank{ padding-left:17px; background:url(/common/images/renew2009/arrow_blank.gif) left 0.2em no-repeat; }