@charset "utf-8";
/* CSS Document */

/*  body
---------------------------------------------------------- */
body {
	font-family:"¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	/*font-size: 1rem;*/
}

/*  Area
---------------------------------------------------------- */

div#body_tech div#main_gi.tech_body {
	float:none;
	text-align:left;
	/*width: 960px;*/
	width: 760px;
	padding-bottom: 30px;
	/*font-size:107.7%;*/
	font-family:"¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	font-size: 1rem;
	line-height: 2;
	clear:both;
}

div#body_tech div#main_gi.tech_body.index{ /*index*/
	background:none;
}

/*section*/
div#main_gi.tech_body div.section {
	padding: 0;
	margin:0 70px;
	width:760px;
}


/*  Heading
---------------------------------------------------------- */
div#body_tech h1 {
	margin: 0 0 20px 0;
}

div#main_gi h2,
div#main_gi h3,
div#main_gi h4 {
	margin: 25px 0 5px 0;
	font-size: 118%;
	font-weight: bold;
	clear:both;
	line-height:1.7;
	letter-spacing:0.1em;
}

div#main_gi h3 {
	padding: 0px;
	background:none;
}

div#main_gi h2.first,
div#main_gi h3.first,
div#main_gi h4.first {
	margin-top:0px !important;
}

div#main_gi.tech_body h2 {
	padding:30px 0 0 0;
	border-top:#A8B6C8 1px solid;
	margin: 40px 0 32px 0;
	clear:both;
	font-size:1.75rem;
	color:#1C418D;
}

div#main_gi.tech_body h2.first {
	border:none;
	margin-top:0;
}


/*‡í°æ¥ì¥¤¥¢¥¦¥È*/

.col_multi_2,
.col_multi_3{
	/*float:left;*/
}

.col {
	/*float:left;*/
}

.col2 .col{
	width:370px;
}

.col2 .l {
	margin-right:20px;
}

.col3 .col {
	width:240px;
}

.col3 .col_multi_2{
	width:500px;
}

.col3 .l {
	margin-right:20px;
}

.col4 .col_multi_3{
	width:565px; /*3_col_width*/
}

.col4 .col_multi_2{
	width:370px; /*2_col_width*/
}

.col4 .col {
	width:175px;
}

.col4 .l {
	margin-right:20px;
}

/**/

div#main_gi p.caption {
	margin: 3px 0 20px 0;
	line-height:1.7;
	font-size: 0.8125rem;
}


div#main_gi .tm {
	margin-bottom:1em !important;
}

div#main_gi .tm_2 {
	margin-bottom:2em !important;
}


div#main_gi p.narrow {
	padding: 0 0 0 80px;
	width:600px;
}


/*keyword*/

dl.keyword{
	background:url(/common/image/bg_dot_line.gif) repeat-x left top;
	padding:10px 0 10px;
	margin-bottom:40px;
	font-size:0.875rem;
	line-height: 1;
	clear:both;
}

dl.keyword dt{
	float:left;
	width:6.5em;
	
}
dl.keyword dt p{
	padding:8px 0.5em 8px;
	line-height:1;
	text-align:center;
	background-color:#1CA12F;
	border-radius: 4px;
	color:#FFFFFF;
	font-weight:bold;
}

dl.keyword dd{
	padding: 3px 0 4px 7.5em;
	color:#333;
	line-height:1.7;
	padding-bottom:12px;
	background:url(/common/image/bg_dot_line.gif) repeat-x left bottom;
}




/*  „e·™ÓÃ
---------------------------------------------------------- */

div#main_gi.tech_body.gt h1.gt_title {
	font-size: 1.875rem;
	font-weight: bold;
	margin: 70px 0 5px 0;
	background-image: linear-gradient(to right, #4fad5c 0px, #4fad5c 2px, transparent 2px,transparent 5px);
	background-size: 5px 2px;
	background-repeat: repeat-x;
	background-position: 0px 100%;
}

div#main_gi.tech_body.gt h2 {
	color:#199B2B;
}

div#main_gi.tech_body.gt h2.label {
	font-size:1.25rem;
	line-height:1.7;
	background:#1C9F2F;
	padding:8px 10px 8px 15px;
	margin:40px 0px 24px;
	color:#fff;
	position:relative;
	border:none;
	letter-spacing:0.03em;
	border-radius: 6px;
}

div#main_gi.tech_body.gt h3.mark {
	font-size:100%;
	background:url(/tech/green_infra/gi_technology/images/bg_h3_mark.png) no-repeat 0 7px;
	padding-left:15px;
	margin:0;
}

div#main_gi p.lead {
	font-weight:bold;
	font-size:128%;
	color:#199B2B;
	letter-spacing:0.1em;	
}

/*close_btn*/
.close_btn{
	text-align:center;
	padding:20px 0;
	clear:both;
}
.close_btn a{
	display:block;
	width:200px;
	height:40px;
	margin:0 auto;
	background:url(/tech/green_infra/gi_technology/images/bg_close_btn.png) no-repeat 0px -50px;
	overflow:hidden;
	text-indent:-800px;
}
#overLayer .close_btn a{
	background-position: 0px 0px;
}
.close_btn a:hover{
	opacity:0.7;
}

/*.gt_footer*/
.gt_footer{
	background:#e9eaea;
	clear:both;
	text-align:center;
	padding:25px 0 30px;
	margin:0 -30px;
	font-size:84.6%;
}

@media print{
	div#main_gi.tech_body div.section {
		margin:0;
		padding: 0 100px;
		width:760px;
	}
}