@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. ヘッダー部
　02. 考え方部
　03. 街づくり部
　04. エコ未来設計図部
　05. 
　06. 
　99. SNSボタン


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


/* ==

　00. file import

=============================================================================== */
@import url("/common/css/rn01/common.css");
.container .topicPath{ background:none !important; }



/* ==

　01. ヘッダー部

=============================================================================== */
.headBox { background:url(../images/concept/bk_header.jpg) 0 0 no-repeat; height:180px; margin-bottom:20px; }

.headBox h1 { padding:75px 0 0 45px; }



.menuBox { width:950px; height:32px; margin-bottom:20px; }
.menuBox .top{
	display:inline;
	width:318px;/*313*/
	float:left;
	}
.menuBox .concept{
	display:inline;
	width:313px;
	float:left;
	}
.menuBox .interview{
	display:inline;
	width:314px;
	float:right;
	}



.visualBox { position:relative; background:url(../images/concept/bk_photo.jpg) 0 0 no-repeat; height:496px; margin-bottom:30px; }

.visualBox .headline{ 
	position:absolute;
	top:80px;
	left:110px;
	}
.visualBox .lead{ 
	position:absolute;
	top:60px;
	left:475px;
	}



/* ==

　02. 考え方部

=============================================================================== */
.mindBox {padding:25px 30px 0px 30px; margin-bottom:45px; }

.mindBox div.txt{ width:370px; float:left;}
.mindBox div.img{ width:510px; float:right;}

.mindBox div.txt strong{ display:block; margin-bottom:25px;}



/* ==

　03. 街づくり部

=============================================================================== */
.developmentBox {padding:25px 0px 0px 0px; margin-bottom:0px; }

.developmentBox .itemList{
	margin:0 0 20px;
	padding-bottom:30px;
	background:url(../../../common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	line-height:1.4;
	overflow:hidden;
	clear:both;
}

.developmentBox .itemList .itemListBox{
	display:block;
	width:910px;
	margin:0 auto;
}

.developmentBox .itemList h3{
	border-bottom: 1px solid #398c46;
	}

.developmentBox .itemList div.txt p{
	width:480px;/*505*/
	float:right;
	padding:20px 0 0px 25px;
	background:url(../images/concept/line_dotted01.gif) left top repeat-y;
	}
.developmentBox .itemList div.txt p.copy{ width:400px; float:left; padding:30px 0 0 0;background:none; }

.developmentBox .itemList div.img{ padding-top:5px; }
.developmentBox .itemList div.img span{ display:block;width:288px;float:left;padding-top:23px; }
.developmentBox .itemList div.img span.visual{ width:343px;padding-top:0px; }
.developmentBox .itemList div.img span.mini img{ margin-left:17px; }
.developmentBox .itemList div.img span.end{ width:278px; }



/* ==

　04. エコ未来設計図部

=============================================================================== */
.ecofutureBox {padding:20px 30px 0px 30px; margin-bottom:45px; }

.ecofutureBox div.txt{ width:410px; float:left;}
.ecofutureBox div.img{ width:476px; float:right;}



/* ==

　99. SNSボタン

=============================================================================== */
#sns{ width:700px; margin:0; padding:5px 0 0; text-align:right; float:right; }
#sns:after{ content:''; display:block; clear:both; }
#sns p{ margin:0; padding:0; display:inline; }
#sns p{ /padding:0 0 0 5px; }