@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通
　02. ナビ
　03. 間取り・プラン紹介はこちら
　04. トップページ（index.html）
　05. 間取り・プラン01（plan01.html）
　05. 間取り・プラン02（plan02.html）
　06. 間取り・プラン03（plan03.html）
　07. 


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



/* ==

　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-top:10px;
}

img.catalog{ float:right; }


/* ==

　02. ナビ

=============================================================================== */
/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav li.nav_plan03{ margin-right:0; }
.main .nav li.nav_top a{ width:52px; background-image:url(../images/nav_top.gif); }
.main .nav li.nav_plan01 a{ width:221px; background-image:url(../images/nav_plan01.gif); }
.main .nav li.nav_plan02 a{ width:221px; background-image:url(../images/nav_plan02.gif); }
.main .nav li.nav_plan03 a{ width:221px; background-image:url(../images/nav_plan03.gif); }

/* アクティブ */
.main .nav ul.navTop li.nav_top a{ background-position:left bottom; }
.main .nav ul.navPlan01 li.nav_plan01 a{ background-position:left bottom; }
.main .nav ul.navPlan02 li.nav_plan02 a{ background-position:left bottom; }
.main .nav ul.navPlan03 li.nav_plan03 a{ background-position:left bottom; }


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

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

div.lnavBtm ul li a{
display:block;
}

div.lnavBtm ul li.next{
padding-left:7px;
background:url("/common/images/renew2009/arrow_02.gif") left center no-repeat;
display:block;
float:right;
}
div.lnavBtm ul li.prev{
padding-left:7px;
background:url("/common/images/renew2009/arrow_back.gif") left center no-repeat;
display:block;
float:left;
}

*/


/* ==

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

=============================================================================== */
/*
div.planIntro{
padding-bottom:20px;
}
div.planIntro h3{
margin:15px 5px 18px;
}
div.planIntro div{
clear:none;
margin:0;
}
div.planIntro div.planIntroList ul li{
margin:0;
padding:0 9px 1em 0;
}
div.planIntro div.planIntroList ul li.btn_plan03{
padding-right: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 li.seriesList{
margin:25px 0 0 0;
}

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


/* ==

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

=============================================================================== */
div.topComfortBox h4,
div.topComfortBoxL h4{
margin:0 0 20px 0;
}
div.topComfortBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
height:172px;
position:relative;
margin:20px 0 0 0;
}
div.topComfortBox p.img{
top:0;
right:0;
position:absolute;
}
div.topComfortBox div.txt{
line-height:1.5em;
width:360px;
}
div.topComfortBoxL{
clear:none;
position:relative;
height:175px;
padding: 0 0 0 130px;
margin:20px 0 0 0;
width:235px;
float:left;
}
div.topComfortBoxL h4{
margin-top:0;
}
div.topComfortBoxL p.img{
top:0;
left:0;
position:absolute;
}
div.topComfortBoxL div.txt{
line-height:1.5em;
width:220px;
}

div.topPlanBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-left:5px;
padding-bottom:10px;
}
div.topPlanBox div.txt{
line-height:1.5em;
background:#fff url("../images/top_plan_img01.gif") no-repeat bottom right;
}
div.topPlanBox div.txt p img{
margin:25px 0 0 0;
}
div.topPlanSketchBox{
margin:0 0 10px;
padding-bottom:10px;
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
}
div.topPlanSketchBox dt,
div.topPlanSketchBox dd{
color:#333;
padding-left:28px;
line-height:1.5em;
}
div.topPlanSketchBox dt{
font-weight:bold;
}
div.topPlanSketchBox dt.num1{
background:#fff url("../images/plan_sketch_num1.gif") no-repeat 5px 0;
}
div.topPlanSketchBox dt.num2{
background:#fff url("../images/plan_sketch_num2.gif") no-repeat 5px 0;
}
div.topPlanSketchBox dd{
margin:0 0 1.5em 0;
}


div.catalogBtn {
	width:730px;
	height:95px;
}

div.catalogBtn p.fL{
	float:left;
	width:298px;
}
div.catalogBtn p.fR{
	float:right;
	width:432px;
}


.section .main h2{
	margin-bottom:0;
	padding-bottom:0px;
	background-image:none;
	background-color:#fff;
}


/* ==

　05. 間取り・プラン01（plan01.html）

=============================================================================== */
div.plan01PlanBox,
div.plan03PlanBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-left:5px;
padding-bottom:10px;
}
div.plan01PlanBox div.txt{
background:#fff url("../images/plan01_img01.gif") no-repeat bottom right;
padding-top:10px;
}
div.plan01SketchImgBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-bottom:10px;
text-align:center;
}
div.plan01SketchBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-bottom:30px;
margin:0 0 10px;
position:relative;
line-height:1.5em;
}

div.plan01SketchBox div.plan01num01 dl dt,
div.plan01SketchBox div.plan01num02 dl dt,
div.plan01SketchBox div.plan01num03 dl dt,
div.plan01SketchBox div.plan01num04 dl dt,
div.plan02SketchBox dl dt,
div.plan03SketchBox dl dt{
padding-left:22px;
padding-bottom:5px;
}
div.plan01SketchBox div.plan01num01 dl dd,
div.plan01SketchBox div.plan01num02 dl dd,
div.plan01SketchBox div.plan01num03 dl dd,
div.plan01SketchBox div.plan01num04 dl dd{
color:#333;
}
div.plan01SketchBox div.plan01num01 dl dt,
div.plan02SketchBox dl dt.num01,
div.plan03SketchBox dl dt.num01{
background:url("../images/plan_sketch_num1.gif") no-repeat;
}
div.plan01SketchBox div.plan01num02 dl dt,
div.plan02SketchBox dl dt.num02,
div.plan03SketchBox dl dt.num02{
background:url("../images/plan_sketch_num2.gif") no-repeat;
}
div.plan01SketchBox div.plan01num03 dl dt,
div.plan02SketchBox dl dt.num03,
div.plan03SketchBox dl dt.num03{
background:url("../images/plan_sketch_num3.gif") no-repeat;
}
div.plan01SketchBox div.plan01num04 dl dt,
div.plan02SketchBox dl dt.num04{
background:url("../images/plan_sketch_num4.gif") no-repeat;
}

div.plan01SketchBox div.plan01num01{
position:absolute;
width:234px;
top:8px;
left:0;
}
div.plan01SketchBox div.plan01num02{
position:absolute;
width:234px;
top:394px;
left:0;
}
div.plan01SketchBox div.plan01num03{
position:absolute;
width:295px;
top:8px;
right:0;
}
div.plan01SketchBox div.plan01num04{
position:absolute;
width:295px;
top:394px;
right:0;
}

/* ==

　06. 間取り・プラン02（plan02.html）

=============================================================================== */
div.plan02PlanBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-left:5px;
padding-bottom:3px;
}
div.plan02PlanBox div.txt{
background:#fff url("../images/plan02_img01.gif") no-repeat bottom right;
padding-bottom:7px;
padding-top:10px;
}
div.plan02SketchImgBox,
div.plan03SketchImgBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-bottom:20px;
text-align:center;
}
div.plan02SketchBox,
div.plan03SketchBox{
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
padding-bottom:40px;
margin:0 0 10px;
}
div.plan02SketchBox p,
div.plan03SketchBox p{
float:left;
}
div.plan02SketchBox dl,
div.plan03SketchBox dl{
float:right;
line-height:1.5em;
width:295px;
}
div.plan02SketchBox dl dt,
div.plan03SketchBox dl dt{
margin-top:25px;
}
div.plan02SketchBox dl dd,
div.plan03SketchBox dl dd{
color:#333;
}


/* ==

　07. 間取り・プラン03（plan03.html）

=============================================================================== */
div.plan03PlanBox div.txt{
background:#fff url("../images/plan03_img01.gif") no-repeat bottom right;
padding-top:10px;
}
div.plan03SketchBox dl{
margin-top:20px;
width:280px;
}