@charset "utf-8";

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

　目次

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

　01. 基本
　02. ローカルナビ（lnav）
　03. 大和ハウスが提案する物流施設ソリューション
　04. 事例紹介
  05. マルチテナント型物流施設のご紹介


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



/* ==

　01. 基本

=============================================================================== */
/*.container{ position:relative; z-index:200; }*/

.main div{
	min-height:1%;
	margin-bottom:20px;
	line-height:1.5;
	clear:both;
}
* html .main div{ height:1%; }
.main div div{ margin-bottom:0; clear:none; }

.section .main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main div.bnr{
	padding-top:20px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	clear:both;
}
.main div.bnr p{ margin-bottom:10px; }




/* ==

　02. ローカルナビ（lnav）

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav div.lnav02 p a{ background-image:url(../images/lnav_subt_case.gif); }
.lnav div.lnav03 p a{ background-image:url(../images/lnav_subt_smart.gif); }


/* ==

　03. 大和ハウスが提案する物流施設ソリューション

=============================================================================== */
.proposal{ margin-bottom:20px; position:relative; }


.proposal p.txtlink_prev{
	width:730px;
	clear:both;
}
.proposal p.txtlink_prev a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	display:block;
	float:right;
}
* html .proposal p.txtlink_prev a{ height:1%; }



/* 物流施設の最適化・効率化のために
------------------------------------------------------------------------------- */
.main .opt_problem{
	width:730px;
	min-height:1%;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}
.main .opt_problem div{
	width:730px;
	min-height:1%;
	margin:0;
	padding:0 0 120px;
	background:url(../images/opt_bk_problem.gif) left 60px no-repeat;
	clear:both;
}
.main .opt_problem dl{
	width:365px;
	margin:0;
	padding:0;
	float:left;
}
.main .opt_problem dt{ padding:0 0 25px; }
.main .opt_problem dt img{ vertical-align:bottom; }
.main .opt_problem dd ul{
	width:340px;
	margin:0 auto;
}
.main .opt_problem dd li{ margin-bottom:8px; }
.main .opt_problem .lastChild dd li{ margin-bottom:8px; }


#optPrpsl_list div{
	width:360px;
	margin-bottom:20px;
}
#optPrpsl_list div p{
	margin-bottom:10px;
	padding:4px;
	background-color:#f4f4f4;
}
#optPrpsl_list div p a{
	width:350px;
	height:107px;
	margin:0;
	padding:0;
	display:block;
}
#optPrpsl_list div p a:link, #optPrpsl_list div p a:visited{ border:1px solid #d9d9d9; }
#optPrpsl_list div p a:hover, #optPrpsl_list div p a:active{ border:1px solid #f60; }


#optPrpsl_details div.details{
	position:absolute;
	top:45px;
	left:10px;
	display:none;
}
#optPrpsl_details #opt_prpsl01{ top:80px; }
#optPrpsl_details #opt_prpsl02{ top:60px; }
/*
#optPrpsl_details #opt_prpsl06{ display:block; }
*/

#optPrpsl_details div.details .optPrpsl_bk{
	width:663px;
	min-height:1%;
	margin:0;
	padding:0 0 0 45px;
	background:url(../images/opt_bk_prpsl.png) left top repeat-y;
	clear:both;
}
#optPrpsl_details div.details .optPrpsl_top{ width:708px; height:45px; margin:0; padding:0; background:url(../images/opt_top_prpsl.png) left top no-repeat; clear:both; }
#optPrpsl_details div.details .optPrpsl_btm{ width:708px; height:60px; margin:0; padding:0; background:url(../images/opt_btm_prpsl.png) left bottom no-repeat; clear:both; }
#optPrpsl_details .optPrpslClose{ width:648px; padding:6px 0 0 30px; cursor:pointer; }

#optPrpsl_details div.details div.docs{
	width:475px;
	min-height:105px;
	margin-bottom:15px;
	padding-left:145px;
	background-position:left top;
	background-repeat:no-repeat;
}
* html #optPrpsl_details div.details div.docs{ height:105px; }
#optPrpsl_details div.details div.docs .title_area{
	font-size:160%;
	line-height:1.2;
	margin-bottom:7px;
	padding-bottom:5px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	display:block;
}
#optPrpsl_details div.details div.docs p.title_txt{ float:left; }
#optPrpsl_details div.details div.docs p.proposal_no{ float:right; font-size:12px; padding-top:10px; }

#optPrpsl_details #opt_prpsl01 div.docs{ background-image:url(../images/opt_prpsl01_img.jpg); }
#optPrpsl_details #opt_prpsl02 div.docs{ background-image:url(../images/opt_prpsl02_img.jpg); }
#optPrpsl_details #opt_prpsl03 div.docs{ background-image:url(../images/opt_prpsl03_img.jpg); }
#optPrpsl_details #opt_prpsl04 div.docs{ background-image:url(../images/opt_prpsl04_img.gif); }
#optPrpsl_details #opt_prpsl05 div.docs{ background-image:url(../images/opt_prpsl05_img.jpg); }
#optPrpsl_details #opt_prpsl06 div.docs{ background-image:url(../images/opt_prpsl06_img.jpg); }


#optPrpsl_details div.details ul{ padding-bottom:10px; } 
#optPrpsl_details div.details li{ width:285px; margin-right:25px; padding-bottom:10px; float:left; }
#optPrpsl_details div.details li img{ margin:3px 0; }


#opt_prpsl02 .optPrpsl_bk dl{ width:305px; margin:0 10px 10px 0; float:left; }
#opt_prpsl02 .optPrpsl_bk dt{ font-size:120%; font-weight:bold; }
#opt_prpsl02 .optPrpsl_bk dd{
	overflow:hidden;
	clear:both;
}
* html #opt_prpsl02 .optPrpsl_bk dd{ height:1%; }

#opt_prpsl02 .optPrpsl_bk .lastChild dd{ margin-top:5px; }
#opt_prpsl02 .optPrpsl_bk .lastChild dd a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 52px no-repeat;
	display:block;
}
* html #opt_prpsl02 .optPrpsl_bk .lastChild dd a{ height:1%; }
#opt_prpsl02 .optPrpsl_bk .lastChild dd p img{ margin-top:5px; }

#optPrpsl_details div#opt_prpsl03 li{ width:135px; margin-right:25px; padding-bottom:10px; float:left; }
#opt_prpsl03 div.dtec{ padding-bottom:10px; }
#opt_prpsl03 div.dtec p.img{ width:135px; margin-right:10px; float:left; }
#opt_prpsl03 div.dtec dl{ width:460px; float:left; }
#opt_prpsl03 div.dtec dt{ font-size:120%; font-weight:bold; }


#opt_prpsl04 div.group{ padding-bottom:10px; }
#opt_prpsl04 div.group p.img{ width:110px; margin-right:10px; text-align:center; float:left; }
#opt_prpsl04 div.group dl{ width:495px; float:left; }
#opt_prpsl04 div.group dt{ font-size:120%; font-weight:bold; }
#opt_prpsl04 div.group dt a{
	padding-left:20px;
	background:url(/common/images/renew2009/arrow_blank.gif) left center no-repeat;
	display:block;
}
* html #opt_prpsl04 div.group dt a{ height:1%; }


#opt_prpsl05 p.txt{ margin:0 0 10px 10px; font-size:120%; }
#optPrpsl_details #opt_prpsl05 ul{ padding-left:10px; }
#optPrpsl_details #opt_prpsl05 li{ width:285px; }


#opt_prpsl06 div.ecolist{ width:305px; margin-right:10px; float:left; }
#opt_prpsl06 div.ecolist p{ padding:7px 0; float:left; } 
#opt_prpsl06 div.ecolist p.img{ width:100px; padding-top:10px; } 
#opt_prpsl06 div.ecolist p.txt{ width:205px; }
#opt_prpsl06 div.ecolist p.txt strong{ font-size:120%; }


#optPrpsl_details span.co2{ font-size:9px; }


/*
#HideLayer {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	z-index:100;
}
* html #HideLayer {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
*/


/* Dプロジェクト
------------------------------------------------------------------------------- */
.main .dpj{
	width:730px;
	min-height:1%;
	margin:0 0 20px;
	padding:0;
	position:relative;
	clear:both;
}
.main .dpj h4{ font-size:120%; }
.main .dpj p.txt_data{
	text-align:right;
	position:absolute;
	top:3px;
	right:0;
}
.main .dpj p.img{ width:250px; float:left; }
.main .dpj div.txt{ width:480px; float:left; }
.main .dpj div.txt p strong{ font-size:120%; line-height:1.3; }



/* ==

　04. 事例紹介

=============================================================================== */
.main .case{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	clear:both;
}
.main .case:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .case p.img{ width:265px; float:right; }
.main .case div.txt{ width:445px; float:left; }

.main .case div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	text-indent:0;
}

.main .case table{ width:100%; margin-bottom:20px; background-color:#d9d9d9; }
.main .case th{
	width:75px;
	padding:2px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.main .case td{
	padding:2px 10px;
	background-color:#fff;
	line-height:1.5;
	vertical-align:top;
}


/* ==

  05. マルチテナント型物流施設のご紹介

=============================================================================== */
.section .main div.multiCont{ margin-bottom:30px; }
.multiLead{ background:#f8f8f8; border:1px solid #ccc; font-size:115%; line-height:1.5; padding:10px; margin-bottom:15px; }
.multiCont .img{ float:left; width:222px; }
.multiCont .txt{ float:right; width:490px; }

.multiCont .txt table{ width:100%; border:1px solid #f3f3f3; font-size:115%; }
.multiCont .txt table th{
	width:20%;
	text-align:left;
	background:url(../images/vline.gif) no-repeat right center;
}
.multiCont .txt table td{ width:80%; }
.multiCont .txt table th,
.multiCont .txt table td{ padding:5px 15px; }
.multiCont .txt tr.odd{ background:#f3f3f3; }