@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. ローカルナビ（lnav）
　03. 事業用プロポーサル
　04. 事例紹介
　05. ケーススタディ
  

******************************************************************************* */



/* ==

　01. 基本

=============================================================================== */
.main{ font-size:115%; }
.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;
}


/* ==

　02. ローカルナビ（lnav）

=============================================================================== */
.lnav p.title a{ height:55px; background-image:url(../images/lnav_title.gif); }
.lnav div.lnav01 p a{ background-image:url(../images/lnav_subt_proposal.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_office.gif); }
.lnav div.lnav04 p a{ background-image:url(../images/lnav_subt_casestudy.gif); }



/* ==

　03. 事業用プロポーサル

=============================================================================== */
.main .prpsl_case{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	clear:both;	
}
.main .prpsl_case:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main .prpsl_case dl{
	float:left;
	width:234px;
	margin-right:10px;
	border:1px solid #EA460F;
}
.main .prpsl_case dl.logobox{ border:none; }
.main .prpsl_case dl.logobox dt{ padding-top:20px; text-align:center; }
.main .prpsl_case dl.lastChild{ margin-right:0 }
.main .prpsl_case dl dt{ height:34px; }
.main .prpsl_case dl dd.txt{ padding:10px; }

/* ==

　04. 事例紹介

=============================================================================== */
.main .case{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	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:50px;
	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;
}

/* 写真2枚 */
.main .case p.img02{ width:500px; float:right; }
.main .case div.txt02{ width:210px; float:left; }

.main .case div.txt02 p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	text-indent:0;
}

.main .case .div.txt02 th{
	width:55px;
	padding:2px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}


/* ==

　05. ケーススタディ

=============================================================================== */
.main .csNew{ margin-bottom:12px; padding-bottom:12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;	
}
.main .csNew.lastChild{
	margin-bottom: 0;
	padding-top: 0;
	background: none;	
}
.main .csNew p.img{ float:left; width:202px; }
.main .csNew div.txt{ float:right; width:512px; }
.main .csNew div.txt p{ margin-bottom:8px; }

.main .csNew div.txt p a{
	background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 6px;
	padding-left:8px;
}



