@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通
　02. ナビ
　03. 間取り・プラン紹介はこちら
　04. トップページ（index.html）
　05. 間取り・プラン01（plan01.html）
　06. 快適で心地よいペット専用設備・仕様 


******************************************************************************* */



/* ==

　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; }

.main div{
	clear:none;
}

#contents{
	width:100%;
}

.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{
	width:100%;
}

.pkg:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	
}

* html .pkg{display:inline-block;}
/* no ie mac \*/
* html .pkg { height:1%; }
.pkg {
	display:block;
	position:relative;
}
/* */


.pkg dd p.txt_link{
	margin-top:5px;
	text-align:right;
}
.pkg dd p.txt_link a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}


.cLeft {
	float: left;
}

.cRight {
	float: right;
}

.imgLeft {
	float: left;
	margin-right: 10px;
}

.imgRight {
	float: right;
	margin-left: 10px;
}


/* ==

　02. ナビ
=============================================================================== */
/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav li.nav_fujimaru{ margin-right:0; }
.main .nav li.nav_top a{ width:52px; background-image:url(../images/nav_top.gif); }
.main .nav li.nav_setubi a{ width:221px; background-image:url(../images/nav_setubi.gif); }
.main .nav li.nav_plan01 a{ width:221px; background-image:url(../images/nav_plan01.gif); }
.main .nav li.nav_fujimaru a{ width:221px; background-image:url(../images/nav_fujimaru.gif); }

/* アクティブ */
.main .nav ul.navTop li.nav_top a{ background-position:left bottom; }
.main .nav ul.navSetubi li.nav_setubi a{ background-position:left bottom; }
.main .nav ul.navPlan01 li.nav_plan01 a{ background-position:left bottom; }
.main .nav ul.navFujimaru li.nav_fujimaru a{ background-position:left bottom; }



/* ==

　04. トップページ（index.html）
=============================================================================== */
div.nm{ width:100%; margin:0; }

.topComfortBox{ width:100%; }

div.topComfortBox h4,
div.topComfortBoxL h4{ margin:0 0 5px 0; }

div.topComfortBox h5,
div.topComfortBoxL h5{ margin:0 0 12px 0; }

div.topComfortBox p{
	padding:0 5px;
	line-height:1.5;
}

div.topComfortBox p.img{
top:0;
right:0;
position:absolute;
}
div.topComfortBox div.txt{
line-height:1.5;
width:362px;
}

div.topComfortBox .cLeft p,
div.topComfortBox .cRight p{
	width:120px;
	padding:0;
}

div.topComfortBox dl,
div.topComfortBox ul{ width:232px; }

div.topComfortBox .cRight li,
div.topComfortBox .cLeft li{
	margin:0 0 11px;
	padding:0 0 0 37px;
}

div.topComfortBox .blue li,
div.topComfortBox .green li{ min-height:30px; }
* html div.topComfortBox .blue li,
* html div.topComfortBox .green li{ height:30px; }

div.topComfortBox .blue li.num01{ background:url(../images/top_comfort_l_num01.gif) left top no-repeat; }
div.topComfortBox .blue li.num02{ background:url(../images/top_comfort_l_num02.gif) left top no-repeat; }
div.topComfortBox .blue li.num03{ background:url(../images/top_comfort_l_num03.gif) left top no-repeat; }
div.topComfortBox .blue li.num04{ background:url(../images/top_comfort_l_num04.gif) left top no-repeat; margin:0; }

div.topComfortBox .green li.num01{ background:url(../images/top_comfort_r_num01.gif) left top no-repeat; }
div.topComfortBox .green li.num02{ background:url(../images/top_comfort_r_num02.gif) left top no-repeat; }
div.topComfortBox .green li.num03{ background:url(../images/top_comfort_r_num03.gif) left top no-repeat; }
div.topComfortBox .green li.num04{ background:url(../images/top_comfort_r_num04.gif) left top no-repeat; }

div.topComfortBoxL{ width:100%; }
.section .main h3{ margin-bottom:10px; }

div.topComfortBoxL .cLeft{ width:236px; }

div.topComfortBoxL .cRight{ width:481px; }

div.topComfortBoxL .cRight p,
div.topComfortBoxL p{ line-height:1.5; }

div.topComfortBoxL p a{
	padding:0 0 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left center no-repeat;
}

/* xevo×富士丸
------------------------------------------------------------------------------- */
.main div.topFujimaru{ margin-bottom:10px; }
div.topFujimaru p.img{
	width:175px;
	padding-top:5px;
	float:left;
}
div.topFujimaru div.txt{
	width:555px;
	float:left;
}
div.topFujimaru div.txt p{
	margin-bottom:5px;
	line-height:1.5;
}



/* ==

　05. プラン 01（plan01.html）

=============================================================================== */
div.plan01PlanBox .txt{ line-height:1.5; }
div.topPlanBox{ padding-left:5px; }
div.topPlanBox .txt{
	line-height:1.5;
	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,
div.PlanSketchBox2{
width:100%;
margin:0 0 10px;
padding-bottom:10px;
background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
}

div.topPlanSketchBox .cLeft{ width:482px; }

div.topPlanSketchBox .cRight{
	width:238px;
	margin:22px 0 0;
}

div.topPlanSketchBox .cRight dt{ margin:0 0 10px; }
div.topPlanSketchBox .cRight dt.num04,
div.topPlanSketchBox .cRight dl.num05 dt{ margin:0 0 5px; }

div.topPlanSketchBox .cRight dl.num05{
	background:url(../images/op_plan_sketch_i04.gif) right bottom no-repeat;
	padding:0 0 105px;
}

div.topPlanSketchBox .cRight dd{ line-height:1.5; }

div.PlanSketchBox{ margin:0; }

div.PlanSketchBox .cLeft{
	width:362px;
	margin:0;
}
div.PlanSketchBox .cRight{
	width:355px;
	margin:0;
}

div.PlanSketchBox2 .cLeft{ width:482px; }
div.PlanSketchBox2 .cRight{
	margin:40px 0 0;
	width:238px;
}

div.PlanSketchBox .cLeft h4,
div.PlanSketchBox .cRight h4,
div.PlanSketchBox2 .cLeft h4,
div.PlanSketchBox2 .cRight h4,
div.PlanSketchBoxInner h4{ margin:0 0 10px; }

.main div.PlanSketchBoxInner{ margin-bottom:0; }
div.PlanSketchBoxInner .cLeft p{
	width:57px;
	float:left;
}

div.PlanSketchBoxInner .cLeft dl{
	width:290px;
	float:right;
}
div.PlanSketchBoxInner dt{
	line-height:1.5;
}
div.PlanSketchBoxInner .cRight p{
	width:162px;
	float:left;
}
div.PlanSketchBoxInner .cRight .box{
	width:180px;
	float:right;
}

div.PlanSketchBox2 .plan01btm{ background:url(../images/plan01_i04.gif) right top no-repeat; }

div.PlanSketchBox .txt,
div.PlanSketchBox2 .txt{ line-height:1.5; }

.lsc{ letter-spacing:-1px; }

/* ==

　06. 快適で心地よいペット専用設備・仕様 （setubi.html）

=============================================================================== */
div.setubiBox{
	width:100%;
	background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
	margin:0 0 10px;
	line-height:1.5;
}
div.setubiBox .caption{ font-size:85%; }
div.setubiBox ul dt{
	font-weight:bold;
	margin:0 0 7px;
}
div.setubiBox ul dt span{
	border:solid 1px #ccc;
	padding:2px;
}

div.setubiBox4{ margin:0; }

div.setubiBox1 h4,
div.setubiBox2 h4,
div.setubiBox3 h4,
div.setubiBox4 h4{ margin:0 0 7px; }

div.setubiBox1 ul,
div.setubiBox2 ul
div.setubiBox3 ul
div.setubiBox4 ul{ width:100%; }

div.setubiBox1 ul .cLeft{ width:246px; }
div.setubiBox1 ul .cRight{ width:483px; }
div.setubiBox1 li dd{ padding:0 5px 0 0; }


div.setubiBox2 ul .cLeft{ width:483px; }
div.setubiBox2 ul .cRight{ width:236px; }

div.setubiBox3 ul .cLeft,
div.setubiBox3 ul .cRight{ width:360px; }

div.setubiBox4 ul .cLeft{ width:237px; }
div.setubiBox4 ul .cRight{ width:485px; }



/* ==

　06. xevo×富士丸（fujimaru/index.html）

=============================================================================== */
.main div.fjmrBox{
	margin-bottom:10px;
	padding-bottom:20px;
	background:#fff url("/common/images/renew2009/line_dotted03.gif") repeat-x bottom;
}
.main div.fjmrBox div{ margin-bottom:0; }
div.fjmrBox .cLeft{ width:530px; }
div.fjmrBox cRight{ width:185px; }

div.fjmrBox p{
	line-height:1.5;
}
div.fjmrBox .cLeft p{ margin-bottom:10px; }

div.fjmrBox .cLeft .kimochi{
	margin:30px 0 0;
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}
div.fjmrBox .cLeft .kimochi p.img{ width:60px; float:left; clear:none; }
div.fjmrBox .cLeft .kimochi div.txt{ width:470px; float:left; clear:none; }
div.fjmrBox .cLeft .kimochi div.txt p{ margin-bottom:5px; }
div.fjmrBox .cLeft .kimochi div.txt p a{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
}





