@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 間取り・プラン例紹介はこちら
　03. トップページ（index.html）
　04. エディブルガーデンのつくり方（howto.html）
　05. 間取り・プラン例01（plan_01.html）
　06. 
　07. 


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



/* ==

　00. file import

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


/* ==

　01. 基本

=============================================================================== */
.main .contents div .txt{ width:480px; clear:none; }
.main .contents div p{ margin-bottom:10px; }
.main .contents div p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
}
.main .contents div p a.blank{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow_blank03.gif) left 3px no-repeat;
}
.main .contents p sub{ font-size:75%; }

/* カタログ請求 */
.main .styleName p.btn a{ background-image:url(../images/btn_catalog02.gif); }


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

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



/* ==

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

=============================================================================== */
.main .planIntro li{
	width:360px;
	height:89px;
}



/* ==

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

=============================================================================== */
.contents .lead .txt p.img{
	padding:3px 0 5px;
	border-bottom:1px solid #ccc;
}

/* たとえば、こんな・・・
------------------------------------------------------------------------------- */
.contents .exam li{
	width:236px;
	margin-right:11px;
	line-height:1.2;
	float:left;
}
.contents .exam li img{ margin-bottom:5px; }
.contents .exam li.lastChild{ margin-right:0; }


/* 環境にやさしい循環型の生活を実現
------------------------------------------------------------------------------- */
.contents .food div.notes{
	width:726px;
	min-height:1%;
	padding:1px;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:90%;
	line-height:1.3;
	clear:both;
}
.contents .food div.notes dl{ background-color:#fbf3cf; }
.contents .food dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.contents .food dt{ padding:5px; }
.contents .food dd{
	margin-top:-2em;
	padding:5px 10px 5px 130px;
}
* html .contents .food dd{ height:1%; }

.contents .food p strong{ color:#448247; font-weight:normal; }



/* 間取り・プラン紹介
------------------------------------------------------------------------------- */
.contents div .layout{
	margin-top:20px;
	margin-bottom:0;
	padding-top:15px;
	background:url(/common/images/renew2009/line_dotted03.gif) left top repeat-x;
}
.contents div .layout .txt{ width:215px; }




/* ==

　04. エディブルガーデンのつくり方（howto.html）

=============================================================================== */
/* いろいろある庭の種類
------------------------------------------------------------------------------- */
.contents .howto_01 ul{
	clear:both;
}
.contents .howto_01 ul li{
	width:236px;
	margin-right:11px;
	line-height:1.3;
	float:left;
}
.contents .howto_01 li.lastChild{ margin-right:0; }
.contents .howto_01 ul li img{ margin-bottom:3px; }


/* 住まいをグリーンで彩る
------------------------------------------------------------------------------- */
.main .contents .howto_02 div{
	margin-bottom:0;
}

/* もっと楽しく、便利になる
------------------------------------------------------------------------------- */
.contents .howto_03 ul{
	margin-bottom:10px;
	clear:both;
}
.contents .howto_03 ul li{
	width:236px;
	margin-right:11px;
	float:left;
}
.contents .howto_03 li.lastChild{ margin-right:0; }
.contents .howto_03 ul li img{ margin-bottom:3px; }
.contents .howto_03 li span{
	font-size:90%;
	line-height:1.3;
	/*color:#14a83c;*/
}



/* ==

　05. 間取り・プラン例01（plan_**.html）

=============================================================================== */
.contents .plan{
	position:relative;
}
.contents .plan p.txt_link{
	font-size:90%;
	position:absolute;
	top:50px;
	right:10px;
}

.contents #plan01 h3,
.contents #plan02 h3{ background:none; }

.contents #plan01 p.txt_link,
.contents #plan02 p.txt_link{ top:10px; }


.contents .plan p.img{
	padding-top:20px;
	background:url(/common/images/renew2009/line_dotted03.gif) left top repeat-x;
}
.contents .plan .layout p.img{ padding-top:0; background:none; }