@charset "utf-8";





/* ------------------------------------------------ 

	Common

------------------------------------------------ */



/* Title */

.ttlIndex {

	background: url("../images/h_environment.gif") no-repeat 0 0;

	text-indent: -9999px;

}

/* Side Banner */

#sidebar #bannerBox ul li#booklet {

	height: 60px;

}

#sidebar #bannerBox ul li#booklet a {

	height: 60px;

	background: url("../images/bnr_booklet.gif") no-repeat;

}





/* ------------------------------------------------ 

	Index

	News

------------------------------------------------ */

.topBox {

	margin: 0 auto;

	width: 418px;

	}

.topBox img {

	display: block;

	margin: 0 auto;

	text-align: center;

	}

.topBox p {

	margin: 30px 0;

	}



/* News Table */

.newsTblWrap {

	margin: 40px 0;

	background: url("../images/t_news_bg.gif") no-repeat left bottom;

	}

.newsTbl {

	font-size: 75%;

	line-height: 1.6;

	background: none;

	

	}

.newsTblWrap .top {

	margin: 0 15px 0 15px;

	}

.news {

	margin: 0;

	}

.newsTbl,

.newsTbl th,

.newsTbl td {

	border: none;

	}

.newsTbl th {

	padding: 7px 0;

	font-weight: normal;

	vertical-align: top;

	text-align: left;

	background: url("../images/t_news_line.gif") repeat-x left bottom;

	}

.newsTbl th span {

	display: block;

	margin-right: 10px;

	padding: 0 0 0 17px;

	background: url("../images/icon_leaf.gif") no-repeat 0 4px;

	}

.newsTbl td {

	padding: 7px 0;

	background: url("../images/t_news_line.gif") repeat-x left bottom;

	}







/* ------------------------------------------------ 

	Building

------------------------------------------------ */

/* Building box */

.buildBox {

	background: url("../images/bui_box_bg.gif") no-repeat;

}

.buildBox .body {

	padding: 43px 0 120px 0;

	text-align: center;

	background: url("../images/bui_box_btm.gif") no-repeat left bottom;

}

.buildBox p {

	margin-right: auto;

	margin-left: auto;

	width: 440px;

	text-align: left;

	}

.buildBox h4 {

	margin: 0 0 55px 0;

	}

.buildBox h5 {

	margin: 25px 0 10px 0;

	}







/* ------------------------------------------------ 

	Works

	Re Works

------------------------------------------------ */



/* Works Box */

.worksBox {

	margin-bottom: 50px;

	}

.worksBox h5.dot {

	margin: 0 0 10px 0;

	padding-bottom: 5px;

	font-size: 75%;

	background: url("../../images/line_01.gif") repeat-x left bottom;

	}



.worksBox h6 {

	margin: 20px 0 5px 0;

	width: 295;

	height: 28px;

	font-size: 75%;

	background: url("../images/wor_h6.gif") no-repeat;

	}

.worksBox h6 span {

	display: block;

	padding: 7px 0 0 30px;

	}

.worksBox .left {

	float: left;

	margin-bottom: 10px;

	width: 235px;

	}

.worksBox .right {	

	float: right;

	width: 295px;

	}

.worksBox .btn {

	clear: both;

	width: 550px;

	height: 48px;

	text-align: center;

	background: url("../images/btn_detail_bg.gif") no-repeat;

	}

.worksBox .btn img {

	margin: 9px 0 0 0;

	}







/* ------------------------------------------------ 

	Other

------------------------------------------------ */

.otherBox {

	margin-bottom: 40px;

	}

.otherBox .left {

	float: left;

	margin-right: 15px;

	}

.otherBox h4 {

	margin-top: 0;

	}





/* ------------------------------------------------ 

	News

------------------------------------------------ */

/* Page Navi */

.pageNavBottom {

	margin: 10px 0 0 0;

	text-align: center;

	font-size: 75%;

}





/* ------------------------------------------------ 

	News Detail

------------------------------------------------ */

h4.deco2 {

	margin: 0 0 15px 0;

	padding: 0 0 8px 0;

	font-size: 85%;

	line-height: 1.4;

	background: url("../../images/line_01.gif") repeat-x left bottom;

}

h4.deco2 span {

	display: block;

	padding: 3px 0 3px 10px;

	border-left: 2px solid #B6B6B6;

}



.newsBox {

	margin-bottom: 10px;

	}

.newsBox .left {

	float: left;

	margin-bottom: 10px;

	width: 185px;

	}

.newsBox .right {	

	float: right;

	width: 340px;

	}

.newsBox .left img {

	margin-bottom: 10px;

	}

.environmentBody p.dot {

	clear: both;

	}

















/* clearfix */

/* ------------------------------------------------ */

.newsBox:after,

.worksBox:after,

.otherBox:after,

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

  

/* (for IE7 and Mac IE5) */

.newsBox,

.worksBox,

.otherBox,

.clearfix {

	display: inline-block;

}



/* (for IE5-6) */

/* Hides from IE-mac \*/

* html .newsBox,

* html .worksBox,

* html .otherBox,

* html .clearfix {

	height: 1%;

}

.newsBox,

.worksBox,

.otherBox,

.clearfix {

	display: block;

}

/* End hide from IE-mac */