@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 中ページ枠組み
　03. ローカルナビボタン


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



/* ==

　00. file import

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


/* ==

　01. 基本

=============================================================================== */
/* ローカルナビ（lnav）
------------------------------------------------------------------------------- */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav .lnav01 p a{ background-image:url(../images/lnav_subt_concept.gif); }
.lnav .lnav02 p a{ background-image:url(../images/lnav_subt_equipment.gif); }
.lnav .lnav03 p a{ background-image:url(../images/lnav_subt_navi.gif); }
.lnav .lnav04 p a{ background-image:url(../images/lnav_subt_list.gif); }
.lnav .lnav05 p a{ background-image:url(../images/lnav_subt_pluseco.gif); }
.lnav .lnav06 p a{ background-image:url(../images/lnav_subt_security.gif); }
/*.lnav .lnav07 p a{ background-image:url(../images/lnav_subt_ecopoint.gif); }*/

.lnav04 li ul{
	background-color:#fff;
	border:none;
	/*border:1px solid #e0e0e0;*/
}
.lnav04 li.current ul{
	margin-bottom:5px;
	/*background-color:#f1efe8;*/
	background-color:#e2dfd1;
	border:none;
}

/* 2011/06/21追加　防犯仕様メニュー
------------------------------------------------------------------------------- */
.lnav01 .lnav_pr_security ul{ margin-bottom:8px; }
.lnav01 .lnav_pr_security ul li{
	border:1px solid #E4E4E4;
	background:#fff;
}
.lnav01 .current ul li{ background:#F1EFE8; border:none; }


/*
#lnav04 li.prdcts_3f,
#lnav04 li.prdcts_2f{ font-size:1px; line-height:1.0; }
#lnav04 li.prdcts_3f li,
#lnav04 li.prdcts_2f li{ font-size:100%; line-height:1.2; }
*/

.lnav04 li.current{ padding-top:10px; }
/*
.lnav li.current a#prdcts_3f,
.lnav li.current a#prdcts_2f{ margin-top:0; }
*/

.lnav04 li li{ padding-bottom:5px; background:#fff url(../images/lnav_line_dotted.gif) -10px bottom no-repeat; }

.lnav04 li.current li{ padding-top:2px; padding-bottom:4px; background:#e2dfd1 url(../images/lnav_line_dotted02.gif) -10px bottom no-repeat; }
.lnav04 li.current li.lastChild{ padding-bottom:0; background-image:none; }
.lnav04 li.current li li{ padding-top:0; padding-bottom:0; background-image:none; }

.lnav04 li.current li.on{ margin-top:7px; padding-bottom:10px; background:#f1efe8 url(../images/lnav_bk_on.gif) -10px bottom no-repeat; border-top:1px solid #fff; }
/*
#lnav04 li.prdcts_3f li.lastChild,
#lnav04 li.prdcts_2f li.lastChild{ background-image:url(../images/lnav_bk_on02.gif); }
*/

.lnav04 li.current li.on ul{ margin-bottom:0; background-color:transparent; }
.lnav04 li.current li.on li{ padding-bottom:0; background:transparent url(/common/images/renew2009/lnav_branch.gif) 1px 4px no-repeat; }
.lnav04 li.current li.on li.lastChild{ padding-bottom:5px; background:transparent url(/common/images/renew2009/lnav_branch_last.gif) left 4px no-repeat; }


/* 3階建（鉄骨系） */
.lnav li.prdcts_3f li ul{ display:none; }
.lnav li a#prdcts_3f{
	width:176px;
	height:24px;
	margin:10px;
	padding:0;
	background-image:url(../images/lnav_subt_3f.gif);
	background-repeat:no-repeat;
}
.lnav li a#prdcts_3f span{ display:none; }

.lnav li a#prdcts_3f:link, .lnav li a#prdcts_3f:visited{ background-position:left top; }
.lnav li a#prdcts_3f:hover, .lnav li a#prdcts_3f:active{ background-position:left -24px; }

.lnav li.current a#prdcts_3f:link, .lnav li.current a#prdcts_3f:visited{ background-position:left -48px; }
.lnav li.current a#prdcts_3f:hover, .lnav li.current a#prdcts_3f:active{ background-position:left -72px; }


/* 2階建（鉄骨系） */
.lnav li.prdcts_2f li ul{ display:none; }
.lnav li a#prdcts_2f{
	width:176px;
	height:24px;
	margin:10px;
	padding:0;
	background-image:url(../images/lnav_subt_2f.gif);
	background-repeat:no-repeat;
}
.lnav li a#prdcts_2f span{ display:none; }

.lnav li a#prdcts_2f:link, .lnav li a#prdcts_2f:visited{ background-position:left top; }
.lnav li a#prdcts_2f:hover, .lnav li a#prdcts_2f:active{ background-position:left -24px; }

.lnav li.current a#prdcts_2f:link, .lnav li.current a#prdcts_2f:visited{ background-position:left -48px; }
.lnav li.current a#prdcts_2f:hover, .lnav li.current a#prdcts_2f:active{ background-position:left -72px; }


/* 賃貸併用住宅（4階/3階 鉄骨系） */
.lnav li.prdcts_heiyou li ul{ display:none; }
.lnav li a#prdcts_heiyou{
	width:176px;
	height:39px;
	margin:10px;
	padding:0;
	background-image:url(../images/lnav_subt_heiyou.gif);
	background-repeat:no-repeat;
}
.lnav li a#prdcts_heiyou span{ display:none; }

.lnav li a#prdcts_heiyou:link, .lnav li a#prdcts_heiyou:visited{ background-position:left top; }
.lnav li a#prdcts_heiyou:hover, .lnav li a#prdcts_heiyou:active{ background-position:left -39px; }

.lnav li.current a#prdcts_heiyou:link, .lnav li.current a#prdcts_heiyou:visited{ background-position:left -78px; }
.lnav li.current a#prdcts_heiyou:hover, .lnav li.current a#prdcts_heiyou:active{ background-position:left -117px; }


/* マンション */
.lnav li.prdcts_mansion{
	width:190px;
	margin:0;
	padding:10px 0 10px 10px;
	font-size:1px;
	line-height:1.0;
}
.lnav li a#prdcts_mansion{
	width:176px;
	height:24px;
	margin:0;
	padding:0;
	background-image:url(../images/lnav_subt_mansion.gif);
	background-repeat:no-repeat;
}
.lnav li a#prdcts_mansion span{ display:none; }

.lnav li a#prdcts_mansion:link, .lnav li a#prdcts_mansion:visited{ background-position:left top; }
.lnav li a#prdcts_mansion:hover, .lnav li a#prdcts_mansion:active{ background-position:left -24px; }

.lnav li.current a#prdcts_mansion:link, .lnav li.current a#prdcts_mansion:visited{ background-position:left -48px; }
.lnav li.current a#prdcts_mansion:hover, .lnav li.current a#prdcts_mansion:active{ background-position:left -72px; }



/* 商品の資料請求ボタン
------------------------------------------------------------------------------- */
.main p.btn_request a{
	width:157px;
	height:22px;
	margin:0 0 0 auto;
	background-image:url(../images/btn_request.gif);
	background-repeat:no-repeat;
	display:block;
}
.main p.btn_request a span{ display:none; }
.main p.btn_request a:link, .main p.btn_request a:visited{ background-position:left top; }
.main p.btn_request a:hover, .main p.btn_request a:active{ background-position:left bottom; }



/* タブ
------------------------------------------------------------------------------- */
.section .tabTop{ background-image:url(../images/bk_tabTop.gif); height:47px; }
.section .tabBtm{ background-image:url(../images/bk_tabBtm.gif); height:47px; }

.main .tabTop li a, .main .tabBtm li a{ width:204px; height:42px; }

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_modern a{ background-image:url(../images/tabTop_modern.gif); left:5px; }
.main .tabTop li.tab_traditional a{ background-image:url(../images/tabTop_traditional.gif); left:211px; }
.main .tabTop li.btn a{ background-image:url(../images/tabTop_catalog.gif); left:585px; width:138px; height:37px; }

/* アクティブ */
.main .tabTop ul.tabModern li.tab_modern a{ background-image:url(../images/tabTop_modern_on.gif); }
.main .tabTop ul.tabTraditional li.tab_traditional a{ background-image:url(../images/tabTop_traditional_on.gif); }

/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_modern a{ background-image:url(../images/tabBtm_modern.gif); left:5px; }
.main .tabBtm li.tab_traditional a{ background-image:url(../images/tabBtm_traditional.gif); left:211px; }
.main .tabBtm li.btn a{ background-image:url(../images/tabBtm_catalog.gif); top:5px; left:585px; width:138px; height:37px; }

/* アクティブ */
.main .tabBtm ul.tabModern li.tab_modern a{ background-image:url(../images/tabBtm_modern_on.gif); }
.main .tabBtm ul.tabTraditional li.tab_traditional a{ background-image:url(../images/tabBtm_traditional_on.gif); }


.main div.contents{ margin-bottom:0; padding-bottom:20px; }



/* ==

　02. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.section .main:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main h2{ background:none; }
/*
.section .main h2{
	margin-bottom:10px;
	padding:5px 0 7px;
	background-image:none;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
*/
.section .main h3{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h3{ height:1%; }


.main div{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	line-height:1.5;
	clear:both;
}
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main div div{
	width:auto;
	margin-bottom:0;
	clear:none;
}


@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}





/* ==

　03. ローカルナビボタン

=============================================================================== */
.main .nav{
	height:27px;
	margin-bottom:10px;
	background:none;
}
.main .nav li{
	margin-right:11px;
	text-indent:0;
	float:left;
}
.main .nav li img{ float:left; }
.main .nav li li{ margin-right:0; }

.main .nav li a{
	height:27px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	position:relative;
	top:0;
}
.main .nav li a span{ display:none; }
.main .nav li a:link, .main .nav li a:visited{ background-position:left top; }
.main .nav li a:hover, .main .nav li a:active{ background-position:left bottom; }