@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通
　02. ナビ
	03. タブ
　04. 間取り・プラン紹介はこちら
　05. トップページ（index.html）
　06. 調べてみると・・・
　07. 3つのポイントと２つのスタイル


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



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/lifestyle/css/style.css"); /* ライフスタイル・テーマから選ぶ（/jutaku/lifestyle/css/） */


/* ==

　01. 共通

=============================================================================== */
p.top{
/*
font-size:18px;
font-weight:bold;
float:left;
*/
padding:10px 0;
}

img.catalog{ float:right; }

.main div{
	margin:0;
}

/*
.clr{
	clear: both;
	height: 1px;
	width: 1px;
	padding: 0;
	margin: 0 -1px -1px 0;
	overflow: hidden;
	border: 0;
	font-size: 0;
	line-height: 0;
}
*/

.pkg:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	
}

* html .pkg{display:inline-table;}
/* no ie mac \*/
* html .pkg { height:1%; }
.pkg {
	display:block;
	position:relative;
}
/* */

.cLeft {
	float: left;
}

.cRight {
	float: right;
}

.imgLeft {
	float: left;
	margin-right: 10px;
}

.imgRight {
	float: right;
	margin-left: 10px;
}

p.txt{
	line-height:1.5;
}

.plan01#planContents dt{
	margin:0 0 36px;
}

.plan02#planContents dt{
	margin:0 0 20px;
}

#planContents dd{
	background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
	padding:0 0 10px;
	margin:0 0 18px;
	font-size:100%;
}

#planContents dd.end{
	margin:0;
}

#planContents dd.last{
	background:none;
	padding:0;
	margin:0 0 20px;
}

#planContents h4{
	padding:2px 0 0 22px;
	margin:0 0 5px;
	line-height:1.2;
	font-size:100%;
}

#planContents .hr3 h4,
#planContents .hr2 h4{
	margin:0 0 10px;
}

#planContents dd .cLeft{
	width:483px;
}

#planContents dd .cRight{
	width:236px;
	line-height:1.5;
}

#planContents dd ul.hr3 li{
	width:236px;
	margin:0 10px 0 0;
	float:left;
}

#planContents dd ul.hr2 li{
	width:359px;
	margin:0 10px 0 0;
	float:left;
}

#planContents dd ul li p{
	line-height:1.5;
}

#planContents dd ul li.end{
	margin:0;
}

.main div.xevo{ margin-bottom:20px; }




/* ==

　02. ナビ

=============================================================================== */
.lnavBtm{
padding:0.8em 0;
margin:0;
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
}

.lnavTopList ul li{
float:left;
margin-left:5px;
}

.lnavTopList ul li.lnavTop_index{
margin:0;
}

.lnavBtm{
padding:0.8em 0;
margin:0;
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
}

.lnavBtm p a{
padding-left:7px;
background:url("/common/images/renew2009/arrow_02.gif") left center no-repeat;
display:block;
float:right;
}


/* ==

　03. タブ

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

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_index a{ background-image:url(../images/tabTop_index.gif); left:4px; }
.main .tabTop li.tab_enquete a{ background-image:url(../images/tabTop_enquete.gif); left:245px; }
.main .tabTop li.tab_point a{ width:240px; background-image:url(../images/tabTop_point.gif); left:486px; }

/* アクティブ */
.main .tabTop ul.tabIndex li.tab_index a{ background-image:url(../images/tabTop_index_on.gif); }
.main .tabTop ul.tabEnquete li.tab_enquete a{ background-image:url(../images/tabTop_enquete_on.gif); }
.main .tabTop ul.tabPoint li.tab_point a{ background-image:url(../images/tabTop_point_on.gif); }


/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_index a{ background-image:url(../images/tabBtm_index.gif); left:4px; }
.main .tabBtm li.tab_enquete a{ background-image:url(../images/tabBtm_enquete.gif); left:245px; }
.main .tabBtm li.tab_point a{ width:240px; background-image:url(../images/tabBtm_point.gif); left:486px; }

/* アクティブ */
.main .tabBtm ul.tabIndex li.tab_index a{ background-image:url(../images/tabBtm_index_on.gif); }
.main .tabBtm ul.tabEnquete li.tab_enquete a{ background-image:url(../images/tabBtm_enquete_on.gif); }
.main .tabBtm ul.tabPoint li.tab_point a{ background-image:url(../images/tabBtm_point_on.gif); }


/*#tabNav{
	clear:none;
	margin:0;
	background:url(../images/tabContents_bg.gif) left repeat-y;
}
#tabNav .tab_t ul,
#tabNav .tab_b ul{
	width:730px;
	height:36px;
}


#tabNav .tab_t{
	background:url(../images/tabNav_top_bg.gif) left top no-repeat;
}

#tabNav .tab_b{
	background:url(../images/tabNav_btm_bg.gif) left bottom no-repeat;
}

#tabNav .tab_t li{
	padding:4px 0 0;
	float:left;
	display:inline;
}

#tabNav .tab_b li{
	padding:0 0 4px;
	float:left;
	display:inline;
}

#tabNav li.end{
	margin:0;
}

#tabNav li.start{
	margin:0 0 0 4px;
}
*/
#tabNav h3{
	background:none;
	line-height:1;
	margin:0 0 12px;
}



/* タブ内コンテンツ
------------------------------------------------------------------------------- */
.tabContents{
	padding:20px 10px 30px;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
}

.tabContents dl{
	width:100%;
}

.tabContents p{
	line-height:1.5;
	font-size:100%;
}



/* ==

　04. 間取り・プラン紹介はこちら

=============================================================================== */
/*
div.planIntro{
padding-bottom:20px;
}
div.planIntro h3{
margin:15px 5px 18px;
}
div.planIntro div{
clear:none;
margin:0;
}
div.planIntro div.planIntroList ul{
	width:100%;
	margin:0 0 12px;
}
div.planIntro div.planIntroList ul li{
	margin:0 4px 0 0;
}
div.planIntro div.planIntroList ul li.btn_plan02{
	padding:0;
	margin:0;
}

div.planIntro div.xevoSeries{
width:476px;
height:200px;
padding:0 3px;
float:left;
background:#fff url("../images/t_xevo_bg.gif") no-repeat;
}

.main div.planIntro div.xevoSeries li.seriesBox li a,
.main div.planIntro div.xevoSeries li.seriesList a{
border:none;
}

div.planIntro div.xevoSeries ul li,
div.planIntro div.catalogReq{
float:left;
margin:0;
padding:0;
}
* html body div.planIntro div.xevoSeries ul{  
display:inline;
}

div.planIntro div.xevoSeries ul{
	margin:0;
}

div.planIntro div.xevoSeries li.seriesList{
margin:25px 0 0 0;
}

div.planIntro div.catalogReq{
float:right;
width:236px;
}

*/


/* ==

　05. トップページ（index.html）

=============================================================================== */
.kinkyo_top .tabContents .cLeft img{
	float:left;
	border:solid 7px #F3F3F3;
}

.kinkyo_top .tabContents .cLeft{
	width:228px;
	margin:0 0 12px;
}

.kinkyo_top .tabContents .cRight{
	width:467px;
}

.tabContents .cRight h4{
	margin:0 0 10px;
}

.tabContents dd.clearfix{
	margin:0 0 0 7px;
}

.main .topPlanInfo{
	margin:0 0 18px;
	position:relative;
	clear:none;
}
.main .topPlanInfo dl{ 
	width:100%;
}
.main .topPlanInfo dt{
	width:236px;
	float:left;
}
.main .topPlanInfo dd{
	width:482px;
	float:right;
}
.main .topPlanInfo dd h5{
	font-size:100%;
	color:#A76161;
}
.main .topPlanInfo p.txt_link{
	position:absolute;
	top:83px;
	right:5px;
}
.main .topPlanInfo p.txt_link a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

.main .topPlanSketchBox{
	width:100%;
	background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
	margin:0;
}

.main .topPlanSketchBox h4{
	margin:0 0 8px;
}

.main .topPlanSketchBox ul{
	width:100%;
}

.main .topPlanSketchBox li{
	width:238px;
	float:left;
	margin-right:8px;
	padding:0 0 30px;
}

.main .topPlanSketchBox li.map{
	width:482px;
}

.main .topPlanSketchBox li.end{
	margin-right:0;
}

.main .topPlanSketchBox dt{
	margin:0 0 10px;
	padding:0 0 0 20px;
	font-weight:bold;
	line-height:1.5;
}
.main .topPlanSketchBox dd{
	line-height:1.5;
}
.main .topPlanSketchBox dd img{ margin-bottom:5px; }

.main .topPlanSketchBox .num1 dt,
dd .num1{
	background:url(../images/num_plan_hiraya_01.gif) left top no-repeat;
}
.main .topPlanSketchBox .num2 dt,
dd .num2{
	background:url(../images/num_plan_hiraya_02.gif) left top no-repeat;
}
.main .topPlanSketchBox .num3 dt,
dd .num3{
	background:url(../images/num_plan_hiraya_03.gif) left top no-repeat;
	letter-spacing:-1px;
}
.main .topPlanSketchBox .num4 dt,
dd .num4{
	background:url(../images/num_plan_hiraya_04.gif) left top no-repeat;
}
.main .topPlanSketchBox .num5 dt,
dd .num5{
	background:url(../images/num_plan_hiraya_05.gif) left top no-repeat;
}
.main .topPlanSketchBox .num6 dt,
dd .num6{
	background:url(../images/num_plan_hiraya_06.gif) left top no-repeat;
}
/*
#planContents dd .cLeft{
	width:483px;
}

#planContents dd .cRight{
	width:236px;
	line-height:1.5;
}*/

.main #planContents dd.num5 .cLeft,
.main #planContents dd.num6 .cLeft{
	width:245px;
}
.main #planContents dd.num5 .cRight,
.main #planContents dd.num6 .cRight{
	width:480px;
	padding-top:5px;
}

/* ==

　06. 調べてみると・・・（sirabete.html）

=============================================================================== */

.sirabete#tabNav{
	margin:0;
}

.sirabete#tabNav h3{
	margin:0 0 4px;
}

.sirabete#tabNav .tabContents ul{
	margin:0 0 30px;
}

.sirabete#tabNav .tabContents ul.end{
	margin:0;
}

.sirabete#tabNav .tabContents li{
	padding:0 0 2px;
	margin:0 0 20px;
	background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
}

.sirabete#tabNav .tabContents li.end{
	padding:0;
	margin:0;
	background:none;
}

.sirabete#tabNav .tabContents li .cLeft,
.sirabete#tabNav .tabContents li .cRight{
	width:346px;
}

.sirabete#tabNav .tabContents li dd p{
	margin:0 0 12px;
}

.sirabete#tabNav .tabContents li dd .txt{
	padding:0 0 0 4px;
}

.sirabete#tabNav .tabContents .taiken dt{
	font-weight:bold;
	color:#A86263;
	padding:0 0 2px 4px;
	line-height:1.4;
}

.sirabete#tabNav .tabContents .taiken dd{
	background:url(../images/sirabete_taiken_bg.gif) left repeat-y;
}

.sirabete#tabNav .tabContents .taiken dd ul{
	background:url(../images/sirabete_taiken_top.gif) left top no-repeat;
	padding:10px 0 0;
	margin:0;
}

.sirabete#tabNav .tabContents .taiken dd li p{
	padding:0 10px 6px;
	margin:0;
	line-height:1.35;
}

.sirabete#tabNav .tabContents .taiken dd li p.rei{
	color:#A86263;
}

.sirabete#tabNav .tabContents .taiken dd li.end{
	margin:0;
	background:url(../images/sirabete_taiken_btm.gif) left bottom no-repeat;
}

.sirabete#tabNav .tabContents .caption{
	text-align:right;
	font-size:85%;
}

/* ==

　07. 3つのポイントと２つのスタイル（point.html）

=============================================================================== */
.point3#tabNav .tabContents ul{
	margin:0 0 30px;
}

.point3#tabNav .tabContents ul.end{
	margin:0;
}

.point3#tabNav .tabContents li .cLeft,
.point3#tabNav .tabContents li .cRight{
	width:349px;
}

.point3#tabNav .tabContents li dl{
	width:100%;
}

.point3#tabNav .tabContents li .hr3 dd{
	width:228px;
	margin:0 7px 0 0;
	float:left;
}

.point3#tabNav .tabContents li .hr3 ul{
	margin:0;
}

.point3#tabNav .tabContents li dd li{
	line-height:1.5;
}

.point3#tabNav .tabContents li .hr3 dd.end{
	margin:0;
}

.point3#tabNav .tabContents li .hr3 dd li.mb10,
.point3#tabNav .tabContents li .hr3 dd li.mb10 strong{
	color:#3399ff;
}

.point3#tabNav .tabContents ul.end li .hr3 dd li.mb05 strong{
	color:#eea03e;
}

.point3#tabNav p.pkg a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}