@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 間取り・プラン例紹介はこちら
　03. トップページ（index.html）
　04. 防音室とは？（soundproof.html）
　05. 施工例（example_**.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); }

/* xevoシリーズ */
.bnr_xevo{
	background:url(/common/images/renew2009/line_dotted03.gif) repeat-x left top;
	padding-top:20px;
}

.container .section .lnav li li a{ padding-left:15px; }
.container .section .lnav li li.blank a{ background-position:left 6px; }




/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .contents .nav li.nav_column{ margin-right:0; }
.main .contents .nav li.nav_top a{ width:52px; background-image:url(../images/nav_top.gif); }
.main .contents .nav li.nav_soundproof a{ width:130px; background-image:url(../images/nav_soundproof.gif); }
.main .contents .nav li.nav_example01 a{ width:130px; background-image:url(../images/nav_example01.gif); }
.main .contents .nav li.nav_example02 a{ width:130px; background-image:url(../images/nav_example02.gif); }
.main .contents .nav li.nav_example03 a{ width:130px; background-image:url(../images/nav_example03.gif); }
.main .contents .nav li.nav_column a{ width:130px; background-image:url(../images/nav_column.gif); }

/* アクティブ */
.main .contents .nav ul.navTop li.nav_top a{ background-position:left bottom; }
.main .contents .nav ul.navSoundproof li.nav_soundproof a{ background-position:left bottom; }
.main .contents .nav ul.navExample01 li.nav_example01 a{ background-position:left bottom; }
.main .contents .nav ul.navExample02 li.nav_example02 a{ background-position:left bottom; }
.main .contents .nav ul.navExample03 li.nav_example03 a{ background-position:left bottom; }



/* ==

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

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



/* ==

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

=============================================================================== */
/* リード
------------------------------------------------------------------------------- */
.contents .lead{
	background:url(../images/lead_bk.jpg) no-repeat right top;
	margin-top:25px;
}
.contents .lead .txt p.img{
	padding:3px 0 5px;
	border-bottom:1px solid #ccc;
}



/* 奏でる家の特長
------------------------------------------------------------------------------- */
.contents .feature ul{ margin-top:25px; }
.contents .feature li{ float:left; margin-right:28px; }
.contents .feature li.LastChild{ margin:30px 0 0; }
.contents .feature .txt{ float:left; width:460px; }
.contents .feature .img{ float:right; width:236px; }
.contents .feature ul.ud_line{ margin-bottom:20px; }
.contents .feature .ud_line{
	background:url(/common/images/renew2009/line_dotted03.gif) repeat-x left bottom;
	padding-bottom:20px;
}



/* ==

　04. 防音室とは？（soundproof.html）

=============================================================================== */
/* 防音室の決め手は「防音」と「音響」
------------------------------------------------------------------------------- */
.contents .sound{ margin-top:20px; }
.contents .sound .example{
	background:url(/common/images/renew2009/line_dotted03.gif) repeat-x left bottom;
	margin-top:30px;
	padding-bottom:20px;
}
.contents .sound ul.usage{ margin-bottom:10px; }
.contents .sound ul.usage .floatR{ width:237px; }
.contents .sound ul.item li.floatL{ width:449px; }
.contents .sound ul.item li.floatR{ width:266px; }
.contents .sound ul.item li span{ font-weight:bold; }

.contents .sound h4{
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
	margin-bottom:20px;
}

.contents .sound h3.tenji_title{ margin:30px 0 0; }
.contents .sound .tenji{
	background:url(../images/tenji_bk.gif) no-repeat left bottom;
	padding:10px 40px 5px;
}
.contents .sound .tenji p{ margin-bottom:0; }
.contents .sound .tenji p a{
	background:url(../../../../common/images/renew2009/arrow_blank.gif) no-repeat left 1px;
	padding-left:18px;
}
.contents .sound .tenji div{ clear:none; }
.contents .sound .tenji .floatL,
.contents .sound .tenji .floatR{ margin:5px 0 10px; }
.contents .sound .tenji .floatL{ float:left; width:330px; }
.contents .sound .tenji .floatR{ float:right; width:290px; }



/* ==

　05. 施工例（example_**.html）

=============================================================================== */
.contents .example01,
.contents .example02,
.contents .example03{ margin-top:20px; }
.contents .example01 h4,
.contents .example02 h4,
.contents .example03 h4{
	font-size:14px;
	color:#333;
	margin-bottom:5px;
}

.main .example02 div{ margin-bottom:0; }
.contents .detail{ padding-bottom:20px; }
.contents .detail .img{ float:left; width:236px; font-size:84%; }
.contents .detail .img img{ margin-bottom:5px; }
.contents .detail .txt{ float:right; width:476px; }

.contents .example01 .detail .txt ul{ margin-top:57px; }
.contents .example02 .detail .txt ul{ margin-top:47px; }
.contents .example03 .detail02 img{ margin-bottom:5px; }
.contents .example03 .detail02 ul{ float:right; width:476px; }
.contents .example03 .detail02 li{ float:left; width:153px; font-size:84%; margin-right:8px; }
.contents .example03 .detail02 li.LastChild{ margin-right:0; }
.contents .example03 .detail02 .txt{ float:left; width:236px; }

.contents .detail .txt li{
	float:left;
	width:236px;
	font-size:84%;
	margin-right:4px;
}
.contents .detail .txt li img{ margin-bottom:5px; }
.contents .detail .txt li.LastChild{ margin-right:0; }

/* 設計ポイント
------------------------------------------------------------------------------- */
.contents .designpoint{
	background:url(../images/designpoint_bk.gif) no-repeat left bottom;
}
.contents .designpoint h4{  }
.contents .designpoint p{ margin:5px 10px 10px; }
.contents .designpoint p span{ font-weight:bold; }

/* オーナー紹介
------------------------------------------------------------------------------- */
.contents .owner{ padding-top:20px; }
.contents .owner h4{
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
	margin-bottom:20px;
}
.contents .owner .floatL{ float:left; width:533px; }
.contents .owner .floatL p{ font-size:82%; margin-top:5px; }
.contents .owner table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
}
.contents .owner th,
.contents .owner td{ padding:5px 10px; }
.contents .owner td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:29%;
}
.contents .owner th{
	border-bottom:1px solid #ccc;
	background:#E6F2F2;
	width:20%;
	text-align:left;
}
.contents .owner .floatR{ float:right; width:178px; }

.att{
	font-size:10px;
	margin:0;
	padding:0 0 15px 0}