@charset "utf-8";

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

　目次

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

　01. 共通パーツ
　02. 中ページ枠組み
　03. 各パーツ
  

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

/* ==

　01. 共通パーツ

=============================================================================== */
/* グローバルナビ
------------------------------------------------------------------------------- */
#utilize .header .floatR .gnav li.gnav_case a{
	background-position:left bottom;
}

/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath{ background:url(../images/case/bk_topicPath.gif) left top no-repeat; }

/* ローカルナビゲーション（.lnav）
------------------------------------------------------------------------------- */
.lnav p.title a{ background-image:url(../images/case/lnav_title.gif); }
.lnav .lnav01 p a{ background-image:url(../images/case/lnav_subt_droom.gif); }
.lnav .lnav02 p a{ background-image:url(../images/case/lnav_subt_droom_m.gif); }
.lnav .lnav03 p a{ background-image:url(../images/case/lnav_subt_roadside.gif); }
.lnav .lnav04 p a{ background-image:url(../images/case/lnav_subt_comComplex.gif); }
.lnav .lnav05 p a{ background-image:url(../images/case/lnav_subt_reproject.gif); }
.lnav .lnav06 p a{ background-image:url(../images/case/lnav_subt_silver.gif); }



/* ==

　02. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	margin-bottom:40px;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.main div{
	min-height:1%;
	margin-bottom:20px;
	line-height:1.5;
}
* html .main div{ height:1%; }
.main div div{ margin-bottom:0; }

.section .main:after,
.main div:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main h2{
	margin-bottom:0;
	padding-bottom:5px;
	background-image:none;
	background-color:#fff;
}
@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}




/* ==

　03. 各パーツ

=============================================================================== */
.main p.txt_lead{ margin-bottom:10px; line-height:1.5; }

.section .main .list_cnts{ margin:4px 0 0; }
.list_cnts p{
	width:230px;
	margin:0 8px 6px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
}
.list_cnts p.btn_roadside,
.list_cnts p.btn_silver{ margin-right:0; }

.list_cnts p a{
	width:214px;
	min-height:77px;
	padding:95px 7px 0;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
* html .list_cnts p a{ height:77px; }
.list_cnts p img{ margin-bottom:3px; }

.list_cnts p a:link, .list_cnts p a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.list_cnts p a:hover, .list_cnts p a:active{ border:1px solid #ff6600; color:#666; }


.list_cnts p.btn_droom a{ background-image:url(../images/case/img_droom.jpg); }
.list_cnts p.btn_droom_m a{ background-image:url(../images/case/img_droom_m.jpg); }
.list_cnts p.btn_roadside a{ background-image:url(../images/case/img_roadside.jpg); }
.list_cnts p.btn_est a{ background-image:url(../images/case/img_comComplex.jpg); }
.list_cnts p.btn_remodel a{ background-image:url(../images/case/img_remodel.jpg); }
.list_cnts p.btn_silver a{ background-image:url(../images/case/img_silver.jpg); }

@media print{
	* html .list_cnts p{ margin-right:7px; }
}